@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--paper:#f3f2eb;--ink:#282924;--muted:#67685f;--line:#b9bab0;--faint:#d9dacf;--orange:#ff4e00;--mono:'IBM Plex Mono','Courier New',monospace;--heading:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:6px;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;letter-spacing:-.025em}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:var(--ink)}p{line-height:1.35}h1,h2,h3{font-family:var(--heading);font-weight:600;text-transform:uppercase;letter-spacing:-.05em}h1,h2{line-height:1.01;margin:0}h1{font-size:clamp(36px,3.3vw,64px);font-weight:700}h2{font-size:clamp(30px,2.85vw,54px)}h3{font-size:25px;line-height:1.03;margin:0}img{max-width:100%;height:auto}svg{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:2px solid #a93208;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-90px;left:20px;z-index:100;background:var(--ink);color:white;padding:15px}.skip-link:focus{top:10px}
header{position:sticky;top:6px;z-index:40;height:54px;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;background:var(--paper);transition:transform .5s cubic-bezier(.22,1,.36,1);margin-bottom:-1px}header.header-away{transform:translateY(-70px)}.brand{display:flex;align-items:center;gap:12px;padding:0 24px;font-size:27px;letter-spacing:-2px;font-weight:800}.brand span{font-size:12px;letter-spacing:-.1px;font-weight:600}.brand:before{content:'⌬';font-size:35px;font-weight:400;letter-spacing:-5px;margin-right:7px}.menu-toggle{display:none}nav{display:grid;grid-template-columns:repeat(5,1fr)}nav a{border-left:1px solid var(--line);padding:12px 9px;font:11px/1.2 var(--mono);text-transform:uppercase;letter-spacing:-.5px;position:relative}nav a:after{content:'⌟';position:absolute;right:5px;bottom:3px;opacity:.5}nav a:last-child{color:#b83607}nav a:last-child:after{content:'→';font-size:23px;opacity:1;bottom:0}.motion-label{position:relative;display:block;overflow:hidden;line-height:1.25}.motion-label>span{display:block;transition:transform .4s cubic-bezier(.22,1,.36,1)}.motion-label>span+span{position:absolute;top:100%;left:0}a:hover .motion-label>span,button:hover .motion-label>span{transform:translateY(-100%)}
.ruler-frame{position:relative}.ruler-frame:before{content:'';position:absolute;inset:10px;pointer-events:none;z-index:2;background:repeating-linear-gradient(90deg,var(--faint) 0 1px,transparent 1px 7px) left top/100% 6px no-repeat,repeating-linear-gradient(90deg,var(--faint) 0 1px,transparent 1px 7px) left bottom/100% 6px no-repeat,repeating-linear-gradient(0deg,var(--faint) 0 1px,transparent 1px 7px) left top/6px 100% no-repeat,repeating-linear-gradient(0deg,var(--faint) 0 1px,transparent 1px 7px) right top/6px 100% no-repeat;opacity:.6}.drawing{height:calc(100svh - 186px);min-height:520px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.drawing-stage{position:relative;width:min(92%,1450px);max-height:100%;aspect-ratio:1.5;touch-action:pan-y;user-select:none;cursor:crosshair}.building-image{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(.6)}.drawing-top{position:absolute;top:23px;left:26px;right:25px;display:flex;justify-content:space-between;align-items:center;z-index:5;font:10px var(--mono);letter-spacing:0}.drawing-top>span{color:var(--muted);opacity:.7}.orange{color:#b6380b}.drawing-top button{font:11px var(--mono);padding:10px 13px;min-height:40px;border:1px solid var(--line);background:var(--paper);display:flex;gap:20px;align-items:center}.drawing-top button:hover,.drawing-top button[aria-pressed=true]{background:var(--orange);border-color:var(--orange)}.drawing-bottom{position:absolute;bottom:21px;left:27px;right:27px;display:flex;justify-content:space-between;font:10px var(--mono);text-transform:uppercase;letter-spacing:0;gap:20px;z-index:4}.drawing-bottom>span:last-child{color:var(--muted);font-size:9px}.desktop-hint:before,.touch-hint:before{content:'↳ ';color:var(--orange)}.touch-hint{display:none}.technical-overlay{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--orange);stroke-width:1;pointer-events:none;overflow:visible}.inspection-layer{opacity:0;transition:opacity .35s}.is-inspecting .inspection-layer{opacity:1}.guide{stroke-dasharray:4 5;stroke:#8d8f81;opacity:.6}#scan-area{stroke-dasharray:3 4;fill:#ff4e0004}#crosshair{stroke:#909387;stroke-width:.7}#cross-center{fill:var(--orange);stroke:none}.connector{opacity:0;transition:opacity .3s;stroke-width:1}.connector.visible{opacity:1}.hotspot{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border:0;background:none;padding:0;display:grid;place-items:center;z-index:3}.hotspot:before{content:'';width:8px;height:8px;background:var(--orange);border:1px solid var(--paper);transition:transform .25s}.hotspot:hover:before,.hotspot[aria-pressed=true]:before{transform:scale(1.6)}.callout{position:absolute;max-width:21%;padding:13px;background:var(--orange);color:#24251e;font:11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:-.4px;opacity:0;transform:translateY(6px);transition:transform .35s,opacity .35s;pointer-events:none;z-index:4}.callout:after{content:'⊠';position:absolute;right:3px;top:1px;color:#fff;font-size:10px}.callout small{display:block;font:9px var(--mono);margin:0 14px 8px 0}.callout.visible{opacity:1;transform:translateY(0)}.coordinate-readout{position:absolute;left:18px;top:20px;font:9px var(--mono);line-height:1.3;opacity:0;pointer-events:none;z-index:4}.coordinate-readout small{font-size:8px;display:block}.is-inspecting .coordinate-readout{opacity:1}.drawing-corner{position:absolute;font:20px var(--mono)}.drawing-corner.top-left{top:5px;left:0}.drawing-corner.bottom-right{bottom:5px;right:0}.installation-list{position:absolute;top:100%;left:-1px;right:-1px;display:grid;grid-template-columns:repeat(4,1fr);z-index:12;background:var(--paper);border:1px solid var(--line)}.installation-list article{padding:20px;border-right:1px solid var(--line)}.installation-list article:last-child{border-right:0}.installation-list h3{font:600 15px Arial;margin:0 0 12px;letter-spacing:-.4px;text-transform:none}.installation-list h3 span{font:10px var(--mono);display:block;margin-bottom:12px;color:#b6380b}.installation-list p{font-size:14px;color:var(--muted);margin:0}.selected-installation{position:absolute;bottom:65px;left:26px;width:min(310px,80%);font-size:14px;background:var(--paper);border:1px solid var(--line);border-bottom:3px solid var(--ink);padding:18px;z-index:6;margin:0}.selected-installation strong{display:block;font:10px var(--mono);text-transform:uppercase;margin-bottom:9px}.intro{display:grid;grid-template-columns:58% 42%;border:1px solid var(--line);border-top:0;min-height:135px}.intro h1{padding:19px 24px 17px;border-right:1px solid var(--line)}.intro h1 span{color:inherit}.intro-bottom{display:grid;grid-template-columns:1fr 132px;grid-template-rows:1fr 32px;position:relative;min-width:0}.intro-bottom>p{margin:0;padding:14px 13px;font-size:14px;line-height:1.15}.actions{border-left:1px solid var(--line);display:flex;flex-direction:column}.button,.text-link{padding:13px;font:11px/1.3 var(--mono);text-transform:uppercase;letter-spacing:-.3px;display:flex;align-items:start;justify-content:space-between;gap:20px;border:1px solid var(--line);background:transparent;position:relative}.actions .button{color:#a83006;width:100%;flex:1;border:0;border-bottom:1px solid var(--line);font-size:10px}.actions .button span{align-self:end;font-size:21px}.actions .text-link{border:0;width:100%;font-size:9px;padding:8px 12px}.text-link{width:fit-content;align-items:center;min-height:40px}.text-link span{font-size:22px;line-height:16px;padding-left:16px;border-left:1px solid var(--line)}.text-link:hover,.button:hover{background:var(--orange);color:var(--ink);border-color:var(--orange)}.hero-ticker{grid-column:1/-1;border-top:1px solid var(--line);overflow:hidden;display:flex;align-items:center;font:10px var(--mono);color:var(--muted);letter-spacing:0}.hero-ticker>div{white-space:nowrap;animation:ticker 25s linear infinite}.hero-ticker b{font-size:15px;font-weight:400;padding:0 12px}.hero-ticker:hover>div{animation-play-state:paused}@keyframes ticker{to{transform:translateX(-50%)}}
.eyebrow{font:10px/1.2 var(--mono);letter-spacing:0;text-transform:uppercase;margin:0 0 16px}.positioning{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-top:0;min-height:650px}.position-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-right:1px solid var(--line)}.position-art img{position:relative;z-index:1;width:130%;max-width:none;mix-blend-mode:multiply;transform:translateX(-9%) scale(1.1);filter:grayscale(1)}.orange-disc{position:absolute;background:var(--orange);width:40%;aspect-ratio:1;border-radius:50%;top:5%;right:9%}.image-tag{position:absolute;left:20px;bottom:20px;font:9px var(--mono);letter-spacing:0;z-index:3;background:var(--paper);padding:7px}.position-statement{padding:45px 17%;display:flex;flex-direction:column;align-items:start;position:relative;padding-bottom:190px}.position-statement h2{font-size:clamp(25px,2.35vw,43px);line-height:1.0;margin-bottom:28px}.position-bottom{position:absolute;left:0;right:0;bottom:0;border-top:1px solid var(--line)}.position-bottom>span{font:10px var(--mono);display:block;padding:15px 24px;border-bottom:1px solid var(--line)}.position-bottom>small{display:block;padding:10px 18px;font:9px var(--mono);color:var(--muted);border-top:1px solid var(--line)}.discipline-marquee{overflow:hidden;height:85px;display:flex;align-items:center;font:600 15px var(--mono)}.discipline-marquee>div{white-space:nowrap;animation:ticker 40s linear infinite;letter-spacing:1px}.discipline-marquee:hover>div{animation-play-state:paused}.benefits{border:1px solid var(--line);border-top:0}.section-heading{padding:30px 25px;display:flex;align-items:center;justify-content:space-between;gap:80px;min-height:180px}.section-heading>div{max-width:65%}.section-heading>p{max-width:330px;margin:0;font-size:15px;line-height:1.2}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.benefit-grid article{border-right:1px solid var(--line)}.benefit-grid article:last-child{border-right:0}.card-label{font:10px var(--mono);padding:16px 24px;border-bottom:1px dashed var(--faint);display:flex;justify-content:space-between}.card-label span{color:#888a7d}.technical-symbol{height:280px;display:grid;place-items:center;border-bottom:1px dashed var(--faint);overflow:hidden}.technical-symbol svg{width:65%;height:80%;fill:none;stroke:#9b9e90;stroke-width:.8;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.benefit-grid article:hover .symbol-orbit svg{transform:rotate(90deg)}.benefit-grid article:hover .symbol-cube svg{transform:rotateY(180deg)}.benefit-grid article:hover .symbol-layers svg{transform:translateY(-18px)}.benefit-grid h3{padding:23px 24px 10px;min-height:106px}.benefit-grid p{padding:0 24px 26px;font-size:15px;line-height:1.25;margin:0}
.scroll-story{height:540svh;position:relative;border:1px solid var(--line);border-top:0}.story-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--paper)}.story-title{position:absolute;top:50%;left:0;right:0;text-align:center;transform:translateY(-50%);font-size:clamp(28px,3.3vw,58px);font-weight:700;letter-spacing:-.055em;z-index:3;pointer-events:none;padding:20px}.story-title-two{opacity:0}.plan-canvas{position:absolute;inset:0 0 0 0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.85)}.installation-plan{width:80%;height:85%;overflow:visible}.plan-grid{stroke:#adafa4;fill:none;stroke-width:.6;stroke-dasharray:3 4}.plan-walls{fill:none;stroke:var(--ink);stroke-width:12;stroke-dasharray:100;stroke-dashoffset:100}.plan-furniture{fill:none;stroke:#9b9e8e;stroke-width:1;opacity:0}.plan-cable{fill:none;stroke:var(--orange);stroke-width:3;stroke-dasharray:100;stroke-dashoffset:100}.plan-points rect{fill:var(--orange)}.plan-points text{fill:white;text-anchor:middle;font:10px var(--mono)}.plan-points{opacity:0}.plan-labels{font:10px var(--mono);fill:#74776b;opacity:0}.story-note{position:absolute;bottom:27px;left:26px;border:1px solid var(--line);border-bottom:4px solid var(--ink);max-width:245px;background:var(--paper)}.story-note>span{display:block;background:var(--ink);color:var(--paper);padding:8px;font:9px var(--mono)}.story-note p{font-size:14px;line-height:1.2;padding:12px;margin:0}.story-note small{display:block;padding:8px 12px;font:9px var(--mono);color:#858779}.story-aside{position:absolute;right:0;top:0;bottom:0;width:33%;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transform:translateX(105%);background:var(--paper)}.story-aside>.eyebrow{padding:20px 25px;border-bottom:1px solid var(--line)}.story-aside>div h2,.story-aside>div>p{padding:0 25px}.story-aside>div>p{font-size:15px;line-height:1.2;margin:22px 0 28px}.story-aside ul{list-style:none;padding:0;margin:0}.story-aside li{border-top:1px solid var(--line);padding:18px 22px;font-size:13px;display:flex;justify-content:space-between;gap:20px}.story-aside li span{font:11px var(--mono);color:#a83609}.story-aside .text-link{width:100%;border:0;border-top:1px solid var(--line);padding:20px 24px}.frame-plus{position:absolute;font:18px var(--mono);z-index:4}.tl{top:5px;left:6px}.tr{top:5px;right:6px}.bl{bottom:5px;left:6px}.br{bottom:5px;right:6px}
.connection-section{border:1px solid var(--line);border-top:0}.connection-flow{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.connection-flow button{min-height:170px;padding:22px;background:none;border:0;border-right:1px solid var(--line);text-align:left;position:relative;overflow:hidden}.connection-flow button:last-child{border-right:0}.connection-flow button[aria-pressed=true]{background:var(--orange)}.connection-flow button span{font:10px var(--mono);display:block}.connection-flow button strong{font-size:25px;font-weight:600;text-transform:uppercase;letter-spacing:-1px;display:block;margin-top:40px}.connection-flow button i{position:absolute;bottom:12px;right:20px;font:25px Arial;transition:transform .3s}.connection-flow button:hover i{transform:translate(3px,-3px)}.connection-detail{display:flex;gap:25px;align-items:start;min-height:185px;padding:30px 25px;border-top:1px solid var(--line)}.connection-detail>span:first-child{font:38px var(--mono);color:#b73507}.connection-detail h3{font-size:24px}.connection-detail p{max-width:670px;font-size:16px}.technical-note{font:9px/1.4 var(--mono);margin-left:auto;color:var(--muted)}
.workflow{border:1px solid var(--line);border-top:0;display:grid;grid-template-columns:1fr 1fr;align-items:start}.workflow .section-heading{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:20px;padding:10% 18%;}.workflow .section-heading>div{max-width:none}.workflow .section-heading>p{line-height:1.3}.workflow ol{margin:0;padding:0;list-style:none;border-left:1px solid var(--line)}.workflow li{min-height:540px;position:relative;border-bottom:1px solid var(--line);padding:28px;overflow:hidden}.workflow li:last-child{border-bottom:0}.workflow li>span{font:10px var(--mono)}.workflow li h3{font-size:33px;margin:25px 0 15px}.workflow li>p{max-width:380px;font-size:16px;margin-top:0}.step-diagram{display:block;margin:30px auto 10px;width:65%;height:260px;fill:none;stroke:#9ea292;stroke-width:1}.step-diagram .step-route{stroke:var(--orange);stroke-width:2;stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset 2s ease}.workflow li.in-view .step-route{stroke-dashoffset:0}.step-diagram rect{fill:var(--paper)}.projects{border:1px solid var(--line);border-top:0}.project-feature{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.project-image{position:relative;overflow:hidden;display:flex;align-items:center;border-right:1px solid var(--line);min-height:450px}.project-image img{width:100%;mix-blend-mode:multiply;transition:transform 1.5s cubic-bezier(.22,1,.36,1);filter:grayscale(1)}.project-image:hover img{transform:scale(1.08)}.project-caption{padding:60px 18%;display:flex;flex-direction:column;align-items:start;justify-content:center}.project-caption h3{font-size:32px;margin:20px 0}.project-caption p{font-size:15px}.future-projects{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;width:100%}.future-projects>span{font:9px var(--mono)}
.about{border:1px solid var(--line);border-top:0;display:grid;grid-template-columns:1fr 1fr}.about-mark{overflow:hidden;position:relative;border-right:1px solid var(--line);min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:clamp(140px,23vw,400px);letter-spacing:-.11em;color:var(--orange)}.about-mark:before{content:'';position:absolute;left:-12%;top:18%;width:55%;aspect-ratio:1;border-radius:50%;background:var(--orange);opacity:.12}.about-mark span{font:12px var(--mono);letter-spacing:6px;margin-top:-15px}.about>div:last-child{padding:70px 18%;display:flex;justify-content:center;flex-direction:column}.about h2{font-size:clamp(28px,2.8vw,48px)}.about p:not(.eyebrow){font-size:16px}.about-values{display:flex;gap:20px;margin-top:25px;font:9px var(--mono)}
.services{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-top:0}.services .section-heading{padding:70px 18%;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:30px;border-right:1px solid var(--line)}.services .section-heading>div{max-width:none}.services .section-heading>p{font-size:15px}.services #services-list{padding-top:20px;padding-bottom:20px}.services details{border-bottom:1px dashed var(--line);padding:0 18%}.services details:last-child{border-bottom:0}.services summary{display:grid;grid-template-columns:25px 1fr 20px;gap:12px;list-style:none;padding:22px 0;align-items:start}.services summary::-webkit-details-marker{display:none}.service-number{font:9px var(--mono);color:var(--muted);padding-top:4px}.services h3{font-size:23px;font-weight:600;letter-spacing:-.9px}.service-short{display:none}.service-plus{font:20px Arial;color:#727566}.service-plus:before{content:'+'}.services details[open] .service-plus:before{content:'−';color:var(--orange)}.services details[open] h3{color:#ab3307}.service-body{padding:0 0 25px 37px}.service-body p{font-size:15px;line-height:1.3;margin:0 0 20px}.service-body>span{font:9px var(--mono);color:var(--muted)}
.contact{border:1px solid var(--line);border-top:0;padding:80px 10%;display:grid;grid-template-columns:1fr 1fr;gap:70px;background-image:linear-gradient(90deg,transparent 24.9%,var(--faint) 25%,transparent 25.1%,transparent 74.9%,var(--faint) 75%,transparent 75.1%)}.contact h2{font-size:clamp(32px,3vw,50px)}.contact>div>p:not(.eyebrow){max-width:520px;font-size:16px}.availability{margin-top:30px;font-size:14px!important;color:var(--muted)}#contact-details{display:flex;flex-direction:column;gap:10px}#contact-details a{color:#b63709}.contact form{border:1px solid var(--line);background:var(--paper);padding:25px;z-index:3}.contact form h3{font-size:25px;margin:0 0 25px}.contact label{display:block;font:11px var(--mono);margin-bottom:8px}.contact select,.contact textarea{width:100%;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font-size:15px;padding:12px;line-height:1.3;margin-bottom:20px}.contact textarea{resize:vertical;min-height:120px}.contact form .button{width:100%;background:var(--orange);border-color:var(--orange);padding:16px;align-items:center}.contact form .button:hover{background:var(--ink);color:var(--paper)}.form-note{font-size:12px;color:var(--muted);line-height:1.35}#contact-status{font-size:14px;margin:10px 0 0}.contact .eyebrow{font-size:10px}
footer{border:1px solid var(--line);border-top:0;display:grid;grid-template-columns:25% 50% 25%;align-items:center}footer>.brand{min-height:130px;border-right:1px solid var(--line)}footer>p{margin:0;padding:25px;font-size:24px;line-height:1.05;font-weight:600;text-transform:uppercase;max-width:380px}footer>.back-top{height:100%;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line);font:11px var(--mono);text-transform:uppercase}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding:20px;display:flex;justify-content:space-between;gap:20px;font:9px var(--mono)}#legal-details:empty{display:none}.footer-wordmark{grid-column:1/-1;border-top:1px solid var(--line);overflow:hidden;font-size:clamp(50px,11.5vw,240px);line-height:1.3;letter-spacing:-.065em;white-space:nowrap;text-align:center;font-weight:600;color:transparent;-webkit-text-stroke:1px var(--ink);padding:35px 8px 20px}
.intro-loader{position:fixed;inset:0;background:var(--paper);z-index:100;display:grid;grid-template-columns:1fr 1fr;align-content:center;padding:8%;gap:50px;transition:clip-path .9s cubic-bezier(.76,0,.24,1);clip-path:inset(0 0 0 0)}.intro-loader.leaving{clip-path:inset(0 0 100% 0);pointer-events:none}.loader-brand{font-size:clamp(40px,6vw,100px);letter-spacing:-.07em;font-weight:700;line-height:1}.loader-info{font:12px/2 var(--mono);display:flex;flex-direction:column}.loader-progress{grid-column:1/-1;display:flex;justify-content:space-between;font:11px var(--mono);border-top:1px solid var(--line);padding-top:20px}.loader-progress>span:last-child{font-size:32px}.loader-line{position:absolute;bottom:0;left:0;height:3px;background:var(--orange);width:var(--loaded,0%);transition:width .2s}.reveal{opacity:1}.motion-enabled .reveal:not(.in-view){opacity:0;transform:translateY(35px)}.motion-enabled .reveal{transition:opacity .8s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}
@media(min-width:1800px){.drawing-stage{width:84%}.drawing{max-height:1300px}}
@media(max-width:1000px){header{grid-template-columns:42% 58%}.brand{padding:0 16px}.brand span{font-size:10px}.intro{grid-template-columns:55% 45%}.intro h1{font-size:36px}.intro-bottom{grid-template-columns:1fr 100px}.intro-bottom>p{font-size:13px}.position-statement{padding:35px 12% 180px}.position-statement h2{font-size:27px}.positioning{min-height:630px}.technical-symbol{height:220px}.benefit-grid h3{font-size:20px;min-height:96px;padding:20px 16px 10px}.benefit-grid p{padding:0 16px 25px;font-size:14px}.card-label{padding:15px 16px}.story-aside h2{font-size:30px}.story-aside li{padding:15px;font-size:12px}.workflow .section-heading{padding:10%}.project-caption,.about>div:last-child{padding:45px 10%}.services details{padding:0 10%}.contact{padding:65px 6%;gap:40px}.connection-flow button{padding:18px 14px}.connection-flow button strong{font-size:21px}.callout{font-size:10px;padding:10px}.callout small{font-size:8px}}
@media(max-width:700px){body{margin:5px}header{height:54px;top:5px;grid-template-columns:1fr auto}.brand{padding:0 12px;font-size:25px}.brand span{font-size:10px}.brand:before{font-size:29px}.menu-toggle{display:block;background:none;border:0;border-left:1px solid var(--line);font:11px var(--mono);text-transform:uppercase;padding:0 16px}header nav{display:none;position:absolute;top:52px;left:-1px;right:-1px;grid-template-columns:1fr 1fr;background:var(--paper);border:1px solid var(--line)}header nav.is-open{display:grid}nav a{font-size:12px;border-bottom:1px solid var(--line);padding:22px 16px;min-height:68px}nav a:last-child{grid-column:1/-1}.drawing{height:66svh;min-height:430px;max-height:750px;overflow:visible}.drawing-stage{width:98%;max-height:none}.drawing-top{top:20px;left:19px;right:19px}.drawing-top>span{max-width:130px;font-size:8px}.drawing-top button{font-size:10px;padding:10px;gap:10px;min-height:42px}.drawing-bottom{left:19px;right:19px;bottom:22px;flex-direction:column;font-size:9px;gap:10px}.drawing-bottom>span:last-child{font-size:8px}.desktop-hint{display:none}.touch-hint{display:inline}.drawing-stage .callout{display:none}.coordinate-readout{display:none}.hotspot:before{width:8px;height:8px}.selected-installation{bottom:76px;font-size:13px;left:19px;max-width:calc(100% - 38px);width:auto;padding:12px}.installation-list{grid-template-columns:1fr 1fr}.installation-list article{padding:14px;border-bottom:1px solid var(--line)}.installation-list article:nth-child(2n){border-right:0}.installation-list p{font-size:13px}.installation-list h3{font-size:14px}.intro{grid-template-columns:1fr}.intro h1{font-size:clamp(30px,6.8vw,48px);padding:19px 18px;border-right:0;border-bottom:1px solid var(--line)}.intro-bottom{grid-template-columns:1fr 115px;grid-template-rows:1fr 30px}.intro-bottom>p{padding:15px 18px;font-size:14px;line-height:1.25}.actions .button{font-size:10px;padding:12px 9px}.actions .text-link{font-size:9px}.hero-ticker{font-size:9px}.positioning{grid-template-columns:1fr;min-height:0}.position-art{height:440px;border-right:0;border-bottom:1px solid var(--line)}.position-art img{width:120%;transform:translateX(-5%)}.orange-disc{width:40%;top:8%}.position-statement{padding:35px 11% 180px;min-height:540px}.position-statement h2{font-size:29px}.section-heading{padding:28px 20px;min-height:0;flex-direction:column;align-items:start;gap:22px}.section-heading>div{max-width:none}.section-heading>p{font-size:15px;max-width:480px}.section-heading h2{font-size:32px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid article:nth-child(2){border-right:0}.benefit-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.technical-symbol{height:180px}.benefit-grid h3{font-size:21px;min-height:95px}.benefit-grid p{font-size:14px;line-height:1.3}.card-label{font-size:8px;padding:14px}.scroll-story{height:360svh}.story-title{font-size:32px}.installation-plan{width:95%;height:70%}.plan-canvas{align-items:start;padding-top:10svh}.story-note{bottom:20px;left:20px;width:215px}.story-note p{font-size:13px}.story-aside{width:100%;height:42%;top:auto;bottom:0;transform:translateY(110%);border-left:0;border-top:1px solid var(--line)}.story-aside>.eyebrow{display:none}.story-aside>div{padding:18px;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:15px}.story-aside>div h2{padding:0;font-size:25px}.story-aside>div>p{padding:0;font-size:13px;margin:0}.story-aside ul{grid-column:1/-1}.story-aside li{padding:8px 0;font-size:11px}.story-aside .text-link{display:none}.connection-flow{grid-template-columns:1fr}.connection-flow button{min-height:75px;display:flex;align-items:center;gap:20px;border-right:0;border-bottom:1px solid var(--line);padding:18px 20px}.connection-flow button span{font-size:10px;width:115px;flex-shrink:0}.connection-flow button strong{font-size:22px;margin:0}.connection-flow button i{font-size:20px;bottom:25px}.connection-detail{min-height:230px;padding:25px 20px;gap:15px}.connection-detail>span:first-child{font-size:28px}.connection-detail h3{font-size:24px}.connection-detail p{font-size:15px}.technical-note{display:none}.workflow{grid-template-columns:1fr}.workflow .section-heading{position:static;min-height:0;padding:35px 20px}.workflow ol{border-left:0;border-top:1px solid var(--line)}.workflow li{min-height:420px;padding:25px 20px}.workflow li h3{font-size:30px}.step-diagram{height:220px;margin-top:20px}.project-feature{grid-template-columns:1fr}.project-image{min-height:330px;border-right:0;border-bottom:1px solid var(--line)}.project-caption{padding:35px 11%;min-height:430px}.project-caption h3{font-size:30px}.about{grid-template-columns:1fr}.about-mark{min-height:350px;border-right:0;border-bottom:1px solid var(--line);font-size:220px}.about>div:last-child{padding:40px 11%}.about h2{font-size:31px}.services{grid-template-columns:1fr}.services .section-heading{padding:35px 20px;border-right:0;border-bottom:1px solid var(--line)}.services #services-list{padding:0}.services details{padding:0 20px}.services h3{font-size:23px}.services summary{padding:23px 0}.contact{grid-template-columns:1fr;padding:45px 20px;gap:30px}.contact h2{font-size:33px}.contact form{padding:20px}.contact form h3{font-size:23px}.contact .eyebrow{font-size:9px}footer{grid-template-columns:1fr 1fr}footer>.brand{min-height:95px}footer>p{font-size:19px;padding:20px}footer>.back-top{grid-column:1/-1;padding:20px;border-left:0;border-top:1px solid var(--line)}.footer-bottom{flex-wrap:wrap;font-size:8px;padding:16px}.footer-wordmark{font-size:11vw;padding:35px 6px 25px}.intro-loader{grid-template-columns:1fr;gap:30px}.loader-brand{font-size:50px}.loader-info{font-size:10px}.loader-progress{grid-column:1}.text-link{font-size:10px}.drawing-corner{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro-loader{display:none!important}.scroll-story{height:auto;min-height:850px}.story-sticky{position:relative;min-height:850px}.story-title{display:none}.plan-canvas{opacity:1!important;transform:none!important;width:67%!important}.plan-walls,.plan-cable{stroke-dashoffset:0!important}.plan-furniture,.plan-points,.plan-labels{opacity:1!important}.story-aside{transform:none!important}.motion-enabled .reveal{opacity:1!important;transform:none!important}.step-diagram .step-route{stroke-dashoffset:0}.hero-ticker>div,.discipline-marquee>div{white-space:normal;padding:8px}.story-note small{display:none}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.plan-canvas{width:100%!important;height:60%!important}.story-note{display:none}.story-aside{height:40%}}
.technical-cursor{position:fixed;top:0;left:0;display:block;width:8px;height:8px;background:var(--orange);pointer-events:none;z-index:90;opacity:0}.technical-cursor.visible{opacity:1}@media(pointer:coarse){.technical-cursor{display:none}}@media(prefers-reduced-motion:reduce){.technical-cursor{display:none}}@media(pointer:fine) and (prefers-reduced-motion:no-preference){body,a,button,summary,.drawing-stage{cursor:none}input,textarea,select{cursor:auto}}
/* Keep the artwork, SVG and interactive anchor coordinate systems identical. */
.drawing-stage{width:min(92%,calc((100svh - 210px)*1.5));max-height:none;flex-shrink:0}.building-image,.position-art img,.project-image img{mix-blend-mode:darken}.story-note{pointer-events:none}
@media(max-width:700px){.drawing-stage{width:98%}}
.building-image{mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent);mask-composite:intersect}.drawing-stage>.drawing-corner{display:none}
.prepared-note{border-top:1px solid var(--line);padding-top:18px;margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.prepared-note .text-link{font-size:10px;padding:12px}.prepared-note pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.5 var(--mono);margin:12px 0 0;flex-basis:100%;color:var(--muted)}

/* Reference proportions: measured at 1280 x 720, scalable desktop grid. */
@media(min-width:1001px){
header{height:3.88889vw;min-height:48px}h1,.intro h1{font-size:3.24074vw;line-height:1;letter-spacing:-.045em}h2,.section-heading h2{font-size:2.77778vw;line-height:1}
.drawing{height:calc(100svh - 13.15vw - 12px);min-height:400px}.intro{height:9.25926vw;min-height:118px;grid-template-columns:58% 42%}.intro h1{padding:1.25vw 1.7vw}.intro-bottom{grid-template-columns:1fr 9.8vw;grid-template-rows:1fr 2.4074vw}.intro-bottom>p{font-size:1.01852vw;line-height:1.16;padding:.8vw}.actions .text-link{display:none}.actions .button{border-bottom:0;padding:.65vw;font-size:.8vw}.hero-ticker{font-size:.74074vw}
.positioning{height:50.17334vw;min-height:0}.position-statement{padding:3.15vw 17.5% 11.12vw}.position-statement h2{font-size:2.314815vw;line-height:1;letter-spacing:-.035em;margin:0 0 2.4vw}.position-bottom>span{padding:1vw 1.8vw}.discipline-marquee{height:5.56vw}.position-bottom>small{padding:.65vw 1.4vw}.section-heading{min-height:15.28vw;padding:2.3vw 1.8vw}.technical-symbol{height:22.4vw}.benefit-grid h3{font-size:1.85vw;min-height:7.4vw;padding:1.8vw 1.8vw .8vw}.benefit-grid p{padding:0 1.8vw 2.2vw;font-size:1.1574vw}.card-label{padding:1.1vw 1.8vw}.scroll-story{height:700svh}.workflow li{min-height:42.1vw}.workflow li h3{font-size:2.57vw}.about-mark{min-height:50.17vw}.services{min-height:55.32vw}
}
/* Separate extracted image layers rise from the source architecture. */
.equipment-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}.installation-piece{opacity:0;transform:translate(0,0) scale(1);transition:transform .65s cubic-bezier(.18,.85,.22,1),opacity .3s;transform-box:view-box}.installation-piece.visible{opacity:1;transform:translate(var(--lift)) scale(var(--magnify))}.equipment-shadow{filter:drop-shadow(0 12px 7px #241d1633)}.equipment-outline{fill:none;stroke:#ff5705;stroke-width:1;vector-effect:non-scaling-stroke}.building-image{filter:grayscale(1);transition:opacity .5s,filter .5s}.has-active-installation .building-image{opacity:.6;filter:grayscale(1) contrast(.85)}.technical-overlay{z-index:3}.hotspot{z-index:5}.callout{z-index:6}.is-dragging #scan-area{stroke:var(--orange);stroke-dasharray:none;fill:#ff4e000a}.coordinate-readout{top:auto;bottom:8px;left:10px}.is-inspecting .hotspot:before{box-shadow:0 0 0 4px #ff4e0012}
/* The building stays registered: scroll washes color into the same pixels. */
.position-art{isolation:isolate}.portrait-illustration{--ink:0;--ink-edge:100%;position:absolute;height:100%;aspect-ratio:2/3;max-width:100%;left:50%;top:0;transform:translateX(-50%);mix-blend-mode:multiply}.position-art .portrait-illustration img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none;mix-blend-mode:normal}.position-art .portrait-line{filter:grayscale(1) contrast(.78) brightness(1.08);opacity:calc(.55 + var(--ink)*.4)}.position-art .portrait-color{filter:none;opacity:var(--ink);mask-image:linear-gradient(to bottom,transparent calc(var(--ink-edge) - 12%),#000 calc(var(--ink-edge) + 12%));-webkit-mask-image:linear-gradient(to bottom,transparent calc(var(--ink-edge) - 12%),#000 calc(var(--ink-edge) + 12%))}.image-tag{background:var(--paper);display:flex;gap:30px}.reveal-percent{color:#b6380b;font-variant-numeric:tabular-nums}
@media(max-width:1000px) and (min-width:701px){.positioning{min-height:650px}.portrait-illustration{height:90%;top:5%;max-width:100%}.position-statement{padding-left:12%;padding-right:12%}.intro h1{font-size:3.5vw}.intro{min-height:125px}}
@media(max-width:700px){.position-art{height:145vw;max-height:790px;min-height:490px}.portrait-illustration{height:100%;width:auto;max-width:100%}.position-statement{min-height:0;padding:36px 11% 190px}.position-statement h2{font-size:clamp(27px,6.6vw,36px)}.drawing-stage{width:98%}.installation-piece[data-id=meter]{--magnify:2.1}.installation-piece[data-id=charger]{--magnify:2.3}.intro{height:auto}.image-tag{font-size:9px;left:15px;bottom:15px}.equipment-outline{stroke-width:.6}}
@media(prefers-reduced-motion:reduce){.position-art .portrait-color{opacity:1;mask-image:none;-webkit-mask-image:none}.position-art .portrait-line{opacity:0}.installation-piece.visible{transform:none}.has-active-installation .building-image{opacity:.8}}
.text-link .motion-label,.text-link .motion-label>span{font:inherit;line-height:1.3;padding:0;border:0;letter-spacing:inherit}.position-art .image-tag{z-index:3}.building-image{filter:grayscale(1) brightness(1.015)}

/* Full-bleed architectural setting, with a persistent orange circle behind the ink. */
.position-art .portrait-orbit{position:absolute;z-index:0;width:38%;aspect-ratio:1;top:3%;right:20%;border-radius:50%;background:#ff4e00;pointer-events:none}
.position-art .portrait-illustration{z-index:1;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;transform:none;mix-blend-mode:multiply}
.position-art .portrait-illustration img{width:100%;height:100%;object-fit:cover;object-position:47% 50%;max-width:none}
.position-art .image-tag{display:none}
@media(max-width:700px){.position-art{height:auto;aspect-ratio:1/1;min-height:0;max-height:none}.position-art .portrait-illustration{inset:0;height:100%;width:100%}.position-art .portrait-orbit{width:38%;right:20%;top:3%}}
.position-art .portrait-line{filter:grayscale(1) contrast(.95) brightness(1.03);opacity:calc(.78 + var(--ink)*.17)}

/* Supplied DES identity, displayed from the original transparent PNG. */
.brand:before{display:none}.brand{gap:0;letter-spacing:0}.brand img{height:58px;width:174px;object-fit:contain;flex:none;max-width:none}.about-mark:before{display:none}.about-mark img{width:80%;height:auto}.loader-brand img{width:100%;height:auto}
/* Darker architect's rulers: minor divisions and stronger major divisions. */
.drawing.ruler-frame:before{inset:10px;opacity:.95;background:repeating-linear-gradient(90deg,#62695e 0 1px,transparent 1px 50px) left top/100% 12px no-repeat,repeating-linear-gradient(90deg,#95998d 0 1px,transparent 1px 10px) left top/100% 6px no-repeat,repeating-linear-gradient(90deg,#62695e 0 1px,transparent 1px 50px) left bottom/100% 12px no-repeat,repeating-linear-gradient(90deg,#95998d 0 1px,transparent 1px 10px) left bottom/100% 6px no-repeat,repeating-linear-gradient(0deg,#62695e 0 1px,transparent 1px 50px) left top/12px 100% no-repeat,repeating-linear-gradient(0deg,#95998d 0 1px,transparent 1px 10px) left top/6px 100% no-repeat,repeating-linear-gradient(0deg,#62695e 0 1px,transparent 1px 50px) right top/12px 100% no-repeat,repeating-linear-gradient(0deg,#95998d 0 1px,transparent 1px 10px) right top/6px 100% no-repeat}
.drawing-survey{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none;z-index:2;overflow:hidden}.survey-fixed{stroke:#818879;stroke-width:.75;stroke-dasharray:7 4 1 4;opacity:.13;transition:opacity .4s}.survey-fixed .survey-dimension{stroke:#e54c05;stroke-dasharray:none;stroke-width:1.1}.survey-crosshair{stroke:#82887b;stroke-width:.8;opacity:0}.survey-cursor{opacity:0;stroke:#f4510c;stroke-width:1.5}.survey-readout{font:10px var(--mono);letter-spacing:0;fill:#596151;stroke:none}.drawing.is-hovering .survey-fixed,.drawing:has(.is-inspecting) .survey-fixed{opacity:.75}.drawing.is-hovering .survey-crosshair,.drawing.is-hovering .survey-cursor{opacity:1}.drawing .coordinate-readout{display:none}#crosshair,#cross-center{display:none}.drawing:has(.is-dragging) .survey-cursor{stroke-width:2}.drawing-top{z-index:7}
/* Real image edges plus aligned construction paths, then the material reveal. */
.blueprint-build{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;mix-blend-mode:multiply;opacity:0}.blueprint-edges{opacity:0}.build-stroke{fill:none;stroke:#3d4439;stroke-width:1.1;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100}.build-stroke-0{stroke:#a1a698;stroke-width:.7}.build-stroke-5{stroke:#ed500c;stroke-width:1.5}.hero-building .blueprint-build{opacity:1;animation:blueprint-away .65s 3.6s both}.hero-building .build-stroke{animation:construction-line 1.9s calc(.12s + var(--order)*.2s) both}.hero-building .blueprint-edges{animation:construction-edges 2.8s .65s both}.hero-building .building-image{animation:construction-material 2s 1.9s both}.hero-building .hotspot,.hero-building .equipment-overlay{opacity:0;transition:opacity .3s}.hero-building .drawing-top button{visibility:hidden}.hero-building .survey-fixed{opacity:.8}.hero-building .drawing-stage{pointer-events:none}
@keyframes construction-line{from{stroke-dashoffset:100;opacity:0}10%{opacity:1}to{stroke-dashoffset:0;opacity:1}}
@keyframes construction-edges{0%{opacity:0;clip-path:inset(100% 0 0 0)}45%{opacity:.65}80%{opacity:.8;clip-path:inset(0 0 0 0)}100%{opacity:.15;clip-path:inset(0 0 0 0)}}
@keyframes construction-material{0%{opacity:0;clip-path:inset(100% 0 0 0)}25%{opacity:.25}100%{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes blueprint-away{to{opacity:0}}
@media(max-width:700px){.brand img{width:162px;height:54px}.drawing.ruler-frame:before{opacity:.75}.survey-readout{font-size:9px}.drawing.is-hovering .survey-cursor{opacity:0}}
@media(prefers-reduced-motion:reduce){.blueprint-build{display:none}.hero-building .building-image{opacity:1;clip-path:none}.hero-building .drawing-stage{pointer-events:auto}.hero-building .hotspot,.hero-building .equipment-overlay{opacity:1}.hero-building .drawing-top button{visibility:visible}}
.hero-pending .drawing-stage>.building-image{opacity:0}.hero-pending .drawing-stage .hotspot{opacity:0}

/* Larger drawing inside the original frame, in a softer warm graphite tone. */
.drawing-stage{width:min(96%,calc((100svh - 210px)*1.78))}.drawing{user-select:none;touch-action:pan-y}.building-image{filter:grayscale(.95) sepia(.1) contrast(.84) brightness(1.075)}.has-active-installation .building-image{filter:grayscale(1) sepia(.1) contrast(.82) brightness(1.05);opacity:.72}.drawing-survey .survey-dimension{stroke:#f45108;stroke-width:1.25}.technical-overlay #scan-area{stroke-width:1.2;vector-effect:non-scaling-stroke}.drawing-top>span{pointer-events:none}.drawing-top{pointer-events:none}.drawing-top button{pointer-events:auto}
.installation-intro .installation-piece{opacity:1;transform:translate(var(--lift)) scale(var(--magnify));transition:transform .85s cubic-bezier(.18,.85,.22,1),opacity .6s}.installation-intro .building-image{opacity:.72;transition:opacity .8s}.installation-intro .equipment-overlay{filter:drop-shadow(0 2px 4px #ff570021)}.installation-intro .survey-fixed{opacity:.65}
.position-art .portrait-orbit{right:-14%;top:3%;width:38%}.position-art .portrait-color{opacity:1;mask-image:linear-gradient(to bottom,#000 calc(var(--ink-edge) - 12%),transparent calc(var(--ink-edge) + 12%));-webkit-mask-image:linear-gradient(to bottom,#000 calc(var(--ink-edge) - 12%),transparent calc(var(--ink-edge) + 12%))}.position-art .portrait-line{opacity:1;filter:grayscale(1) contrast(.82) brightness(1.06)}
@media(max-width:700px){.drawing-stage{width:108%}.drawing .callout{display:none}.position-art .portrait-orbit{right:-14%;width:38%}}
@media(prefers-reduced-motion:reduce){.installation-intro .installation-piece{transform:none}.position-art .portrait-color{mask-image:none;-webkit-mask-image:none}}

/* Realistic, wide house; the orange disc sits largely beyond the roof. */
.position-art .portrait-orbit{right:-5%;width:33%;top:3%}.position-art .portrait-color{filter:saturate(1.12) contrast(1.015)}
/* Four still technical studies echo the architectural drawings above. */
.benefit-grid-technical{grid-template-columns:repeat(4,minmax(0,1fr));background:transparent}
.benefit-grid-technical .technical-card{min-width:0;background:transparent;border-right:1px solid var(--line);border-bottom:0}
.benefit-grid-technical .technical-card:last-child{border-right:0}
.technical-label{height:48px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:11px var(--mono);border-bottom:1px dashed var(--faint)}
.technical-label>span:last-child{color:var(--muted)}
.technical-visual{position:relative;aspect-ratio:1;min-height:230px;max-height:430px;border-bottom:1px dashed var(--faint);overflow:hidden;isolation:isolate;background:var(--paper)}
.technical-visual img{display:block;width:100%;height:100%;object-fit:contain;padding:18px;mix-blend-mode:darken;filter:brightness(1.045);mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 96%,transparent)}
.technical-copy{padding:24px 22px 30px}
.benefit-grid-technical h3{padding:0;margin:0 0 20px;min-height:2.1em;font-size:clamp(21px,1.85vw,34px);line-height:1.04;letter-spacing:-.045em}
.benefit-grid-technical p{padding:0;margin:0;font-size:clamp(14px,1.08vw,17px);line-height:1.38;max-width:34ch}
@media(max-width:900px){.benefit-grid-technical{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-grid-technical .technical-card:nth-child(2){border-right:0}.benefit-grid-technical .technical-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.technical-visual{min-height:0}.benefit-grid-technical h3{font-size:clamp(21px,3vw,28px)}}
@media(max-width:500px){.technical-label{height:40px;padding:0 13px;font-size:10px}.technical-copy{padding:20px 13px 26px}.benefit-grid-technical h3{font-size:19px;min-height:3.2em;line-height:1.06;margin-bottom:14px}.benefit-grid-technical p{font-size:14px;line-height:1.4}}
/* Local footage forms a continuous moving background beneath the headline. */
.work-film{position:relative;height:85svh;min-height:600px;max-height:980px;overflow:hidden;background:#171d19;color:white;border:1px solid var(--line);border-top:0;isolation:isolate}.film-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:3px;background:var(--paper);z-index:-3}.film-cell{overflow:hidden;position:relative;background:#26342a}.film-cell:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07141055,#07140b9c 65%,#07120c99)}.film-cell video{width:100%;height:100%;object-fit:cover;filter:saturate(.68);transform:scale(1.015)}.film-cell-3{grid-column:3/5}.film-cell-4{grid-column:1/3}.film-cell-6{grid-column:4;grid-row:2/4}.film-cell-8{grid-column:2/4}.film-shade{display:none}.film-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 5%}.film-copy>p{font:10px var(--mono);letter-spacing:.09em;margin:0 0 25px;color:#e7e9dd}.film-copy h2{font-size:clamp(46px,6.5vw,112px);line-height:.95;letter-spacing:-.065em;font-weight:700}.film-copy h2 span{color:#ff650c}.film-top,.film-bottom{position:absolute;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:2}.film-top{top:26px;font:10px var(--mono)}.film-top>a{display:flex;gap:30px;border:1px solid #edf4e34d;padding:14px 18px;text-transform:uppercase;font-size:10px}.film-top>a:hover{background:var(--orange);border-color:var(--orange);color:#172119}.film-top>a>span{font-size:16px;line-height:12px}.film-bottom{bottom:24px}.film-bottom p{font:9px/1.6 var(--mono);letter-spacing:.02em;margin:0;color:#d5dbcd}.film-bottom button{border:1px solid #edf4e366;background:#17211940;color:white;font:10px var(--mono);padding:13px 16px;display:flex;gap:15px;align-items:center;min-height:44px}.film-bottom button:hover{background:#172119b3}.film-bottom button span{font:17px Arial;line-height:14px}
@media(max-width:700px){.work-film{height:680px;min-height:0}.film-mosaic{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}.film-cell-3,.film-cell-4,.film-cell-6,.film-cell-8{grid-column:auto;grid-row:auto}.film-copy{padding:90px 20px}.film-copy h2{font-size:clamp(40px,10vw,64px);line-height:1}.film-copy>p{font-size:9px;max-width:230px;line-height:1.5}.film-top,.film-bottom{left:18px;right:18px}.film-top{top:20px;font-size:8px}.film-top>a{padding:11px;gap:10px;font-size:8px}.film-bottom p{font-size:8px;max-width:160px}.film-bottom button{font-size:9px;padding:12px;gap:8px}}