:root{--navy:#111215;--navy2:#191b20;--copper:#85aaff;--white:#f3f4f6;--grey:#a6abb5;--line:#adb6c726}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--navy);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--copper);outline-offset:6px}img,video{display:block;width:100%}h1,h2,h3,p{margin-top:0}header{position:absolute;top:0;left:0;width:100%;height:105px;z-index:10;padding:0 5%;display:flex;align-items:center;gap:24px;border-bottom:1px solid #ffffff24;background:linear-gradient(#11121580,transparent)}.brand{font-size:25px;font-weight:600;letter-spacing:3px;white-space:nowrap}.brand>span{font-weight:300;color:var(--copper)}.brand small{display:block;font-size:9px;letter-spacing:1.4px;color:#c1cbd0;margin-top:6px;font-weight:400}nav{margin-left:auto;display:flex;align-items:center;gap:35px;font-size:14px}.nav-button{border:1px solid #ffffff50;padding:15px 20px}.nav-button span{margin-left:25px}.motion{background:#11121540;border:1px solid #ffffff50;width:36px;height:36px;border-radius:50%;flex-shrink:0}.hero{height:100svh;min-height:780px;position:relative;overflow:hidden}.hero-video{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101115ec 0%,#101115c0 29%,#10111530 67%,#10111510),linear-gradient(0deg,#111215,transparent 35%,#11121535)}.hero-text{position:absolute;left:7%;top:27%;animation:rise 1.2s ease-out}.eyebrow{font-size:12px;letter-spacing:2.5px;line-height:1.6;font-weight:500;color:var(--copper);margin-bottom:28px}h1{font-size:clamp(62px,7vw,110px);font-weight:400;letter-spacing:-.055em;line-height:.99;margin-bottom:28px}em{font-family:Arial,Helvetica,sans-serif;font-style:normal;color:var(--copper);font-weight:400;letter-spacing:-.055em}.hero-text>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#d0d7da}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--copper);color:#101629;font-size:14px;padding:18px 24px;border:1px solid var(--copper);transition:background .25s,transform .25s}.button:hover{background:#b5cbff;transform:translateY(-3px)}.hero-text .button{margin-top:12px}.outline{background:transparent;color:var(--white);border-color:#adb6c74d}.outline:hover{background:#85aaff20}.hero-bottom{position:absolute;bottom:32px;left:7%;right:7%;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.8px;color:#d0d7dd}.hero-play{position:absolute;bottom:90px;right:7%;background:var(--copper);border:0;color:var(--navy);padding:15px}.hero-play[hidden]{display:none}.section{padding:115px 7%}h2{font-size:clamp(40px,4.8vw,72px);line-height:1.08;letter-spacing:-.047em;font-weight:400;margin-bottom:30px}h2>span{color:#989eaa}.intro{max-width:640px;font-size:18px;line-height:1.7;color:var(--grey)}.method{background:linear-gradient(145deg,#191b20,#121419)}.method-flow{margin-top:65px;display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr;gap:18px;align-items:start}.mini-scene{position:relative;aspect-ratio:4/3;overflow:hidden;margin-bottom:30px;background:#14161a;box-shadow:0 25px 45px #0003;transform:perspective(800px) rotateY(-8deg) rotateX(8deg);transition:transform .6s}.method-flow article:hover .mini-scene{transform:perspective(800px) rotateY(0) rotateX(0)}.mini-scene img,.mini-scene video{height:100%;object-fit:cover}.blueprint img{filter:brightness(.72) sepia(.15)}.scan{position:absolute;inset:0;background:linear-gradient(90deg,transparent,transparent 45%,#85aaff60 49%,#85aaff 50%,transparent 51%);animation:scan 5s ease-in-out infinite;mix-blend-mode:screen}.mini-scene svg{position:absolute;inset:0;width:100%;height:100%}.mini-scene svg path{fill:#85aaff10;stroke:var(--copper);stroke-width:7;stroke-dasharray:100;animation:trace 5s ease-in-out infinite}.viewfinder{position:absolute;inset:12px;border:1px solid #85aaff70}.flow-arrow{font-size:34px;color:var(--copper);align-self:start;margin-top:70px;animation:flow 3s infinite}.step-number{font-size:11px;letter-spacing:1.6px;color:var(--copper);line-height:1.5}h3{font-size:26px;font-weight:400;letter-spacing:-.03em;margin-bottom:12px}.method-flow article>p:last-child{font-size:16px;line-height:1.7;color:var(--grey);max-width:280px}.project-one{background:#111215}.project-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:60px}.project-heading h2{margin-bottom:0}.project-heading>p{max-width:300px;color:var(--grey);line-height:1.8;font-size:16px;margin-bottom:0}.assembly{position:relative;aspect-ratio:1.8;min-height:460px;perspective:1200px;background:radial-gradient(ellipse at 55% 60%,#43588950,transparent 65%);overflow:hidden;border-bottom:1px solid var(--line)}.drawing{position:absolute;left:0;top:16%;width:31%;z-index:4;transform:rotate(-5deg);transform-origin:50% 60%;box-shadow:0 25px 60px #0008}.drawing img{aspect-ratio:4/3;object-fit:contain;background:#eee}.media-label{font-size:11px;letter-spacing:1.8px;display:block;color:#d3dce2;line-height:1.5}.drawing .media-label{padding:12px 0;position:absolute;bottom:100%;left:0}.plot{position:absolute;right:0;top:0;width:65%;aspect-ratio:4/3;overflow:hidden;border:1px solid #aac6d430;box-shadow:0 30px 70px #0007}.plot>img{height:100%;object-fit:cover}.boundary{position:absolute;inset:0;width:100%;height:100%}.boundary-fill{fill:#85aaff20;stroke:none}.boundary-line{fill:none;stroke:#adc5ff;stroke-width:7;filter:drop-shadow(0 0 10px #6b98ff);stroke-dasharray:100;stroke-dashoffset:100}.plot-label,.result>.media-label{position:absolute;left:18px;top:18px;padding:9px 12px;background:#151920ce}.transfer-arrow{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}.transfer-path{fill:none;stroke:var(--copper);stroke-width:2;stroke-dasharray:100;stroke-dashoffset:100}.result{position:absolute;inset:0;opacity:0;transition:opacity 1.2s;pointer-events:none;background:#111215}.result video{height:100%;object-fit:contain}.assembly-caption{position:absolute;bottom:25px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px}.phase{font-size:14px;color:var(--grey)}.phase-track{width:25%;height:2px;background:#ffffff20}.phase-track i{display:block;height:100%;width:0;background:var(--copper)}.assembly.running .boundary-line{animation:draw 2.8s ease-out forwards}.assembly.running .transfer-path{animation:draw 1.6s 2s ease-out forwards}.assembly.running .drawing{animation:integrate 7s ease-in-out forwards}.assembly.running .phase-track i{animation:progress 8s linear forwards}.assembly.complete .result{opacity:1;pointer-events:auto}.assembly.complete .transfer-arrow,.assembly.complete .boundary{opacity:0;transition:opacity 1s}.project-actions{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:28px}.project-actions>div{display:flex;gap:30px;align-items:center}.text-button{padding:12px 0;background:none;border:0;border-bottom:1px solid #ffffff40;font-size:14px;text-align:left}.text-button:hover{color:var(--copper)}.interlude{position:relative;background:linear-gradient(120deg,#20242d,#111215 75%);overflow:hidden;display:grid;grid-template-columns:1fr 2fr;gap:35px}.interlude h2{font-size:clamp(66px,8vw,120px);line-height:.98;margin:0}.interlude-note{grid-column:2;display:flex;justify-content:space-between;align-items:start;gap:40px;margin-top:35px}.interlude-note span{font-size:11px;letter-spacing:1.5px;max-width:160px;line-height:1.7;color:var(--copper)}.interlude-note p{font-size:16px;line-height:1.7;color:var(--grey);max-width:350px}.project-two{background:#16181d}.second-layout{display:grid;grid-template-columns:2fr 1fr;gap:45px;align-items:start}.compare{position:relative;aspect-ratio:1239/848;overflow:hidden;--reveal:48%;background:#111215}.compare>.before{height:100%;object-fit:cover}.second-boundary{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.second-boundary path{fill:none;stroke:#a0beff;stroke-width:6;stroke-dasharray:100;animation:trace 5s ease-in-out infinite;filter:drop-shadow(0 0 8px #739dff)}.after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.after video{height:100%;object-fit:cover}.divider{position:absolute;left:var(--reveal);top:0;bottom:0;width:2px;background:#d8e5ff;pointer-events:none;box-shadow:0 0 20px #0005}.divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:#85aaff;color:#121925;border-radius:50%;text-align:center;line-height:44px;font-size:25px}.compare-label{position:absolute;top:16px;font-size:10px;letter-spacing:1.4px;background:#111215cc;padding:10px}.before-label{right:12px}.after-label{left:12px}.slider-label{margin-top:22px;display:flex;justify-content:space-between;gap:15px;font-size:14px}.slider-label span{color:var(--grey);font-size:12px}input[type=range]{width:100%;accent-color:var(--copper);margin:22px 0 8px;height:22px;cursor:ew-resize}.comparison-note{font-size:12px;color:var(--grey);margin:5px 0}.sketch-aside>.media-label{margin-bottom:20px}.image-button{border:0;background:none;padding:0;position:relative;width:100%;transform:perspective(900px) rotateY(-8deg);transition:transform .5s}.image-button:hover{transform:none}.image-button span{position:absolute;bottom:0;right:0;font-size:12px;background:#111215db;padding:12px}.sketch-aside>p{font-size:18px;color:var(--grey);line-height:1.7;margin:28px 0}.sketch-aside .button{width:100%}.prepare{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#191b20}.prepare>div>p:not(.eyebrow){font-size:17px;color:var(--grey);line-height:1.7}.prepare-list>div{display:flex;gap:30px;padding:25px 0;border-bottom:1px solid var(--line)}.prepare-list>div>span{font-size:13px;color:var(--copper);padding-top:5px}.prepare-list h3{font-size:22px}.prepare-list p{font-size:16px;color:var(--grey);line-height:1.7;margin-bottom:0}.prepare-list .scope{font-size:14px;margin-top:25px}footer{padding:45px 7%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:14px;color:var(--grey);margin:0}footer>a:last-child{font-size:13px}.media-dialog{border:1px solid #738c9d;background:#111215;color:var(--white);padding:32px;width:min(1150px,94vw);max-height:94svh}.media-dialog::backdrop{background:#08090ce8;backdrop-filter:blur(10px)}.dialog-title{font-size:23px;letter-spacing:0;padding-right:35px}.dialog-body img{max-height:73svh;width:100%;object-fit:contain}.dialog-body video{width:100%;max-height:73svh}.close-dialog{position:absolute;right:15px;top:12px;border:0;background:none;font-size:35px;padding:0 8px}.skip{position:absolute;left:0;top:-100px;z-index:50;background:#fff;color:#000;padding:15px}.skip:focus{top:0}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}.still *, .still *:before,.still *:after{animation:none!important;transition:none!important}.still .reveal{opacity:1;transform:none}.still .boundary-line,.still .transfer-path{stroke-dashoffset:0}.still .assembly .drawing{transform:rotate(-5deg)!important;opacity:1!important}.still .assembly .result{opacity:0;pointer-events:none}.still .assembly .transfer-arrow,.still .assembly .boundary{opacity:1}.still .phase-track{display:none}@keyframes rise{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes progress{to{width:100%}}@keyframes integrate{0%,35%{transform:rotate(-5deg);opacity:1}50%{transform:translateY(-15px) rotate(0deg);opacity:1}85%{transform:translate(168%,44%) rotateX(45deg) rotateZ(10deg) scale(.54);opacity:.85}100%{transform:translate(168%,44%) rotateX(45deg) rotateZ(10deg) scale(.54);opacity:0}}@keyframes trace{0%{stroke-dashoffset:100}60%,100%{stroke-dashoffset:0}}@keyframes scan{0%,15%{transform:translateX(-90%)}80%,100%{transform:translateX(90%)}}@keyframes flow{50%{translate:7px 0}}@media(max-width:1000px){.hero-text{top:25%}.section{padding:85px 6%}.project-heading{display:block}.project-heading>p{margin-top:28px;max-width:600px}.method-flow{gap:10px;grid-template-columns:1fr 25px 1fr 25px 1fr}.flow-arrow{font-size:25px;margin-top:45px}.second-layout{gap:25px}.assembly{min-height:420px}.interlude{grid-template-columns:1fr 2fr}.interlude-note{display:block}.interlude-note p{margin-top:20px}.prepare{gap:6%}nav{gap:22px}}@media(max-width:650px){header{height:85px;padding:0 6%;gap:15px}.brand{font-size:19px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:.8px}nav>a:not(.nav-button){display:none}.nav-button{font-size:12px;padding:10px 12px}.nav-button span{display:none}.motion{width:30px;height:30px}.hero{min-height:780px;height:100svh}.hero-text{left:7%;right:7%;top:25%}h1{font-size:clamp(57px,12vw,76px)}.hero-text>p:not(.eyebrow){font-size:16px}.hero-shade{background:linear-gradient(90deg,#101115d9,#10111560),linear-gradient(0deg,#111215,transparent 60%)}.hero-bottom{font-size:9px;line-height:1.6}.hero-bottom>span:last-child{display:none}.hero-bottom a{max-width:105px;text-align:right}.eyebrow{font-size:11px;letter-spacing:1.7px}h2{font-size:40px}.section{padding:72px 6%}.intro{font-size:16px}.method-flow{grid-template-columns:1fr;margin-top:40px;gap:10px}.method-flow article{display:grid;grid-template-columns:40% 1fr;column-gap:25px;align-items:start}.mini-scene{grid-row:1/4;margin:0;align-self:center}.method-flow .step-number{font-size:9px;margin-bottom:8px}.method-flow h3{font-size:25px;margin:0}.method-flow article>p:last-child{font-size:14px;line-height:1.6;margin:12px 0}.flow-arrow{margin:0 0 0 16%;rotate:90deg;font-size:24px}.project-heading{margin-bottom:35px}.project-heading>p{font-size:15px}.assembly{height:610px;min-height:0;aspect-ratio:auto}.drawing{width:43%;top:35px;left:4%}.plot{width:100%;top:220px}.transfer-arrow{top:45px;height:320px;transform:rotate(55deg) translate(30px,-30px);width:95%}.assembly-caption{bottom:0;align-items:start}.phase{font-size:12px;max-width:230px}.phase-track{margin-top:8px}.drawing .media-label{font-size:9px}.plot-label,.result>.media-label{font-size:9px;left:10px;top:10px;padding:7px}.project-actions{align-items:flex-start;gap:15px}.project-actions>div{display:flex;flex-direction:column;align-items:flex-end;gap:15px}.text-button{font-size:12px}.button{font-size:13px;padding:15px 17px;gap:20px}.interlude{display:block}.interlude h2{font-size:78px}.interlude-note{margin-top:38px}.interlude-note p{font-size:16px}.second-layout{grid-template-columns:1fr;gap:40px}.sketch-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.sketch-aside>.media-label{grid-column:1/-1;margin:0}.sketch-aside .image-button{grid-row:2/4}.sketch-aside>p{font-size:15px;margin:0}.sketch-aside .button{font-size:12px;gap:8px}.image-button span{font-size:10px;padding:7px}.prepare{grid-template-columns:1fr;gap:25px}.prepare-list h3{font-size:21px}footer{flex-wrap:wrap;gap:28px}footer p{font-size:12px}footer>a:last-child{font-size:12px}.media-dialog{padding:22px 12px}.dialog-title{font-size:18px}@keyframes integrate{0%,35%{transform:rotate(-5deg);opacity:1}50%{transform:translateY(15px) rotate(0);opacity:1}85%{transform:translate(58%,205%) rotateX(45deg) scale(.7);opacity:.85}100%{transform:translate(58%,205%) rotateX(45deg) scale(.7);opacity:0}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.compare{touch-action:pan-y}
.assembly{width:100%}.mobile-path{display:none}.assembly-finish{position:absolute;left:0;top:25%;width:29%;opacity:0;transition:opacity .8s .3s}.assembly-finish h3{font-size:clamp(25px,3vw,43px);line-height:1.2}.assembly.complete .assembly-finish{opacity:1}.still .assembly-finish{display:none}@media(max-width:650px){.desktop-path{display:none}.mobile-path{display:block}.transfer-arrow{top:0;transform:none;width:100%;height:610px}.assembly-finish{left:4%;top:45px;width:80%}.assembly-finish h3{font-size:32px}.assembly-finish .eyebrow{font-size:9px;margin-bottom:15px}}
@media(max-width:650px){h1{font-size:clamp(48px,14vw,66px)}}
/* ARCHIBINA — graphite / mineral / electric */
:root{--accent:#85aaff;--navy:#111215;--navy2:#191b20;--copper:var(--accent)}::selection{background:#85aaff;color:#111215}h1,h2{font-weight:500}header{height:94px;background:linear-gradient(#111215b0,transparent)}.brand{font-weight:700;letter-spacing:2px}.brand>span{color:#f3f4f6;font-weight:300}.nav-button{background:#f2f4f5;color:#16181d;border-color:#f2f4f5}.hero{min-height:770px;max-height:1150px}.hero-video{object-position:center;filter:saturate(.72)}.hero-shade{background:linear-gradient(90deg,#101115eb 0%,#101115b5 30%,#10111519 75%),linear-gradient(0deg,#111215,transparent 25%,#11121550)}.hero-text{top:28%;left:7%;max-width:860px}h1{font-size:clamp(65px,7.8vw,120px);line-height:1.01;letter-spacing:-.067em;margin-bottom:30px}h1 em{color:#f1f3f9;background:linear-gradient(100deg,#f5f6f9 8%,#91b2ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text>p:not(.eyebrow){font-size:18px;line-height:1.65}.hero-text strong{font-weight:400}.hero-text .eyebrow{font-size:10px;letter-spacing:2.2px;color:#d2d6df;display:flex;align-items:center;gap:12px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px #85aaff;flex-shrink:0;animation:signal 3s infinite}.hero-ctas{display:flex;align-items:center;gap:30px;margin-top:32px}.hero-text .button{margin:0}.button{background:#a2bcff;color:#0a1429;border-color:#a2bcff;font-weight:600;position:relative;overflow:hidden;border-radius:3px}.button:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,#ffffff45 50%,transparent 70%);transform:translateX(-130%);transition:transform .7s;pointer-events:none}.button:hover:after{transform:translateX(130%)}.outline{background:transparent;color:#d3dcee;border-color:#7d8dab66}.outline:hover{background:#85aaff15}.hero-secondary{font-size:13px;border-bottom:1px solid #a9b0c45c;padding:14px 0}.hero-secondary span{margin-left:14px}.hero-proof{display:flex;gap:12px;align-items:center;font-size:8px;letter-spacing:1.6px;color:#a8aeba;margin-top:24px}.hero-proof i{width:3px;height:3px;background:#85aaff;border-radius:50%}.hero-coordinate{position:absolute;bottom:125px;right:7%;width:200px;padding-left:18px;border-left:1px solid #ffffff45;display:grid;gap:18px}.hero-coordinate>span{font:9px/1.7 monospace;letter-spacing:1px;color:#d8dce5}.hero-coordinate b{font-size:18px;line-height:1.4;font-weight:400;letter-spacing:1px}.coordinate-line{height:1px;background:linear-gradient(90deg,#85aaff,transparent);transform-origin:left;animation:coordinate 5s ease-in-out infinite}.method{background:radial-gradient(ellipse at 90% 50%,#252b383d,transparent 55%),#17191e}.section-top{position:relative}.section-top:after{content:'+';position:absolute;right:0;top:40px;font:100px/1 monospace;color:#85aaff33;font-weight:100}.step-number,.eyebrow{font-family:monospace}.method-flow article:hover .mini-scene{box-shadow:0 20px 65px #718eff22}.project-one{background:#111215}.project-two{background:#15171b}.boundary-line{stroke:#acc4ff;filter:drop-shadow(0 0 7px #537ffd)}.spatial{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:5%;background:radial-gradient(ellipse at 70% 50%,#2b385440,transparent 65%),#14161b;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.spatial-copy>p:not(.eyebrow){max-width:370px;color:var(--grey);line-height:1.8;font-size:17px}.spatial-copy h2{font-size:clamp(44px,5.5vw,80px)}.text-link{display:inline-flex;gap:30px;font-size:14px;color:#b5cbff;border-bottom:1px solid #85aaff55;padding:14px 0;margin-top:16px}.spatial-lab{min-width:0;border:1px solid #8b9bb42b;border-radius:5px;background:linear-gradient(135deg,#1e222b80,#10111580);box-shadow:0 30px 90px #0003;overflow:hidden}.lab-top{display:flex;justify-content:space-between;gap:12px;padding:22px 24px;font:9px/1.5 monospace;letter-spacing:1px;color:#8993a5}.lab-top>span:first-child{color:#c5d6ff;display:flex;gap:9px;align-items:center}#architecture{width:100%;height:420px;display:block;cursor:grab;touch-action:pan-y}#architecture:active{cursor:grabbing}.model-caption{padding:0 24px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#bfc8d8;font-size:12px;min-height:54px}.orbit-hint{font:8px/1.6 monospace;letter-spacing:1px;color:#8993a5;max-width:90px}.model-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #8b9bb42b}.model-steps button{border:0;border-right:1px solid #8b9bb42b;background:transparent;padding:20px 8px;color:#939cad;font-size:12px;transition:background .3s}.model-steps button:last-child{border-right:0}.model-steps button span{display:block;font:10px monospace;margin-bottom:8px}.model-steps button.active{background:#85aaff14;color:#c6d7ff;box-shadow:inset 0 2px #85aaff}.conversion-strip{padding:30px 7%;display:flex;justify-content:space-between;gap:25px;align-items:center;background:#a2bcff;color:#152035;font-size:17px}.conversion-strip>a{font-size:13px;font-weight:600}.conversion-strip>a>span{margin-left:24px}.prepare{background:radial-gradient(ellipse at 10% 70%,#313c5229,transparent 55%),#111215;gap:7%;align-items:start}.prepare-copy h2{font-size:clamp(44px,5.3vw,78px)}.prepare-copy>p:not(.eyebrow){max-width:390px}.brief-requirements{border-top:1px solid var(--line);margin-top:35px;padding-top:25px;color:#a7afbd}.brief-requirements>span{font:9px monospace;letter-spacing:2px}.brief-requirements p{font-size:14px;margin:20px 0}.brief-requirements b{font:10px monospace;color:#85aaff;margin-right:18px}.project-funnel{border:1px solid #9ca8bd33;background:#1a1d23;border-radius:6px;padding:32px;min-width:0}.funnel-top{display:flex;justify-content:space-between;gap:12px;font:10px monospace;letter-spacing:1.5px;color:#c1cde3}.funnel-progress{height:2px;background:#ffffff10;margin:22px 0 30px}.funnel-progress i{display:block;width:33.333%;height:100%;background:var(--accent);transition:width .5s}.project-funnel fieldset{border:0;padding:0;margin:0;min-width:0;animation:rise .4s ease-out}.project-funnel legend{font-size:30px;letter-spacing:-1px;line-height:1.2;padding:0;margin-bottom:18px}.project-funnel fieldset>p{font-size:14px;line-height:1.6;color:#a6afbf}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.choice-grid label{position:relative}.choice-grid input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.choice-grid label>span{display:block;min-height:134px;padding:18px;border:1px solid #ffffff25;background:#16191f;font-size:15px;line-height:1.5;border-radius:3px;transition:background .2s,border-color .2s;pointer-events:none}.choice-grid i{display:block;font:10px monospace;color:#768197;margin-bottom:12px}.choice-grid b{position:absolute;top:17px;right:15px;font-size:18px;font-weight:400;color:#65748d}.choice-grid input:checked+span{border-color:var(--accent);background:#85aaff15;color:#e0e9ff}.choice-grid input:checked+span b{color:#b1c8ff}.choice-grid input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.form-label{display:block;font-size:13px;margin:22px 0 10px;color:#c8cfdb;line-height:1.6}.form-label>span{color:#8792a5;font-size:11px;margin-left:8px}select,textarea{width:100%;border:1px solid #ffffff30;background:#12151b;color:#e8edf6;padding:14px;border-radius:3px;font:14px Arial;line-height:1.5;resize:vertical;max-width:100%;color-scheme:dark}select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.funnel-note,.delivery-note{font-size:12px!important;margin-top:20px}.funnel-actions{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:25px}.funnel-actions .button{margin-left:auto;flex-shrink:0}.funnel-back{background:none;border:0;font-size:12px;padding:12px 0;color:#b6c2d8}.form-error{color:#ffb4ad;font-size:13px;line-height:1.6;margin:0}.form-error:empty,.funnel-status:empty{display:none}.funnel-status{color:#bed1ff;font-size:13px;line-height:1.6;margin:18px 0 0}.project-funnel .scope{margin:26px 0 0;padding-top:22px;border-top:1px solid #ffffff15;font-size:11px;line-height:1.7;color:#8792a5}.funnel-submit{max-width:100%}[hidden]{display:none!important}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:20;border:1px solid #98b3e870;background:#1d273b;color:#edf2ff;padding:13px 18px;border-radius:40px;display:flex;align-items:center;gap:10px;font-size:12px;box-shadow:0 8px 32px #0007;transition:transform .25s,background .25s}.whatsapp-float:hover{transform:translateY(-4px);background:#304467}.whatsapp-float svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.whatsapp-float small{color:#abc3f5;font-size:10px;display:block;margin-top:3px}footer{padding-bottom:95px;border-top:1px solid #ffffff15}body.still .live-dot{box-shadow:none}@keyframes signal{50%{box-shadow:0 0 15px #85aaff44}}@keyframes coordinate{50%{transform:scaleX(.45)}}
@media(min-width:1700px){.hero-text{top:29%}.hero{min-height:860px}}
@media(max-width:1100px){.hero-coordinate{display:none}.hero-text{top:28%}.spatial{gap:4%;grid-template-columns:.8fr 1.2fr}#architecture{height:340px}.model-caption{padding:0 18px 20px}.lab-top{padding:18px;font-size:8px}.prepare{gap:4%}.project-funnel{padding:25px}.funnel-actions{gap:10px}.funnel-submit{font-size:12px;padding:15px 12px;gap:10px}}
@media(max-width:800px){.spatial{grid-template-columns:1fr;gap:40px}.spatial-copy h2 br:last-child{display:none}.spatial-copy>p:not(.eyebrow){max-width:570px}#architecture{height:400px}.prepare{grid-template-columns:1fr;gap:40px}.prepare-copy h2 br:last-child{display:none}.prepare-copy>p:not(.eyebrow){max-width:550px}.brief-requirements{display:none}.project-funnel{max-width:600px;width:100%;justify-self:center}.section-top:after{display:none}}
@media(max-width:650px){header{height:82px}.brand{font-size:18px}nav{margin-left:auto}.nav-button{font-size:10px;padding:10px}.motion{width:30px;height:30px}.hero{height:100svh;min-height:760px;max-height:1000px}.hero-text{left:6%;right:6%;top:29%;max-width:none}.hero-text .eyebrow{font-size:8px;letter-spacing:1.4px;max-width:280px;line-height:1.8;margin-bottom:24px}h1{font-size:clamp(45px,10.7vw,68px);line-height:1.06;letter-spacing:-.06em}.hero-text>p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:330px}.hero-ctas{align-items:flex-start;gap:12px;flex-direction:column;margin-top:24px}.hero-secondary{font-size:12px;padding:14px 0 10px}.hero-proof{font-size:7px;line-height:1.9;max-width:300px;letter-spacing:1px;margin-top:20px}.hero-shade{background:linear-gradient(0deg,#111215 0%,#111215d9 20%,#11121599 55%,#11121518 100%)}.hero-video{object-position:58% center}.hero-bottom{font-size:8px;left:6%;right:6%;bottom:26px;letter-spacing:1px}.hero-bottom>span:last-child{display:none}.spatial-copy h2{font-size:48px}.spatial-copy>p:not(.eyebrow){font-size:16px}#architecture{height:300px}.lab-top{font-size:7px;letter-spacing:.7px;padding:18px 14px}.model-caption{padding:0 14px 20px;font-size:11px}.orbit-hint{font-size:7px}.model-steps button{font-size:11px;padding:18px 5px}.conversion-strip{padding:26px 6%;display:block;font-size:18px;line-height:1.5}.conversion-strip>a{display:block;margin-top:10px;font-size:12px}.prepare-copy h2{font-size:48px}.project-funnel{padding:22px}.project-funnel legend{font-size:28px}.choice-grid label>span{padding:15px;font-size:14px;min-height:128px}.funnel-actions{flex-wrap:wrap}.funnel-submit{font-size:12px;padding:15px 12px;gap:10px}.whatsapp-float{right:14px;bottom:14px;padding:12px;border-radius:50%}.whatsapp-float>span{display:none}.whatsapp-float svg{width:25px;height:25px}footer{padding-bottom:95px}}
@media(max-width:370px){header{gap:8px}.brand{font-size:16px}.brand small{font-size:6px}.nav-button{padding:9px 7px;font-size:9px}.hero-proof{font-size:6px}.project-funnel{padding:18px}.funnel-back{font-size:11px}.funnel-submit{font-size:11px}.spatial-copy h2,.prepare-copy h2{font-size:42px}}
.brand{display:block;width:168px;flex-shrink:0;line-height:0;background:#fafaf8;border-radius:3px;overflow:hidden;padding:3px 8px}.brand img{width:100%;height:auto;display:block}header{height:105px}.hero-bottom>a{padding:8px 0}footer .brand{width:180px}@media(max-width:650px){header{height:85px}.brand{width:125px;padding:3px 5px}footer .brand{width:160px}}@media(max-width:370px){.brand{width:108px}}
@media(max-width:650px){.hero-bottom{display:block;right:80px}.hero-bottom>a{display:block;margin-top:8px}.project-funnel legend{font-size:25px}}