/* Second art direction: physical devices, editorial spacing, no presentation labels. */
:root{--paper:#f4f2ed;--bg:#121315;--line:#ffffff19}.header{border-bottom:0;height:100px}.hero{min-height:780px;max-height:1100px;padding-top:105px;background:#121315}.hero-grid{grid-template-columns:43% 57%}.hero h1{font-size:clamp(98px,10.8vw,176px);letter-spacing:-.09em;line-height:.88;white-space:normal}.hero h1 span{color:#a3bdff}.hero-copy>p{max-width:365px;font-size:15px;line-height:1.7;margin-top:40px;color:#b1b3ba}.hero-copy{padding-bottom:0}.hero-actions{align-items:start;gap:20px;flex-direction:column}.hero-actions .button{border-radius:3px}.hero-actions .text-button{padding:0;color:#b8bac1}.hero-art{height:650px;max-height:78svh;margin:0 -5vw 0 -5vw;perspective:none;transform-style:flat;position:relative}.device-stage canvas{width:100%;height:100%;position:absolute;inset:0;opacity:0}.device-stage.ready canvas{opacity:1}.device-stage.ready .device-fallback{visibility:hidden}
/* The static laptop reserves the same proportions as the 3D model. The renderer
   replaces it only after sizing the camera and drawing its first complete frame. */
.device-fallback{position:absolute;width:67%;aspect-ratio:1.24;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);perspective:1000px}
.device-fallback>img{display:block;width:100%;height:auto;aspect-ratio:1.54;object-fit:cover;object-position:top;border:5px solid #9b9fa7;border-bottom:8px solid #41444a;border-radius:10px;transform:rotateY(-8deg);background:#1b1d21}
.device-fallback:after{content:'';position:absolute;left:-6%;width:112%;top:80%;height:9%;background:linear-gradient(#b9bdc5,#7e828b 70%,#464b53);clip-path:polygon(6% 0,94% 0,100% 80%,99% 100%,1% 100%,0 80%);border-radius:0 0 40% 40%}
.device-fallback>div{position:absolute;right:8%;bottom:0;width:30%;height:75%;overflow:hidden;border:6px solid #919399;border-radius:32px;transform:rotate(12deg)}.device-fallback>div>img{height:100%;width:100%;object-fit:cover}.hero-project{position:absolute;bottom:1%;left:27%;display:flex;flex-direction:column;gap:6px;font-size:10px;color:#92969f;z-index:2}.hero-project>span:first-child{font-size:12px;color:var(--paper);letter-spacing:.05em}.hero-bottom{font-family:Archivo,sans-serif;letter-spacing:0;font-size:10px;padding-top:23px;padding-bottom:25px}.hero-bottom .preview-label{font-size:8px;letter-spacing:.08em}.client-strip{background:#121315}.intro{padding-top:110px;padding-bottom:110px}.intro-label,.section-caption{font:14px Archivo,sans-serif;letter-spacing:0;color:#969ba5;margin-bottom:35px}.intro h2{font-size:clamp(30px,4.1vw,65px);line-height:1.15;letter-spacing:-.045em}.intro h2>span{color:#777e89}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:40px;padding-left:0}.intro-bottom p{max-width:590px;font-size:15px}.intro-bottom .inline-link{white-space:nowrap}.section-line>.eyebrow{font:14px Archivo,sans-serif;letter-spacing:0;text-transform:none}.section-line>.mono{font-size:8px}.showcase-copy h2{font-size:clamp(45px,5.6vw,90px)}.showcase-panel{border-radius:6px}.showcase{background:#181a1d}.project-kind{letter-spacing:.08em}.commerce-stage .eyebrow{color:#59616b}.commerce{background:#e4e7eb}.commerce-copy>p{max-width:370px}.app-stories{height:430svh;background:#15151a;color:#eeedf1;position:relative}.app-stage{height:100svh;min-height:730px;position:sticky;top:0;overflow:clip;padding-top:45px;padding-bottom:26px;display:flex;flex-direction:column}.app-title{display:flex;align-items:start;justify-content:space-between;position:relative;z-index:4;pointer-events:none}.app-title h2{font-size:clamp(45px,5.2vw,82px);line-height:.98;letter-spacing:-.065em}.app-title h2 em{color:#b7afe3}.app-title p{font-size:12px;color:#a7a6b3;padding-top:15px;max-width:300px}.app-scenes{position:relative;flex:1;min-height:0}.app-scene{position:absolute;inset:0;display:grid;grid-template-columns:37% 63%;align-items:center;opacity:0;visibility:hidden;pointer-events:none}.app-scene.active{pointer-events:auto}.app-scene:first-child{opacity:1;visibility:visible}.app-story-copy{position:relative;z-index:5;padding:20px 25px 30px 0}.app-category{display:block;color:#aba4c3;font-size:10px;margin-bottom:25px}.app-story-copy h3{font-size:clamp(25px,2.5vw,40px);line-height:1.15;letter-spacing:-.045em}.app-story-copy>p{font-size:13px;color:#a7a6b3;margin:22px 0 12px;max-width:330px}.app-story-copy .inline-link{font-size:11px}.app-composition{height:100%;min-height:390px;position:relative;perspective:1400px;transform-style:preserve-3d}.device-phone{position:absolute;box-sizing:border-box;width:245px;height:530px;border-radius:42px;padding:8px;background:linear-gradient(125deg,#a9aab5 0,#303137 17%,#e3e2e6 28%,#666872 47%,#17191d 70%,#9699a1);box-shadow:inset 0 0 0 1px #ffffff80,2px 2px 0 #72757f,5px 4px 0 #34353e,9px 7px 0 #07080a,15px 25px 40px #0007;transform-style:preserve-3d}.device-phone:after{content:'';position:absolute;inset:8px;border-radius:34px;box-shadow:inset 0 0 0 3px #070809;pointer-events:none}.device-phone:before{content:'';position:absolute;right:-5px;top:118px;width:3px;height:54px;background:linear-gradient(#3d3e42,#a4a7ae,#36373d);border-radius:3px}.device-phone>img{width:100%;height:100%;object-fit:cover;border-radius:34px;background:#222327}.app-phone{top:48%;left:45%;transform:translateY(-50%) rotateY(-16deg) rotateZ(8deg);transform-origin:center}.phone-edge{position:absolute;top:88px;left:-3px;width:3px;height:47px;border-radius:2px;background:#888b91}.chat-window{position:absolute;left:0;top:17%;width:290px;background:#ecebef;color:#202029;border-radius:16px;box-shadow:0 25px 55px #0005;transform:rotateY(15deg) rotateZ(-7deg);padding:20px;z-index:2}.chat-window-top{display:flex;flex-direction:column;gap:7px;padding-bottom:25px}.chat-window-top b{font-size:22px;letter-spacing:-.065em}.chat-window-top span{font-size:9px;color:#6d6e7b}.chat-bubble{font-size:12px;line-height:1.5;padding:14px;margin-bottom:12px;border-radius:12px;background:#fff;max-width:91%;box-shadow:0 4px 14px #00000004}.chat-bubble.visitor{margin-left:auto;background:#dcd8f2}.chat-bottom{margin-top:20px;background:white;padding:13px;font-size:10px;color:#74727d;border-radius:7px;display:flex;justify-content:space-between}.chat-window>small{display:block;margin-top:10px;font-size:8px;color:#777}.app-notification{position:absolute;bottom:5%;right:0;z-index:4;display:flex;align-items:center;gap:12px;padding:17px 22px;background:#ecebf0;color:#242229;border:1px solid #fff6;border-radius:15px;box-shadow:0 20px 55px #0008;transform:rotate(-3deg)}.app-notification>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#8b75ee;color:white;font-weight:700;font-size:22px}.app-notification b{font-size:12px}.app-notification p{font-size:9px;color:#696370;margin-top:5px}.connection-path{position:absolute;inset:0;width:100%;height:100%;z-index:0;fill:none;stroke:#b5a0ff;stroke-width:1.3;stroke-dasharray:5 9;opacity:.35}.immo-phone{left:12%;transform:translateY(-50%) rotateY(18deg) rotateZ(-7deg)}.app-document{position:absolute;left:49%;top:6%;width:255px;min-height:335px;background:#edece5;color:#282d28;padding:28px;transform:rotateY(-14deg) rotateZ(9deg);box-shadow:0 25px 55px #0005}.app-document>span{font-size:10px}.app-document h4{font-size:28px;letter-spacing:-.04em;font-weight:500;margin:25px 0}.document-rule{height:1px;background:#cccac0;margin:20px 0}.app-document p{font-size:10px;color:#6c6f68;margin:5px 0 12px}.app-document strong{font-size:11px}.document-sign{font:italic 23px Instrument,serif;transform:rotate(-6deg);margin:30px 0}.app-document small{font-size:7px;color:#7c8075}.voice-note{position:absolute;bottom:0;left:30%;z-index:4;background:#b8e5cc;color:#254a3d;padding:18px 24px;border-radius:16px;box-shadow:0 20px 45px #0004;transform:rotate(3deg)}.voice-note>span{font-size:10px}.voice-wave{height:30px;display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:8px}.voice-wave i{width:3px;height:8px;background:#285845;border-radius:4px;animation:voice-bars .9s ease-in-out infinite alternate}.voice-wave i:nth-child(3n){height:22px;animation-delay:-.3s}.voice-wave i:nth-child(3n+1){height:15px;animation-delay:-.6s}@keyframes voice-bars{to{transform:scaleY(.35)}}.matcha-front{left:43%;transform:translateY(-50%) rotateZ(9deg) rotateY(-15deg);z-index:2}.matcha-back{left:2%;transform:translateY(-50%) rotateZ(-13deg) rotateY(14deg);scale:.89;z-index:1}.matcha-screen{overflow:hidden;border-radius:34px;height:100%;background:#efede2;color:#313c27;padding:27px 18px 0}.matcha-screen>span:first-child{font:22px Georgia,serif;letter-spacing:.12em;display:block;margin-bottom:18px}.matcha-screen>small{font-size:7px;letter-spacing:.1em}.matcha-screen h4{font:46px/.94 Instrument,Georgia,serif;margin:12px 0 15px;letter-spacing:-.02em}.matcha-screen>img{width:calc(100% + 36px);max-width:none;margin-left:-18px;height:185px;object-fit:cover}.matcha-screen>div:not(.matcha-tabbar){margin-top:13px}.matcha-screen b{font-size:11px}.matcha-screen div small{display:block;font-size:8px;margin-top:5px;color:#7a816f}.matcha-shop-button{display:block;margin-top:17px;padding:11px 8px;background:#3c502e;color:#fff;font-size:8px;text-align:center;border-radius:4px}.matcha-tabbar{display:flex;justify-content:space-between;font-size:7px;margin-top:19px;border-top:1px solid #24351e20;padding-top:12px}.ritual-screen{background:#233524;color:#ebeede;padding-top:35px}.ritual-screen>small{display:block;font-size:6px;margin-bottom:25px}.ritual-screen>img{height:220px}.ritual-screen h4{font-size:29px;margin-top:23px}.ritual-screen p{font-size:8px}.matcha-caption{position:absolute;right:0;bottom:-5px;font-size:14px;line-height:1.35;z-index:4;transform:rotate(-6deg);color:#dce7c9}.matcha-caption em{font:italic 27px Instrument,serif}.app-navigation{border-top:1px solid #ffffff21;display:flex;gap:45px;margin-top:25px;padding-top:18px;position:relative;z-index:10}.app-navigation button{background:none;color:#8a8897;padding:8px 0;font-size:12px;display:flex;gap:12px;align-items:center}.app-navigation button span{font-size:8px}.app-navigation button[aria-pressed=true]{color:#eeedf1}.app-navigation button:after{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0}.app-navigation button[aria-pressed=true]:after{opacity:1}.work{background:#e9e9e4;padding-top:100px;padding-bottom:120px}.work-heading h2{font-size:clamp(45px,5.5vw,86px)}.work-grid{gap:70px 50px}.case-picture{border-radius:5px;perspective:1200px}.case-browser{will-change:transform;box-shadow:0 25px 45px #0003}.case-product .case-picture{position:relative;min-height:310px;background:#24212f}.case-immo .case-picture{background:#c7d5c9}.reference-app{position:absolute;width:40%;height:110%;left:52%;top:12%;border:6px solid #59575f;border-radius:29px;box-shadow:10px 25px 50px #0006;overflow:hidden;transform:rotate(-12deg)}.reference-app img{height:100%;width:100%;object-fit:cover;object-position:top}.reference-word{position:absolute;left:7%;top:24%;color:#d7d1ee;font-size:clamp(25px,3vw,45px);letter-spacing:-.055em;line-height:1.05}.reference-word span{display:block;font-size:10px;letter-spacing:0;margin-top:18px}.case-immo .reference-word{color:#244232}.case-immo .reference-app{transform:rotate(11deg)}.services{padding-top:130px;padding-bottom:130px}.services-copy h2{font-size:clamp(45px,5.5vw,84px);margin-top:25px}.service-list details{border-color:#ffffff24}.service-list summary>span{font-size:18px;color:#8b9bba}.service-list h3{font-size:28px}.studio{display:grid;grid-template-columns:42% 1fr;gap:9%;background:#deded8;color:#23262b;padding-top:100px;padding-bottom:100px;border:0;align-items:center}.studio-portrait{position:relative;margin:0;perspective:1000px}.studio-portrait>img{width:100%;height:540px;object-fit:cover;object-position:50% 25%;filter:grayscale(1);border-radius:3px}.studio-portrait>div{display:flex;justify-content:space-between;font-size:12px;padding-top:18px}.studio-portrait>div>span{color:#6a6c6d}.studio-editorial>.section-caption{color:#6a6c6d}.studio-editorial h2{font-size:clamp(37px,4.8vw,72px);margin-bottom:32px;line-height:1.05}.studio-editorial>p:not(.section-caption){font-size:14px;color:#5f6263;max-width:470px;margin-bottom:18px}.studio-editorial .inline-link{margin-top:10px}.faq{padding-top:100px;padding-bottom:100px}.faq>.eyebrow{font:16px Archivo,sans-serif;letter-spacing:0;text-transform:none}.contact{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;background:#1d2026;padding-top:100px;padding-bottom:100px;overflow:clip}.contact-invite{position:relative;z-index:2}.contact-invite>p{font-size:14px;color:#a4acb8}.contact h2{font-size:clamp(65px,7.5vw,116px);margin:28px 0 40px;letter-spacing:-.07em}.contact h2 em{color:#b1c5f6}.contact-aside{position:relative;z-index:2;max-width:340px;justify-self:end;padding-bottom:5px}.contact-aside>span{font-size:11px;color:#979faa}.contact-aside>p{font-size:15px;margin:20px 0 30px;color:#d1d3d9}.contact-aside>a{font-size:20px;letter-spacing:-.03em;border-bottom:1px solid #838b9b;padding-bottom:7px}.contact-pencil{position:absolute;width:580px;height:580px;border:1px solid #63708740;border-radius:50%;right:-70px;top:-130px;transform:rotateX(65deg) rotateZ(-30deg);pointer-events:none}.contact-pencil:before,.contact-pencil:after{content:'';position:absolute;inset:35px;border:1px solid #91a8c945;border-radius:50%}.contact-pencil:after{inset:-40px;border-color:#6d7a911f}.contact-pencil>span{position:absolute;width:25px;height:25px;border-radius:50%;background:#a4bfff;top:45px;right:45px;box-shadow:0 0 40px #7f99d860}.footer{background:#111315;padding-top:75px;padding-bottom:25px;overflow:hidden}.footer-directory{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.1fr;gap:35px}.footer-directory .logo img{width:143px}.footer-directory nav{display:flex;flex-direction:column;align-items:start;gap:15px}.footer-directory h2{font-size:12px;letter-spacing:0;font-weight:400;color:#797f89;margin:0 0 14px}.footer-directory nav a{font-size:13px;color:#c3c5cb;transition:color .2s,transform .2s}.footer-directory nav a:hover{color:white;transform:translateX(4px)}.footer-signature{font-size:clamp(150px,23vw,410px);line-height:1.05;letter-spacing:-.09em;font-weight:600;margin:75px 0 35px;color:#d7dce5;white-space:nowrap;transform-origin:left bottom}.footer-signature>span{font-size:.28em;display:inline-block;vertical-align:top;margin-top:.4em;margin-left:.18em;color:#8596b7}.footer-bottom{font-family:Archivo,sans-serif;letter-spacing:0;color:#797f89;font-size:10px;padding-top:23px}.footer-bottom nav{font-size:10px}.motion-off .voice-wave i{animation:none}.motion-off .app-stories{height:auto}.motion-off .app-stage{position:relative;height:auto;min-height:0;padding-top:65px;padding-bottom:50px}.motion-off .app-scenes{display:block}.motion-off .app-scene{position:relative;opacity:1!important;visibility:visible!important;transform:none!important;min-height:650px;pointer-events:auto}.motion-off .app-composition{height:560px}.motion-off .app-navigation{display:none}.motion-off .app-phone,.motion-off .chat-window,.motion-off .app-document,.motion-off .app-notification,.motion-off .voice-note{opacity:1!important}
@media(min-width:1600px){.app-composition{max-width:820px}.app-phone{scale:1.12}.app-stage{padding-top:60px}.app-title h2{font-size:90px}}
@media(max-width:1000px) and (min-width:761px){.hero h1{font-size:12vw}.hero-art{margin-right:-9vw;margin-left:-9vw}.hero-copy>p{font-size:13px;max-width:290px}.app-phone{scale:.83;transform-origin:center}.chat-window{width:235px;left:-3%;scale:.9}.app-story-copy h3{font-size:25px}.app-story-copy>p{font-size:12px}.app-title h2{font-size:55px}.app-document{width:210px;left:50%;scale:.9;transform-origin:left center}.matcha-caption{font-size:12px}.app-notification{right:-4%;scale:.8;transform-origin:right bottom}.voice-note{scale:.8;transform-origin:left bottom}.footer-directory{grid-template-columns:1fr 1fr 1fr;gap:35px}.footer-directory>.logo{grid-column:1/-1}.studio-portrait>img{height:480px}.contact-aside>a{font-size:18px}}
@media(max-width:760px){.header{height:78px}.hero{padding-top:110px;height:auto;min-height:0;max-height:none}.hero-grid{display:flex;flex-direction:column;align-items:stretch}.hero h1{font-size:clamp(85px,22vw,145px);line-height:.85}.hero h1 br{display:none}.hero h1 span{display:block}.hero-copy>p{font-size:13px;line-height:1.65;max-width:300px;margin:24px 0}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-actions .button{font-size:10px;gap:20px;padding:14px 16px;min-height:47px}.hero-actions .text-button{font-size:10px;max-width:90px;line-height:1.5}.hero-art{height:430px;max-height:none;margin:-5px -24px 0}.hero-project{left:11%;bottom:2%;font-size:8px}.hero-project>span:first-child{font-size:9px}.hero-bottom{padding:23px 0;margin-top:15px;font-size:8px;gap:15px}.hero-bottom a span{margin-left:8px}.intro{padding-top:65px;padding-bottom:70px}.intro-label{font-size:11px;margin-bottom:25px}.intro h2{font-size:31px;line-height:1.19}.intro-bottom{display:block;margin-top:28px}.intro-bottom p{font-size:13px}.intro-bottom .inline-link{margin-top:20px}.section-line>.eyebrow{font-size:11px;letter-spacing:0;max-width:180px}.section-line>.mono{font-size:6px}.showcase-copy h2{font-size:38px}.app-stories{height:430svh}.app-stage{padding-top:28px;padding-bottom:15px;min-height:810px}.app-title h2{font-size:38px;line-height:.98}.app-title h2 br{display:none}.app-title p{display:none}.app-scenes{margin-top:20px}.app-scene{display:flex;flex-direction:column;align-items:stretch;justify-content:start}.app-story-copy{padding:0;flex:none;min-height:220px}.app-category{font-size:8px;margin-bottom:15px}.app-story-copy h3{font-size:25px;line-height:1.1;max-width:310px}.app-story-copy>p{font-size:11px;line-height:1.6;max-width:320px;margin:13px 0 6px}.app-story-copy .inline-link{font-size:10px;padding:8px 0;gap:25px}.app-composition{width:100%;height:410px;min-height:410px;flex:none;margin-top:10px}.app-phone{scale:.68;transform-origin:top left;top:10px;left:45%}.chat-window{width:235px;top:50px;left:-2%;scale:.74;transform-origin:top left}.app-notification{bottom:3%;right:0;scale:.77;transform-origin:bottom right}.connection-path{top:-10%;height:110%}.app-document{left:42%;top:30px;scale:.63;transform-origin:top left}.immo-phone{left:4%;top:0}.voice-note{left:18%;bottom:15px;scale:.79;transform-origin:left bottom;padding:16px 20px;white-space:nowrap}.matcha-front{left:44%;top:8px;scale:.66}.matcha-back{left:0;top:22px;scale:.61}.matcha-caption{font-size:11px;bottom:3px;right:4%}.matcha-caption em{font-size:22px}.app-navigation{gap:0;justify-content:space-between;margin-top:auto;padding-top:11px}.app-navigation button{font-size:10px;gap:6px;padding:10px 0}.app-navigation button span{font-size:7px}.work{padding-top:65px;padding-bottom:70px}.work-heading h2{font-size:43px}.case-product .case-picture{min-height:285px}.reference-word{font-size:33px}.reference-word span{font-size:9px;max-width:100px;line-height:1.5}.services{padding-top:75px;padding-bottom:75px}.section-caption{font-size:11px;margin-bottom:25px}.services-copy h2{font-size:47px;margin-top:20px}.service-list h3{font-size:22px}.service-list summary>span{font-size:16px}.studio{display:flex;flex-direction:column-reverse;gap:40px;padding-top:65px;padding-bottom:55px}.studio-editorial h2{font-size:42px;margin-bottom:25px}.studio-editorial>p:not(.section-caption){font-size:13px}.studio-portrait{width:100%}.studio-portrait>img{height:390px;object-position:50% 22%}.studio-portrait>div{font-size:11px}.faq{padding-top:65px;padding-bottom:65px}.faq>.eyebrow{font-size:14px}.contact{display:block;padding-top:60px;padding-bottom:65px}.contact h2{font-size:68px;margin:25px 0 35px}.contact-invite>p{font-size:12px}.contact .button{font-size:11px;padding:17px 20px}.contact-aside{margin-top:55px;max-width:300px}.contact-aside>p{font-size:13px;margin:15px 0 22px}.contact-aside>a{font-size:19px}.contact-pencil{right:-300px;top:-230px}.footer{padding-top:55px}.footer-directory{grid-template-columns:1fr 1fr;gap:40px 25px}.footer-directory>.logo{grid-column:1/-1}.footer-directory .logo img{width:128px}.footer-directory h2{font-size:11px;margin-bottom:6px}.footer-directory nav{gap:13px}.footer-directory nav a{font-size:11px;line-height:1.5}.footer-directory nav:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:13px 25px}.footer-directory nav:last-child h2{grid-column:1/-1}.footer-signature{font-size:25vw;margin:45px 0 27px}.footer-signature>span{margin-left:.1em}.footer-bottom{font-size:8px;gap:17px}.footer-bottom>nav{font-size:8px;gap:25px}.motion-off .app-scene{min-height:0;margin-top:45px}.motion-off .app-composition{height:420px;min-height:420px}.motion-off .app-phone{transform:rotate(7deg)!important}.motion-off .immo-phone{transform:rotate(-7deg)!important}.motion-off .matcha-back{transform:rotate(-9deg)!important}.motion-off .chat-window{transform:rotate(-5deg)!important}}
@media(max-width:360px){.hero-actions{gap:12px}.hero h1{font-size:22vw}.app-story-copy h3{font-size:23px}.app-phone{scale:.61}.matcha-back{scale:.56}.matcha-front{scale:.6}.chat-window{scale:.67}.app-composition{height:385px;min-height:385px}.app-stage{min-height:785px}.app-navigation button{font-size:9px}}
/* Continuous architectural assembly → laptop website → mobile view. */
.architecture-story{height:410svh;background:#cbc8be;color:#242923}.architecture-stage{position:sticky;top:0;height:100svh;min-height:660px;overflow:clip}.architecture-heading{position:absolute;top:45px;left:0;right:0;display:flex;justify-content:space-between;z-index:3;pointer-events:none}.architecture-heading h2{font-size:clamp(42px,4.8vw,76px);line-height:.98;letter-spacing:-.06em}.architecture-heading p{font-size:15px;line-height:1.8}.architecture-heading p span{font-size:10px;color:#6c6d63}.architecture-world{position:absolute;inset:0;transform-origin:center}.architecture-world canvas{display:block;width:100%;height:100%;opacity:0}.architecture-world.webgl-ready canvas{opacity:1}.architecture-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}.architecture-world.webgl-ready .architecture-fallback{display:none}.architecture-caption{position:absolute;bottom:80px;left:0;right:0;z-index:5;display:flex;align-items:end;justify-content:space-between}.architecture-caption>div{position:relative;height:35px;flex:1}.architecture-line{position:absolute;left:0;bottom:0;font-size:28px;letter-spacing:-.055em;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}.architecture-line.active{opacity:1;transform:none}.architecture-caption>a{font-size:11px;border-bottom:1px solid #687061;padding-bottom:7px}.architecture-controls{position:absolute;bottom:25px;left:0;right:0;display:flex;gap:30px;align-items:center;z-index:5}.architecture-controls button{background:none;padding:8px 0;font-size:11px;color:#7c7e72}.architecture-controls button[aria-pressed=true]{color:#242923}.architecture-controls>div{height:1px;background:#363d3225;flex:1;margin-left:25px}.architecture-controls i{display:block;width:100%;height:1px;background:#394431;transform:scaleX(0);transform-origin:left}.architecture-to-web{position:absolute;width:min(70vw,980px);left:49%;top:47%;opacity:0;transform:translate(-50%,-50%);pointer-events:none;perspective:1400px}.architecture-browser{position:relative;aspect-ratio:1.6;border:9px solid #2d302e;border-radius:16px;background:#292e28;box-shadow:0 35px 65px #444b3b40;overflow:hidden}.architecture-browser>img{width:100%;height:100%;object-fit:cover}.architecture-browser-nav{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:18px 25px;background:#e9e8df;color:#2c3329;font-size:9px;z-index:2}.architecture-browser-nav>b{font-size:16px;letter-spacing:-.045em}.architecture-browser>strong{position:absolute;top:24%;left:5%;font-size:clamp(35px,4.5vw,72px);line-height:.97;letter-spacing:-.065em;color:#f7f5e9;font-weight:400;text-shadow:0 2px 20px #0003}.architecture-browser>strong em{font-family:Instrument,serif}.architecture-browser-bottom{position:absolute;bottom:22px;left:5%;right:5%;display:flex;justify-content:space-between;color:#f5f4ec;font:8px Plex,monospace}.architecture-laptop-base{position:absolute;top:99%;left:-6%;right:-6%;height:18px;border-radius:1px 1px 50% 50%/1px 1px 90% 90%;background:linear-gradient(#b5b7b1,#686d67 70%,#30352d);box-shadow:0 20px 20px #3b45383d}.architecture-laptop-base:after{content:'';position:absolute;top:0;left:44%;width:12%;height:5px;background:#616760;border-radius:0 0 8px 8px}.architecture-mobile{width:175px;height:370px;right:-10%;top:36%;padding:6px;border-radius:30px;z-index:3;transform:rotateZ(8deg)}.architecture-mobile:after{inset:6px;border-radius:24px}.architecture-mobile>div{height:100%;overflow:hidden;border-radius:24px;background:#eeede4;color:#263024;padding:20px 12px}.architecture-mobile b{font-size:19px;letter-spacing:-.07em;line-height:.85;display:block;margin-bottom:20px}.architecture-mobile img{height:140px;width:calc(100% + 24px);max-width:none;margin-left:-12px;object-fit:cover}.architecture-mobile h4{font-size:26px;font-weight:400;letter-spacing:-.05em;line-height:1;margin:17px 0}.architecture-mobile h4 em{font-family:Instrument,serif}.architecture-mobile span{font-size:7px}.motion-off .architecture-story,.architecture-static{height:auto}.motion-off .architecture-stage,.architecture-static .architecture-stage{position:relative;height:800px}.motion-off .architecture-controls,.architecture-static .architecture-controls{display:none}.motion-off .architecture-heading{opacity:1!important;transform:none!important}.motion-off .architecture-caption{bottom:35px}.architecture-static .architecture-caption{bottom:35px}.architecture-static .architecture-heading{background:#cbc8bebf;padding-top:20px;padding-bottom:20px}
@media(max-width:760px){.architecture-story{height:350svh}.architecture-stage{min-height:690px}.architecture-heading{top:35px;display:block}.architecture-heading h2{font-size:43px}.architecture-heading p{font-size:11px;margin-top:20px}.architecture-heading p span{font-size:8px}.architecture-world{inset:85px -12% 45px}.architecture-caption{bottom:85px;display:block}.architecture-caption>div{height:30px}.architecture-line{font-size:26px}.architecture-caption>a{display:inline-block;font-size:9px;margin-top:17px}.architecture-controls{bottom:25px;gap:22px}.architecture-controls button{font-size:10px}.architecture-controls>div{margin-left:0}.architecture-to-web{width:83%;left:46%;top:46%}.architecture-browser{border-width:5px;border-radius:9px;aspect-ratio:1.35}.architecture-browser-nav{padding:10px;font-size:5px}.architecture-browser-nav>b{font-size:9px}.architecture-browser>strong{font-size:31px;top:25%}.architecture-browser-bottom{font-size:4px;bottom:16px}.architecture-browser-bottom>span{display:none}.architecture-laptop-base{height:12px}.architecture-mobile{width:105px;height:220px;right:-6%;top:42%;border-radius:21px;padding:5px}.architecture-mobile:after{inset:5px;border-radius:16px}.architecture-mobile>div{border-radius:16px;padding:14px 8px}.architecture-mobile b{font-size:13px;margin-bottom:10px}.architecture-mobile img{height:75px;width:calc(100% + 16px);margin-left:-8px}.architecture-mobile h4{font-size:17px;margin:11px 0}.architecture-mobile span{font-size:5px}.architecture-mobile:before{height:22px;top:45px}.motion-off .architecture-stage,.architecture-static .architecture-stage{height:700px}}
/* Actual customer websites scroll inside paired laptop / iPhone views. */
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case{min-width:0}.case-heading{flex-wrap:wrap;gap:9px 15px}.case-picture{padding:0;overflow:clip;isolation:isolate;aspect-ratio:1.23}.case-laptop{position:absolute;left:7%;top:18%;width:78%;transform-style:preserve-3d;will-change:transform}.case-browser{width:100%;margin:0;border:5px solid #41454a;border-bottom:8px solid #383b3e;border-radius:9px 9px 5px 5px;transform:none!important;transition:none;overflow:hidden;position:relative;box-shadow:0 22px 40px #0003;background:#282d32}.case-browser .browser-top{height:19px;background:#20252a;padding:0 9px}.case-browser .browser-top span{font-size:5px;color:#e5e8ee}.case-browser .browser-top i{width:3px;height:3px;background:#90979f}.case-scroll-screen{aspect-ratio:1.62;overflow:hidden;background:white}.case-scroll-screen img{width:100%;height:auto;aspect-ratio:auto;object-fit:initial;will-change:transform}.case-laptop-base{position:absolute;top:99%;left:-7%;right:-7%;height:12px;background:linear-gradient(#b8bdc3,#687079 62%,#30363d);border-radius:1px 1px 45% 45%/1px 1px 100% 100%;box-shadow:0 15px 18px #0003}.case-laptop-base:after{content:'';position:absolute;left:43%;width:14%;height:3px;border-radius:0 0 6px 6px;background:#666c74}.case-mobile{position:absolute;right:7%;top:35%;width:23%;aspect-ratio:.462;border-radius:21px;border:5px solid #343941;box-shadow:1px 0 0 2px #9ea5b0,4px 4px 0 #4b515a,10px 15px 20px #0004;overflow:hidden;background:#111;z-index:3}.case-mobile img{width:100%;height:100%;object-fit:cover}.case-mobile i{position:absolute;top:4px;left:33%;width:34%;height:5px;border-radius:9px;background:#141518}.case-arrow{z-index:5;width:35px;height:35px;font-size:20px}.case:nth-child(even){padding-top:70px}.case-product .case-picture{aspect-ratio:1.23}.motion-off .case-scroll-screen img{transform:none!important}.case-scroll-screen img{transition:filter .25s}.case-picture:hover .case-scroll-screen img{filter:brightness(1.04)}
@media(max-width:1000px) and (min-width:761px){.work-grid{gap:50px 25px}.case-heading h3{font-size:21px}.case-heading>.mono{font-size:6px}.case-mobile{border-radius:15px;border-width:3px}.case-browser{border-width:4px}.case-product .case-picture{min-height:260px}.reference-word{font-size:29px}.reference-word span{font-size:8px;max-width:95px;line-height:1.4}}
@media(max-width:760px){.case-picture{aspect-ratio:1.2;padding:0}.case:nth-child(even){padding-top:0}.case-heading{flex-wrap:wrap}.case-mobile{border-radius:16px;border-width:4px}.case-heading>.mono{text-align:left;max-width:none}.case-product .case-picture{min-height:285px}}
@media(min-width:761px) and (max-width:1000px){.hero-art{margin:0 -22px 0 -12px;height:590px}.hero h1{font-size:11.3vw}.hero-copy>p{max-width:275px}.app-stage{min-height:800px}.app-phone{left:42%}.immo-phone{left:5%}.matcha-back{left:-3%}.matcha-front{left:43%}}
html{overflow-x:clip}
@media(max-width:760px){.hero h1 br,.app-title h2 br{display:block}.hero h1 span{display:inline}.hero h1{font-size:clamp(77px,21vw,135px)}.app-title h2{font-size:36px}}
.app-composition{transform-style:flat}.app-notification,.voice-note{z-index:6}
@media(max-width:760px) and (max-height:760px){.app-stage{min-height:700px;padding-top:20px}.app-title h2{font-size:29px}.app-story-copy{min-height:195px}.app-story-copy h3{font-size:22px}.app-story-copy>p{font-size:10px}.app-category{margin-bottom:10px}.app-scenes{margin-top:15px}.app-composition{height:330px;min-height:330px;scale:.88;transform-origin:top center;margin-top:0}.app-navigation{margin-top:auto}.app-notification{bottom:-28px}.voice-note{bottom:-24px}.matcha-caption{bottom:-25px}}
.footer-signature img{width:100%;height:auto;opacity:.9}.footer-signature{margin-top:85px;margin-bottom:50px}
@media(max-width:760px){.footer-signature{margin-top:50px;margin-bottom:35px}}
.architecture-controls button,.architecture-heading p span{color:#50564b}
.studio-portrait{min-height:480px;display:grid;place-items:center;perspective:1200px}.studio-portrait>.studio-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:0;padding:38px;width:100%;min-height:420px;border:1px solid #555b63;border-radius:6px;background:linear-gradient(130deg,#292e36,#131619 65%);color:#f2f1eb;box-shadow:inset 0 1px 0 #b4bec34d,2px 3px 0 #6f757c,5px 6px 0 #31363c,15px 40px 45px #34393338;transform:rotateY(-12deg) rotateZ(-5deg);transform-style:preserve-3d}.studio-card img{width:127px;height:auto;margin-bottom:55px}.studio-portrait>.studio-card>span{color:#99a0ae;font-size:10px}.studio-card>p{font-size:65px;letter-spacing:-.065em;line-height:.95;margin-top:20px}.studio-card>a{margin-top:38px;font-size:11px;color:#acbad5}.studio-portrait>.studio-card-shadow{position:absolute;inset:auto 8% 0;height:45px;border-radius:50%;background:#252d2740;filter:blur(23px);transform:rotate(-7deg);z-index:0}
@media(max-width:760px){.studio-portrait{min-height:370px}.studio-portrait>.studio-card{padding:28px;min-height:340px;width:94%}.studio-card img{width:112px;margin-bottom:35px}.studio-card>p{font-size:58px}.studio-card>a{margin-top:30px}}
.architecture-story{background:#eae9e4}
@media(max-width:760px){.architecture-world{inset:0 -12%}}