/* Preview 03 — real-time material, deliberate typography, scroll choreography. */
:root{--bg:#080c0e;--ink:#edf0f1;--line:#c9d7e325;--header:88px;--silver:#b7c6d1}
html{scroll-padding-top:var(--header)}
body{background:var(--bg)}
.site-header{height:var(--header);background:#080c0eeb;border-color:#d3e3ef20}
.desktop-nav a:hover{color:#fff}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:1px;background:#dcebf3;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.desktop-nav a:hover:after{transform:scaleX(1)}
.header-contact{border-radius:30px;min-height:46px;padding:8px 18px}
.overline{color:#aabac5}.arrow-link{position:relative;overflow:hidden}.arrow-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#e5f1fa;transform:translateX(-101%);transition:transform .6s var(--ease)}.arrow-link:hover:after{transform:translateX(0)}
:is(a,button,summary):focus-visible{outline-color:#d4e9f8}

/* A whole first screen, not a card containing an effect. */
.hero.cinema-hero{display:block;padding:0;min-height:670px;height:calc(100svh - var(--header));max-height:1120px;isolation:isolate;overflow:clip;background:#080c0e;--hero-exit:0}
.cinema-hero .hero-backdrop{position:absolute;inset:-4%;width:108%;height:108%;z-index:-3;opacity:.7;display:block}
.hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center}
.cinema-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080c0e 0%,#080c0eef 22%,#080c0e59 58%,#080c0e24 100%),linear-gradient(0deg,#080c0e 0%,transparent 28%,#080c0e30 100%);pointer-events:none}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:conic-gradient(from 220deg at 90% -10%,transparent 0deg,#d8e7f811 15deg,transparent 31deg,#d8e7f809 50deg,transparent 70deg);animation:atmosphere 16s ease-in-out infinite alternate;transform-origin:90% 0}
.cinema-hero .hero-copy{padding:0 0 75px;margin-left:var(--margin);width:55%;height:100%;display:flex;flex-direction:column;justify-content:center;transform:translateY(calc(var(--hero-exit) * -55px));opacity:calc(1 - var(--hero-exit) * .65)}
.cinema-hero .hero-copy .overline{font-size:11px;letter-spacing:.15em;margin-bottom:0;color:#abbac5}
.cinema-hero h1{font-size:clamp(34px,3.8vw,72px);font-weight:300;letter-spacing:-.055em;line-height:1.6;margin-top:26px;white-space:nowrap;text-shadow:0 2px 32px #04080b55}
.cinema-hero h1 br{display:none}.cinema-hero h1>span{display:block}
.cinema-hero .hero-description{font-size:15px;line-height:2.1;color:#aebbc4;margin-top:27px}
.cinema-hero .hero-link{align-self:flex-start;margin-top:29px;min-width:210px;font-size:14px;color:#edf2f6}
.cinema-hero .hero-services{margin-top:38px;gap:15px;color:#9baebc;font-size:11px}
.cinema-hero .hero-services i{background:#aec2d2}
.orbit-scene{position:absolute;inset:0;pointer-events:none;z-index:1;transform:translateY(calc(var(--hero-exit) * 85px)) scale(calc(1 + var(--hero-exit) * .16));transform-origin:72% 50%}
.cinema-hero .hero-object[data-hero-orbit]{position:absolute;top:47%;left:auto;right:-5%;width:67%;height:auto;aspect-ratio:1.5;transform:translateY(-50%);opacity:1}
.cinema-hero .hero-object>picture{display:block;width:100%;height:100%}.cinema-hero .hero-object img{width:100%;height:100%;object-fit:contain}
.cinema-hero .hero-orbit-canvas{inset:-10%;width:120%;height:120%}
.orbit-reticle{position:absolute;width:48%;aspect-ratio:1;top:48%;right:1%;transform:translateY(-50%);opacity:.32;animation:reticle-in 2.5s var(--ease) both}
.orbit-reticle i{position:absolute;border:1px solid #d4e6f026;border-radius:50%;inset:14%;border-bottom-color:transparent;border-left-color:transparent;animation:orbit-guide 48s linear infinite}
.orbit-reticle i+ i{inset:7%;border-style:dashed;border-color:#d4e6f015;animation-direction:reverse;animation-duration:90s}
.orbit-reticle>span{position:absolute;right:15%;bottom:7%;font:9px/1.5 var(--mono);letter-spacing:.16em;color:#becfdb}
.cinema-hero .hero-mantra{position:absolute;right:var(--margin);top:9%;font:300 clamp(17px,1.45vw,25px)/1.25 var(--sans);letter-spacing:.045em;color:#dce9f29c;z-index:2;pointer-events:none}
.hero-mantra>span{display:block;font:8px/1.7 var(--mono);letter-spacing:.1em;margin-top:14px;color:#9fb4c47a}
.cinema-hero .hero-orbit-controls{position:absolute;right:var(--margin);bottom:100px;gap:15px;z-index:8}
.hero-impulse b{display:grid;place-items:center;width:50px;height:50px;border:1px solid #d6e4ed88;border-radius:50%}
.hero-orbit-controls>span{font-size:13px;line-height:1.6;color:#d8e4ec}.hero-orbit-controls small{color:#97afc0;font-size:11px}
.cinema-hero .hero-bottom{height:66px;color:#9fb2bf;font-size:9px;background:none}
.cinema-hero .hero-bottom>span:last-child{font-size:8px;color:#7e95a4}
.scroll-line{animation:scroll-cue 2.5s var(--ease) infinite}
.cinema-hero:not(.is-orbit-ready) .hero-object{animation:fallback-float 8s ease-in-out infinite}

/* Scroll is native. Only the exhibition sticks, never the user's input. */
.craft-chapter{position:relative;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 80% 42%,#1e2b351f,transparent 68%);--depth:0;--progress:0}
.craft-sticky{position:relative;min-height:780px;display:grid;grid-template-columns:42% 58%;padding:68px var(--margin) 90px;align-items:center;gap:0;overflow:clip}
.motion-enabled .craft-chapter{height:195svh;min-height:1500px}
.motion-enabled .craft-sticky{position:sticky;top:var(--header);height:calc(100svh - var(--header));min-height:640px;max-height:1000px}
.craft-copy{position:relative;z-index:3;align-self:center}
.craft-copy h2{font-size:clamp(28px,3.0vw,52px);line-height:1.65;letter-spacing:-.06em;margin-top:25px}
.craft-intro{font-size:14px;line-height:2;color:#9dabb7;margin-top:23px}
.craft-steps{list-style:none;padding:0;margin:30px 0 0;max-width:430px;position:relative}
.craft-steps li{display:flex;gap:22px;padding:15px 0 15px 16px;position:relative;border-left:1px solid #b9cbd229;transition:border-color .6s,color .6s;}
.craft-steps li:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:#c9e0ef;transform:scaleY(0);transform-origin:top;transition:transform .65s var(--ease)}
.craft-steps li.is-current:before{transform:scaleY(1)}
.craft-steps li>span{font:11px/1.7 var(--mono);color:#83929d;padding-top:3px}.craft-steps h3{font-size:17px;line-height:1.5;color:#8c9aa5;transition:color .5s}
.craft-steps p{font-size:12px;line-height:1.8;color:#82929e;margin-top:5px}.craft-steps li.is-current h3{color:#f0f5f8}
.craft-copy .arrow-link{margin-top:22px;font-size:13px;min-width:170px}
.craft-sticky .engineering-bench{margin:0 -35px 0 -5px;height:100%;min-height:500px;max-height:760px;align-self:center;--mx:0deg;--my:0deg}
.craft-sticky .bench-grid{background-image:linear-gradient(#c5d8e709 1px,transparent 1px),linear-gradient(90deg,#c5d8e709 1px,transparent 1px),radial-gradient(ellipse at 48% 45%,#9db7ce12,transparent 70%);background-size:50px 50px,50px 50px,100% 100%}
.craft-sticky .bench-coordinates{left:25px;right:30px;top:18px;color:#8ea4b3;font-size:9px;flex-wrap:wrap;gap:6px}
.craft-sticky .bench-perspective{inset:58px 16px 136px;transform:rotateX(var(--my)) rotateY(var(--mx));perspective:1500px}
.craft-sticky .interface-stack,.craft-sticky .engineering-bench.is-exploded .interface-stack{width:74%;max-width:600px;transform:rotateX(calc(23deg + var(--depth) * 29deg)) rotateY(calc(-15deg + var(--depth) * 7deg)) rotateZ(calc(-7deg - var(--depth) * 20deg)) scale(calc(1 - var(--depth) * .14));transition:none}
.craft-sticky .surface-plane,.craft-sticky .is-exploded .surface-plane{transform:translateZ(calc(45px + var(--depth) * 130px));box-shadow:0 30px 60px #0006;transition:box-shadow .5s}
.craft-sticky .logic-plane,.craft-sticky .is-exploded .logic-plane{transform:translateZ(calc(-45px - var(--depth) * 130px));transition:none;background:#10161b}
.craft-sticky .wire-plane{transition:none;background:#131b21}
.craft-sticky .plane-label,.craft-sticky .is-exploded .plane-label{opacity:var(--depth);font-size:10px;color:#dce8ef;transition:none;top:-24px}
.craft-sticky .surface-plane>img{filter:saturate(.85)}
.craft-sticky .bench-bottom{left:25px;right:30px;bottom:46px;gap:15px}
.craft-sticky .bench-state{font-size:9px;color:#a8bac7}.craft-sticky .bench-bottom p{font-size:11px;line-height:1.8;color:#a4b3be}
.craft-sticky .inspect-button{font-size:12px;min-height:46px;border-radius:3px;padding:10px 14px}
.craft-sticky .bench-footnote{bottom:14px;left:25px;right:30px;font-size:9px;line-height:1.8;color:#7f929f}
.craft-progress{position:absolute;left:var(--margin);right:var(--margin);bottom:22px;display:flex;align-items:center;gap:28px;color:#8c9eac;font:9px/1.5 var(--mono);letter-spacing:.08em}
.craft-progress i{flex:1;height:1px;background:#afc7d527;position:relative}
.craft-progress i:after{content:"";position:absolute;inset:0;background:#bcd9ef;transform-origin:left;transform:scaleX(var(--progress));box-shadow:0 0 12px #c0e5ff66}
.craft-progress b{font:inherit;min-width:55px}

/* Work stays readable: the frame moves, the actual project isn't cropped. */
.work-section{padding-top:14px;padding-bottom:100px}.work-heading{padding-block:78px}.work-row{padding-block:54px 84px}
.work-viewer{background:#11181d;border-color:#b3c7d02e;transform:perspective(1400px) translateY(calc((1 - var(--work-reveal,1)) * 52px)) rotateX(calc((1 - var(--work-reveal,1)) * 7deg));transform-origin:center bottom;box-shadow:0 25px 80px #0003;transition:border-color .5s}
.work-viewer:hover{border-color:#b3c7d066}.work-promise{font-size:18px}.work-detail{font-size:14px;max-width:360px}.work-info h3{font-size:32px}.work-caption{color:#8596a4}
.work-tags span{border-color:#a8c5d52e}.device-controls button{min-height:38px;font-size:11px}.device-controls button[aria-pressed=true]{background:#b7d6e61c}
.device-stage{background-image:linear-gradient(#adc4d309 1px,transparent 1px),linear-gradient(90deg,#adc4d309 1px,transparent 1px)}
.viewer-note{font-size:11px;color:#9dabb5}.measure-x,.measure-y{color:#8da3b1}.viewer-top{height:54px}
.work-index{font-size:10px}.work-info .arrow-link{font-size:14px}

/* A second, visibly different motion language: live ray-marched silver. */
.matter-section{padding-bottom:90px;position:relative}
.matter-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;align-items:center;padding-block:52px 20px}
.matter-copy{position:relative;z-index:2}.matter-index{display:block;font-size:clamp(52px,5.2vw,96px);line-height:1.3;font-weight:300;letter-spacing:-.07em;background:linear-gradient(115deg,#eef4f7 10%,#8194a3 40%,#e9f5fc 50%,#8a9daa 65%,#f4f8fa 85%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:silver-shift 9s ease-in-out infinite alternate}
.matter-copy h2{font-size:clamp(22px,2.3vw,38px);line-height:1.65;letter-spacing:-.03em;margin-top:30px}
.matter-copy>p{font-size:14px;line-height:2.1;color:#a7b5bf;margin-top:23px}.matter-copy .arrow-link{margin-top:30px;font-size:13px}
.matter-layout .liquid-object.liquid-lab{height:clamp(550px,72svh,740px);margin:0;min-width:0}
.liquid-lab>picture>img{width:100%;height:100%;object-fit:contain}
.liquid-lab-heading{font-size:11px}.liquid-lab:before{inset:10% 0 14%}.liquid-lab.is-ready .liquid-fallback-note{display:none}.liquid-fallback-note{position:absolute;bottom:0;left:0;right:0;font-size:12px;line-height:1.8;color:#9dafbc}
.matter-section.offscreen .matter-index{animation-play-state:paused}
.feature-heading p,.feature-detail>p{font-size:14px}.feature summary{min-height:84px}.feature summary h3{font-size:16px}.feature-type{color:#b4c2cc}.feature-detail>p{color:#a8b7c2}.meta-list dt{color:#a1b3c1}.meta-list dd{color:#d1dde5}.feature summary::after{color:#c5d4dd}.feature{transition:background .35s,border-color .35s}.feature:hover,.feature[open]{border-color:#cedfea70;background:linear-gradient(90deg,#c5d9e805,transparent)}
.contact-headline{position:relative}.contact-headline h2{color:#edf3f6}.contact-bottom p{color:#a5b5c0}
.footer-wordmark{background:linear-gradient(115deg,#e2edf4 15%,#617786 40%,#e3f0f8 55%,#617887 80%);background-size:180% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:silver-shift 16s ease-in-out infinite alternate}
.footer-line,.footer-base{color:#9bafbe}.footer-line button{font-size:12px;color:#c1d2dd;min-height:44px}.preview-label{bottom:8px;background:#0b151ced}.offscreen .footer-wordmark{animation-play-state:paused}
.motion-paused .hero-atmosphere,.motion-paused .orbit-reticle i,.motion-paused .scroll-line{animation-play-state:paused!important}
.motion-paused .cinema-hero .hero-copy,.motion-paused .orbit-scene{transform:none;opacity:1}
.cinema-hero.offscreen .hero-atmosphere,.cinema-hero.offscreen .orbit-reticle i,.cinema-hero.offscreen .scroll-line{animation-play-state:paused}
.cinema-hero.is-orbit-resting .hero-atmosphere,.cinema-hero.is-orbit-resting .orbit-reticle i{animation-play-state:paused}
.cinema-hero .hero-mantra{top:6%;font-size:clamp(13px,1.2vw,19px)}
@media(min-width:1101px){
 .craft-sticky .interface-stack,.craft-sticky .engineering-bench.is-exploded .interface-stack{width:66%;max-width:520px}
 .craft-sticky .surface-plane,.craft-sticky .is-exploded .surface-plane{transform:translateZ(calc(40px + var(--depth) * 90px))}
 .craft-sticky .logic-plane,.craft-sticky .is-exploded .logic-plane{transform:translateZ(calc(-40px - var(--depth) * 90px))}
 .craft-sticky .bench-perspective{bottom:158px}
}
@keyframes atmosphere{from{transform:rotate(-5deg);opacity:.4}to{transform:rotate(8deg);opacity:1}}
@keyframes orbit-guide{to{rotate:360deg}}
@keyframes reticle-in{from{opacity:0;scale:.85}to{opacity:.32;scale:1}}
@keyframes scroll-cue{0%,100%{translate:0 -3px;opacity:.6}50%{translate:0 5px;opacity:1}}
@keyframes silver-shift{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes fallback-float{0%,100%{transform:translateY(-50%) rotate(-1deg)}50%{transform:translateY(calc(-50% - 17px)) rotate(2deg)}}

@media(min-width:1600px){.cinema-hero .hero-object[data-hero-orbit]{width:66%;right:-3%}.craft-sticky{grid-template-columns:40% 60%}.craft-sticky .engineering-bench{max-height:850px}.craft-sticky .interface-stack{max-width:680px}.craft-copy h2{font-size:50px}}
@media(max-width:1100px){
 :root{--header:76px}.hero.cinema-hero{min-height:630px}.cinema-hero h1{font-size:clamp(31px,4vw,44px)}.cinema-hero .hero-copy{width:59%;padding-bottom:55px}.cinema-hero .hero-object[data-hero-orbit]{width:72%;right:-12%}.cinema-hero .hero-description{font-size:14px}.cinema-hero .hero-mantra{right:35px;top:8%;font-size:18px}.cinema-hero .hero-orbit-controls{right:28px;bottom:92px;gap:9px}.cinema-hero .hero-orbit-controls>span{font-size:12px}.cinema-hero .hero-orbit-pause{padding-inline:11px;min-width:72px}.cinema-hero .hero-services{gap:10px;font-size:10px}.cinema-hero .hero-bottom>span:last-child{display:none}
 .craft-sticky{padding-top:45px;padding-bottom:75px;grid-template-columns:43% 57%}.craft-copy h2{font-size:clamp(28px,3.15vw,36px)}.craft-intro{font-size:13px}.craft-steps{margin-top:23px}.craft-steps li{padding-block:12px;gap:14px}.craft-steps h3{font-size:15px}.craft-steps p{font-size:11px}.craft-sticky .engineering-bench{margin-right:-26px;min-height:480px}.craft-sticky .bench-perspective{inset:50px 0 160px}.craft-sticky .interface-stack{width:80%}.craft-sticky .surface-plane,.craft-sticky .is-exploded .surface-plane{transform:translateZ(calc(35px + var(--depth) * 80px))}.craft-sticky .logic-plane,.craft-sticky .is-exploded .logic-plane{transform:translateZ(calc(-35px - var(--depth) * 80px))}.craft-sticky .bench-bottom{flex-wrap:wrap;left:15px;bottom:45px;gap:10px}.craft-sticky .bench-footnote{left:15px;bottom:0;font-size:8px}.craft-sticky .bench-coordinates{left:15px;font-size:8px}.craft-sticky .bench-bottom p{font-size:10px}.craft-sticky .inspect-button{font-size:11px}.craft-progress{gap:16px}
 .matter-layout{gap:4%;grid-template-columns:.86fr 1.14fr}.matter-copy>p{font-size:13px}.matter-layout .liquid-object.liquid-lab{height:570px}.work-detail{font-size:13px}
}
@media(max-width:800px){
 :root{--header:68px}.header-contact{margin-left:auto}.site-header{gap:15px}.hero.cinema-hero{min-height:780px;height:calc(100svh - var(--header));max-height:1000px}.cinema-hero .hero-backdrop{opacity:.56}.cinema-hero:before{background:linear-gradient(180deg,#080c0ebd 0%,#080c0e44 38%,#080c0e1a 62%,#080c0e 95%),linear-gradient(90deg,#080c0e99,transparent)}
 .cinema-hero .hero-copy{width:auto;height:auto;display:block;margin-inline:var(--margin);padding:40px 0 0;transform:none;opacity:1}.cinema-hero .hero-copy .overline{font-size:10px;letter-spacing:.11em}.cinema-hero h1{font-size:clamp(33px,6.2vw,49px);margin-top:17px;line-height:1.6}.cinema-hero .hero-description{font-size:14px;margin-top:18px;line-height:1.95}.cinema-hero .hero-link{margin-top:20px;font-size:13px;min-height:42px;min-width:200px}.cinema-hero .hero-services{display:none}
 .cinema-hero .hero-object[data-hero-orbit]{top:61%;width:min(88%,680px);right:0;height:auto;left:auto;transform:translateY(-50%)}.cinema-hero .hero-orbit-canvas{inset:-10%;width:120%;height:120%}.orbit-reticle{top:61%;width:65%;right:9%}.cinema-hero .hero-mantra{right:var(--margin);top:45%;font-size:16px}.hero-mantra>span{display:none}.cinema-hero .hero-orbit-controls{right:var(--margin);bottom:83px}.cinema-hero .hero-bottom{height:58px;font-size:8px;gap:14px}.cinema-hero .hero-bottom a{font-size:8px;gap:16px}.cinema-hero .hero-bottom>span:first-child{max-width:150px;font-size:8px}
 .motion-enabled .craft-chapter{height:auto;min-height:0}.motion-enabled .craft-sticky,.craft-sticky{position:relative;top:auto;height:auto;min-height:0;max-height:none;display:grid;grid-template-columns:1fr;gap:20px;padding-block:56px 65px}.craft-copy h2{font-size:34px;line-height:1.55;margin-top:20px}.craft-intro{font-size:14px;margin-top:18px}.craft-intro br:last-child{display:none}.craft-steps{display:flex;max-width:none;gap:0;margin-top:27px}.craft-steps li{flex:1;padding:14px 10px 5px 12px;display:block;min-width:0}.craft-steps li>span{font-size:10px}.craft-steps h3{font-size:13px;line-height:1.7;margin-top:6px}.craft-steps p{font-size:11px;line-height:1.8;margin-top:8px}.craft-copy .arrow-link{margin-top:22px}
 .craft-sticky .engineering-bench{height:490px;width:100%;margin:0;min-height:0;overflow:visible}.craft-sticky .bench-perspective{inset:45px 20px 140px}.craft-sticky .interface-stack{max-width:440px;width:76%}.craft-sticky .bench-coordinates{left:0;right:0;font-size:8px}.craft-sticky .bench-bottom{left:0;right:0;bottom:34px;flex-wrap:nowrap}.craft-sticky .bench-footnote{left:0;right:0;bottom:4px;font-size:9px}.craft-sticky .surface-plane,.craft-sticky .is-exploded .surface-plane{transform:translateZ(calc(32px + var(--depth) * 88px))}.craft-sticky .logic-plane,.craft-sticky .is-exploded .logic-plane{transform:translateZ(calc(-32px - var(--depth) * 88px))}.craft-progress{bottom:20px;font-size:8px}
 .matter-layout{grid-template-columns:1fr;gap:32px;padding-top:45px}.matter-index{font-size:58px;line-height:1.3}.matter-index br{display:none}.matter-copy h2{font-size:27px;margin-top:24px}.matter-copy>p{font-size:14px}.matter-layout .liquid-object.liquid-lab{height:570px}.matter-section{padding-bottom:56px}.matter-section .section-top{gap:20px}.matter-section .section-top .overline:last-child{max-width:155px;text-align:right;font-size:9px}.liquid-lab .liquid-canvas{inset:0 0 90px;width:100%;height:calc(100% - 90px)}
 .work-viewer{transform:none}.work-row{padding-block:35px 58px}.work-heading{padding-block:48px}.work-heading h2{font-size:32px}.work-section{padding-bottom:55px}.work-detail{max-width:550px}.feature summary h3{font-size:15px}.feature-type{font-size:10px}.feature-heading p,.feature-detail>p{font-size:14px}
}
@media(max-width:560px){
 :root{--margin:24px}.site-header{gap:12px}.wordmark{font-size:22px}.header-contact{font-size:12px;padding-inline:12px;gap:12px}.menu-button{border:0}.hero.cinema-hero{min-height:730px;max-height:900px}.cinema-hero .hero-copy{padding-top:30px}.cinema-hero h1{font-size:clamp(28px,7.4vw,40px);margin-top:15px;line-height:1.65}.cinema-hero .hero-copy .overline{font-size:8px;letter-spacing:.08em}.cinema-hero .hero-description{font-size:12px;margin-top:17px;line-height:2}.cinema-hero .hero-link{margin-top:17px;font-size:12px;min-height:38px;min-width:183px}.cinema-hero .hero-object[data-hero-orbit]{width:114%;right:-9%;top:62%}.orbit-reticle{top:63%;width:86%;right:0}.orbit-reticle>span{font-size:7px;bottom:3%;right:14%}.cinema-hero .hero-mantra{font-size:12px;top:43%;right:26px;opacity:.72}.cinema-hero .hero-orbit-controls{bottom:83px;right:24px;left:24px;justify-content:flex-end;gap:12px}.hero-impulse b{height:44px;width:44px}.hero-orbit-controls>span,.cinema-hero .hero-orbit-controls>span{font-size:11px}.hero-orbit-controls small{font-size:10px}.cinema-hero .hero-orbit-pause{font-size:11px;min-width:70px;min-height:44px}.cinema-hero .hero-bottom{height:59px}.cinema-hero .hero-bottom>span:first-child{max-width:126px;font-size:7px;letter-spacing:0}.cinema-hero .hero-bottom a{font-size:7px;letter-spacing:.02em}
 .craft-sticky{padding-top:43px}.craft-copy h2{font-size:29px}.craft-copy .overline{font-size:9px}.craft-intro{font-size:13px}.craft-steps{margin-top:24px}.craft-steps li{padding-left:10px;padding-right:8px}.craft-steps h3{font-size:12px;line-height:1.65}.craft-steps p{font-size:10px;line-height:1.85}.craft-copy .arrow-link{font-size:12px}.craft-sticky .engineering-bench{height:390px}.craft-sticky .bench-perspective{inset:38px 0 125px}.craft-sticky .interface-stack{width:79%;max-width:330px}.craft-sticky .surface-plane,.craft-sticky .is-exploded .surface-plane{transform:translateZ(calc(24px + var(--depth) * 63px))}.craft-sticky .logic-plane,.craft-sticky .is-exploded .logic-plane{transform:translateZ(calc(-24px - var(--depth) * 63px))}.craft-sticky .bench-coordinates{font-size:7px}.craft-sticky .bench-bottom{gap:10px;bottom:41px}.craft-sticky .bench-state{font-size:7px;display:block;max-width:175px}.craft-sticky .bench-bottom p{font-size:9px;max-width:170px}.craft-sticky .bench-footnote{font-size:8px;bottom:4px}.craft-sticky .inspect-button{font-size:10px;gap:7px;padding:8px 10px}.craft-sticky .inspect-button svg{width:16px;height:16px}.craft-sticky .plane-label{font-size:8px;top:-21px}.craft-progress{gap:12px;font-size:7px}.craft-progress b{min-width:50px}
 .matter-index{font-size:49px}.matter-copy h2{font-size:26px}.matter-copy>p{font-size:12px}.matter-copy .arrow-link{font-size:12px}.matter-layout .liquid-object.liquid-lab{height:470px}.liquid-lab-heading{font-size:10px}.liquid-mode-list button{min-width:78px;padding-inline:12px}.liquid-help{font-size:10px}.liquid-help>span{max-width:220px}.work-info h3{font-size:29px}.work-promise{font-size:17px}.work-detail{font-size:13px}.viewer-note{font-size:10px;padding-inline:12px}.viewer-top{padding-inline:12px}.viewer-top>span{font-size:9px}.device-controls button{font-size:10px;padding-inline:9px}.feature summary{gap:12px}.feature summary h3{font-size:14px}.feature-heading h2{font-size:29px}.footer-wordmark{margin-inline:0}.preview-label{font-size:7px;padding:4px 7px;bottom:5px}.preview-label span{font-size:8px}
}
@media(max-width:350px){
 :root{--margin:18px}.wordmark{font-size:19px}.site-header{gap:8px}.header-contact{font-size:10px;padding-inline:10px;gap:7px}.menu-button{width:38px;padding:9px}.cinema-hero h1{font-size:25px}.cinema-hero .hero-description{font-size:11px}.hero.cinema-hero{min-height:700px}.cinema-hero .hero-orbit-controls{right:18px;left:18px;gap:9px}.cinema-hero .hero-bottom>span:first-child{max-width:100px}.craft-copy h2{font-size:26px}.craft-sticky .engineering-bench{height:370px}.craft-sticky .interface-stack{width:77%}.craft-sticky .surface-plane,.craft-sticky .is-exploded .surface-plane{transform:translateZ(calc(20px + var(--depth) * 50px))}.craft-sticky .logic-plane,.craft-sticky .is-exploded .logic-plane{transform:translateZ(calc(-20px - var(--depth) * 50px))}.craft-sticky .bench-state{font-size:6px}.craft-sticky .bench-bottom p{font-size:8px;max-width:140px}.craft-sticky .inspect-button{font-size:9px;padding-inline:7px}.craft-sticky .bench-footnote{font-size:7px}.craft-steps h3{font-size:11px}.craft-steps p{font-size:9px}.matter-copy>p{font-size:11px}.liquid-mode-list button{min-width:73px;padding-inline:9px}.feature-type{font-size:9px}.feature summary{gap:8px}.feature summary h3{font-size:13px}.feature-heading h2{font-size:27px}
}
@media(min-width:801px) and (max-height:760px){
 .hero.cinema-hero{min-height:590px}.cinema-hero .hero-copy{padding-bottom:55px}.cinema-hero h1{font-size:clamp(32px,3.6vw,55px);margin-top:18px}.cinema-hero .hero-description{font-size:13px;margin-top:20px}.cinema-hero .hero-services{margin-top:24px}.cinema-hero .hero-link{margin-top:20px}.cinema-hero .hero-orbit-controls{bottom:88px}.motion-enabled .craft-sticky{min-height:570px;padding-block:30px 60px}.craft-copy h2{font-size:30px;margin-top:15px}.craft-intro{font-size:12px;margin-top:13px}.craft-steps{margin-top:16px}.craft-steps li{padding-block:10px}.craft-steps h3{font-size:15px}.craft-steps p{font-size:11px}.craft-copy .arrow-link{margin-top:12px}.craft-sticky .engineering-bench{min-height:460px}.craft-sticky .bench-perspective{bottom:140px}.craft-sticky .interface-stack{width:69%;max-width:430px}
}
.cinema-hero .hero-description br{display:initial}
.craft-sticky .bench-perspective{translate:0 -8px}
@media(min-width:1101px) and (max-width:1599px){
 .craft-sticky .interface-stack,.craft-sticky .engineering-bench.is-exploded .interface-stack{max-width:500px}
 .craft-sticky .surface-plane,.craft-sticky .is-exploded .surface-plane{transform:translateZ(calc(40px + var(--depth) * 75px))}
 .craft-sticky .logic-plane,.craft-sticky .is-exploded .logic-plane{transform:translateZ(calc(-40px - var(--depth) * 75px))}
}
@media(min-width:801px) and (max-width:1100px){
 .craft-sticky .surface-plane,.craft-sticky .is-exploded .surface-plane{transform:translateZ(calc(32px + var(--depth) * 65px))}
 .craft-sticky .logic-plane,.craft-sticky .is-exploded .logic-plane{transform:translateZ(calc(-32px - var(--depth) * 65px))}
}
@media(min-width:561px) and (max-width:800px){
 .craft-sticky .interface-stack,.craft-sticky .engineering-bench.is-exploded .interface-stack{max-width:360px}
 .craft-sticky .surface-plane,.craft-sticky .is-exploded .surface-plane{transform:translateZ(calc(32px + var(--depth) * 64px))}
 .craft-sticky .logic-plane,.craft-sticky .is-exploded .logic-plane{transform:translateZ(calc(-32px - var(--depth) * 64px))}
}
@media(min-width:351px) and (max-width:560px){
 .craft-sticky .interface-stack,.craft-sticky .engineering-bench.is-exploded .interface-stack{width:75%}
 .craft-sticky .surface-plane,.craft-sticky .is-exploded .surface-plane{transform:translateZ(calc(24px + var(--depth) * 53px))}
 .craft-sticky .logic-plane,.craft-sticky .is-exploded .logic-plane{transform:translateZ(calc(-24px - var(--depth) * 53px))}
}
@media(min-width:801px) and (max-height:760px){
 .craft-sticky .interface-stack,.craft-sticky .engineering-bench.is-exploded .interface-stack{width:60%;max-width:375px}
 .craft-sticky .surface-plane,.craft-sticky .is-exploded .surface-plane{transform:translateZ(calc(30px + var(--depth) * 66px))}
 .craft-sticky .logic-plane,.craft-sticky .is-exploded .logic-plane{transform:translateZ(calc(-30px - var(--depth) * 66px))}
}
@media(max-width:800px){.cinema-hero .hero-mantra{display:none}}
@media(max-width:560px){
 .craft-steps{display:block;margin-top:24px}.craft-steps li{display:flex;gap:18px;padding:12px 0 12px 16px}.craft-steps h3{font-size:14px;margin:0}.craft-steps p{font-size:12px;margin-top:4px}.craft-steps li>span{font-size:10px}.craft-sticky .bench-bottom p{line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.cinema-hero .hero-copy,.orbit-scene,.work-viewer{transform:none!important;opacity:1}.motion-enabled .craft-chapter{height:auto;min-height:0}.motion-enabled .craft-sticky{position:relative;top:auto;height:auto;max-height:none}.craft-steps h3{color:#e5edf3}}

/* 03.1 — quieter navigation. No oversized arrows or headline-as-button. */
.header-contact{border-radius:8px;padding:9px 16px;min-height:42px;gap:0;background:#e8ecef;color:#15191c;border:1px solid #e8ecef;transition:background .2s,border-color .2s}
.header-contact:hover{background:#fff;border-color:#fff}
.arrow-link,.craft-copy .arrow-link,.work-info .arrow-link,.feature-heading .arrow-link,.matter-copy .arrow-link{width:fit-content;min-width:0;min-height:44px;gap:0;padding:8px 0;border:0;font-size:14px;font-weight:500;line-height:1.6;color:#c6d0d8;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}
.arrow-link:after{content:none}.arrow-link:hover{color:#fff;text-decoration-color:#8999a6}
.cinema-hero .hero-link{display:inline-flex;width:fit-content;min-width:0;min-height:44px;padding:11px 18px;border:1px solid #e8ecef;border-radius:8px;background:#e8ecef;color:#14191d;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;box-shadow:0 1px 2px #0002;transition:background .2s,border-color .2s}
.cinema-hero .hero-link:hover{background:#fff;border-color:#fff;color:#111;text-decoration:none}
.all-work{justify-content:center;width:fit-content;min-height:44px;padding:10px 18px!important;margin:8px auto 0;border:1px solid #b7c9d02b;border-radius:8px;background:#ffffff05;transition:background .2s,border-color .2s}
.all-work>span:last-child{font-size:14px;font-weight:500}.all-work:hover{border-color:#b7c9d054;background:#ffffff0a}
.pricing-link{justify-content:space-between;gap:24px;transition:border-color .25s}
.pricing-link strong{font-size:20px;line-height:1.6}.pricing-link:hover{color:#f3f6f8;border-color:#c8d8e369}
.viewer-note{gap:0}
.contact-refined{border-top:1px solid var(--line);padding:96px 24px 88px;text-align:center;position:relative}
.contact-refined>.overline{font-size:10px;letter-spacing:.13em;color:#8f9da8}
.contact-refined>h2{font-size:clamp(24px,3.1vw,42px);line-height:1.5;letter-spacing:-.045em;font-weight:500;color:#eceff2;margin:22px 0 0;text-wrap:balance}
.contact-refined>.contact-description{margin:20px auto 0;max-width:590px;font-size:14px;line-height:2;color:#a1aeb8}
.contact-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:30px auto 0}
.action-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:1px solid transparent;border-radius:8px;font-size:14px;line-height:1.5;font-weight:500;transition:background .2s,border-color .2s,color .2s}
.action-primary{background:#e8ecef;border-color:#e8ecef;color:#15191c}.action-primary:hover{background:#fff;border-color:#fff}
.action-secondary{background:#ffffff07;border-color:#c2d1dc26;color:#d0d9e0}.action-secondary:hover{background:#ffffff0c;border-color:#c2d1dc52;color:#fff}
.contact-email{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;font:12px/1.6 var(--mono);color:#95a5b2;text-underline-offset:4px;transition:color .2s}
.contact-email:hover{color:#d4e0e9;text-decoration:underline}
@media(max-width:800px){.contact-refined{padding:72px 12px 64px}.contact-refined>h2{font-size:32px}.contact-refined>.contact-description{font-size:13px}}
@media(max-width:560px){
 .header-contact{font-size:12px;min-height:40px;padding:8px 12px}.cinema-hero .hero-link{font-size:12px;min-height:42px;padding:10px 15px}
 .arrow-link,.craft-copy .arrow-link,.work-info .arrow-link,.feature-heading .arrow-link,.matter-copy .arrow-link{font-size:13px}
 .all-work{width:100%;margin-top:5px}.all-work>span:last-child{font-size:13px}.pricing-link{flex-direction:column;align-items:flex-start;gap:7px;padding-block:24px}.pricing-link strong{font-size:19px}
 .contact-refined{padding:60px 0 54px}.contact-refined>h2{font-size:clamp(23px,6.2vw,29px);letter-spacing:-.055em;margin-top:17px}.contact-refined>.contact-description{font-size:13px;line-height:1.95;max-width:335px;margin-top:18px}.contact-description br{display:none}
 .contact-actions{gap:10px;margin-top:25px}.action-button{font-size:12px;min-height:44px;padding:10px 15px}.contact-email{font-size:11px;margin-top:15px}
}
@media(max-width:350px){.header-contact{font-size:11px;padding-inline:10px}.contact-actions{flex-direction:column;align-items:stretch;max-width:260px}.contact-refined>.contact-description{font-size:12px}.contact-refined>h2{font-size:23px}.contact-email{font-size:10px}}