:root{--bg:#07080a;--surface:#0d0e11;--text:#f1f1ef;--muted:#a5a7aa;--silver:#d7dade;--gold:#c9a35c;--pad:clamp(22px,5.5vw,94px)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}button{font:inherit}.ambient-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:110px;display:flex;align-items:center;padding:0 var(--pad);gap:34px}.ambient-header__logo{width:88px}.ambient-header__logo img{display:block;width:100%}.ambient-header__trace{height:1px;flex:1;background:linear-gradient(90deg,rgba(215,218,222,.32),rgba(201,163,92,.18),transparent)}.ambient-nav{display:flex;gap:clamp(18px,2.3vw,38px)}.ambient-nav a,.ambient-header__cta{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.ambient-nav a{color:#b8b9bb}.ambient-header__cta{padding:12px 17px;border:1px solid rgba(215,218,222,.28)}.ambient-nav a:hover,.ambient-header__cta:hover{color:var(--gold)}
.ambient-hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate}.ambient-hero__media,.ambient-hero__media img,.ambient-hero__media>span{position:absolute;inset:0;width:100%;height:100%}.ambient-hero__media img{object-fit:cover}.hero-base{filter:brightness(.76)}.hero-light{opacity:0;filter:brightness(.92);clip-path:inset(0)}.hero-light--dash{clip-path:polygon(35% 38%,83% 37%,82% 58%,35% 58%);animation:awaken 1.6s .15s cubic-bezier(.2,.7,.2,1) forwards}.hero-light--doors{clip-path:polygon(0 35%,36% 38%,36% 77%,0 82%,82% 38%,100% 34%,100% 82%,81% 75%);animation:awaken 1.5s .35s cubic-bezier(.2,.7,.2,1) forwards}.hero-light--console{clip-path:polygon(42% 53%,58% 53%,62% 84%,39% 84%);animation:awaken 1.4s .55s cubic-bezier(.2,.7,.2,1) forwards}.ambient-hero__media>span{background:linear-gradient(90deg,rgba(4,5,7,.84),rgba(4,5,7,.24) 46%,rgba(4,5,7,.04) 72%),linear-gradient(0deg,rgba(4,5,7,.55),transparent 52%)}@keyframes awaken{to{opacity:1}}.ambient-hero__word{position:absolute;right:-2vw;top:19%;z-index:-1;color:rgba(215,218,222,.035);font:600 clamp(130px,25vw,390px)/.8 Manrope,sans-serif;letter-spacing:-.09em}.ambient-hero__copy{position:relative;z-index:2;width:min(680px,45vw);margin-left:var(--pad);padding-top:clamp(150px,16vh,210px);opacity:0;translate:0 12px;animation:copyin .8s .72s ease forwards}@keyframes copyin{to{opacity:1;translate:0 0}}.marker,.micro{margin:0;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.rule{display:block;width:clamp(62px,7vw,112px);height:1px;margin:18px 0 25px;background:linear-gradient(90deg,var(--silver),var(--gold))}.ambient-hero h1{margin:0;font:600 clamp(54px,7vw,110px)/.78 Manrope,sans-serif;letter-spacing:-.075em}.ambient-hero h1 span{color:rgba(241,241,239,.74);font-size:.67em;letter-spacing:-.045em}.hero-statement{margin:clamp(22px,3vh,42px) 0 0;font:500 clamp(25px,2.7vw,43px)/1.04 Manrope,sans-serif;letter-spacing:-.04em}.ambient-hero__copy>p:not(.marker):not(.hero-statement){max-width:570px;margin:20px 0 0;color:#b4b6b9;font-size:clamp(12px,1vw,15px);line-height:1.72}.actions{display:flex;gap:12px;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 21px;border:1px solid rgba(215,218,222,.28);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.button--primary{background:var(--text);color:#08090a;border-color:var(--text)}.button:hover{border-color:var(--gold);color:var(--gold)}.button--primary:hover{background:var(--gold);color:#08090a}
.comparison-section,.color-section,.zones-section,.detail-section,.control-section{padding:clamp(100px,12vw,190px) var(--pad)}.section-intro{max-width:920px}.section-intro h2,.detail-copy h2,.install-copy h2,.control-copy h2,.ambient-closing h2{margin:0;font:500 clamp(42px,5.4vw,84px)/.95 Manrope,sans-serif;letter-spacing:-.06em}.light-compare{--reveal:50%;position:relative;aspect-ratio:16/8.5;margin-top:clamp(55px,7vw,105px);overflow:hidden;background:#090a0c;touch-action:pan-y}.light-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.light-compare__on{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.compare-label{position:absolute;top:26px;z-index:3;font-size:9px;letter-spacing:.15em;text-shadow:0 2px 10px #000}.compare-label--off{right:28px}.compare-label--on{left:28px}.compare-line{position:absolute;z-index:4;left:var(--reveal);top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--silver) 25%,var(--gold) 58%,transparent)}.compare-cursor{--x:50%;--y:50%;position:absolute;z-index:5;left:0;top:0;padding:7px 10px;background:rgba(7,8,10,.76);border:1px solid rgba(215,218,222,.25);font-size:8px;letter-spacing:.14em;translate:var(--x) var(--y);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.compare-cursor b{color:var(--gold);margin-left:6px}.comparison-copy,.color-copy{max-width:690px;margin:clamp(52px,6vw,90px) 0 0 auto}.comparison-copy h3,.color-copy h3{margin:17px 0 0;font:500 clamp(37px,4.7vw,70px)/.98 Manrope,sans-serif;letter-spacing:-.055em}.comparison-copy>p:last-child,.color-copy>p,.detail-copy>p:not(.marker):not(.micro),.control-copy>p:not(.marker){color:var(--muted);font-size:14px;line-height:1.75}.color-section{background:#0a0b0e}.color-stage{position:relative;margin-top:clamp(55px,7vw,105px)}.color-images{position:relative;aspect-ratio:16/9;overflow:hidden;transform:translate3d(var(--stage-x,0),var(--stage-y,0),0)}.color-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .58s ease}.color-images img.is-active{opacity:1}.color-controls{display:flex;justify-content:center;gap:clamp(12px,3vw,44px);padding-top:28px}.color-controls button{display:flex;align-items:center;gap:9px;padding:10px 4px;color:#85878a;background:none;border:0;cursor:pointer;font-size:9px;font-weight:600;letter-spacing:.15em}.color-controls button i{width:7px;height:7px;border-radius:50%;background:#72a9ff;box-shadow:0 0 0 4px transparent}.color-controls button:nth-child(2) i{background:#9a52d7}.color-controls button:nth-child(3) i{background:#b94639}.color-controls button:nth-child(4) i{background:#39aab1}.color-controls button:nth-child(5) i{background:#d2a65d}.color-controls button:hover,.color-controls button.is-active{color:var(--text)}.color-controls button.is-active i{box-shadow:0 0 0 4px rgba(215,218,222,.12),0 0 13px currentColor}.color-controls button:focus-visible{outline:1px solid var(--gold);outline-offset:5px}
.zones-section{overflow:hidden}.zones-scene{position:relative;min-height:clamp(650px,61vw,930px);margin-top:70px}.zones-scene>img{position:absolute;inset:8% 12%;width:76%;height:84%;object-fit:cover;filter:brightness(.72)}.zone{position:absolute;width:min(270px,22vw)}.zone b{font:600 10px Manrope,sans-serif;letter-spacing:.15em;color:var(--gold)}.zone p{margin:9px 0 0;color:#9fa1a5;font-size:11px;line-height:1.55}.zone--doors{left:0;top:15%}.zone--dash{right:0;top:17%}.zone--console{right:0;bottom:12%}.zone--foot{left:0;bottom:10%}.zone:after{content:"";position:absolute;top:7px;width:clamp(35px,7vw,120px);height:1px;background:linear-gradient(90deg,rgba(201,163,92,.8),transparent)}.zone--doors:after,.zone--foot:after{left:calc(100% + 14px)}.zone--dash:after,.zone--console:after{right:calc(100% + 14px);transform:scaleX(-1)}.zone-glow{position:absolute;z-index:2;opacity:0;pointer-events:none;background:rgba(226,175,80,.13);filter:blur(18px)}.zone-glow--door{inset:38% 9% 24%}.zone-glow--dash{left:32%;right:25%;top:41%;height:12%}.zone-glow--console{left:43%;right:42%;top:54%;height:31%}.zone-glow--foot{left:28%;right:23%;bottom:9%;height:22%}.motion-ready .zones-scene.zone-live .zone-glow{animation:zonein .65s ease forwards}.motion-ready .zones-scene.zone-live .zone-glow--dash{animation-delay:.12s}.motion-ready .zones-scene.zone-live .zone-glow--console{animation-delay:.24s}.motion-ready .zones-scene.zone-live .zone-glow--foot{animation-delay:.36s}@keyframes zonein{to{opacity:1}}
.detail-section{background:#090a0d}.detail-copy{max-width:860px}.detail-copy .micro{margin-top:24px}.detail-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:12px;margin-top:70px}.inspect{position:relative;height:clamp(320px,38vw,570px);margin:0;overflow:hidden;background:#101114}.inspect img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;transform:scale(1.5) translate(var(--ix,0),var(--iy,0))}.inspect:first-child img{object-position:left center}.inspect:nth-child(2) img{object-position:center}.inspect:nth-child(3) img{object-position:55% 70%}.inspect figcaption{position:absolute;left:18px;bottom:17px;padding-top:8px;border-top:1px solid rgba(215,218,222,.32);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.install-section{position:relative;min-height:clamp(720px,68vw,1000px);display:flex;align-items:center;overflow:hidden;isolation:isolate}.install-media{position:absolute;inset:0;z-index:-1}.install-media img{width:100%;height:100%;object-fit:cover}.install-media span{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,9,.96),rgba(6,7,9,.73) 37%,rgba(6,7,9,.12) 70%),linear-gradient(0deg,rgba(6,7,9,.54),transparent)}.install-copy{width:min(650px,43vw);margin-left:var(--pad)}.install-copy>p:not(.marker):not(.micro){color:#b2b4b7;font-size:14px;line-height:1.72}.install-copy .micro{margin-top:22px}.install-copy>a{display:inline-block;margin-top:28px;padding-bottom:7px;border-bottom:1px solid rgba(215,218,222,.3);font-size:11px}.control-section{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(60px,9vw,150px);align-items:end}.control-copy{max-width:780px}.control-concepts{border-top:1px solid rgba(215,218,222,.18)}.control-concepts span{display:flex;justify-content:space-between;padding:23px 3px;border-bottom:1px solid rgba(215,218,222,.12);color:#74767a;font-size:9px;letter-spacing:.14em}.control-concepts b{color:var(--text)}.payoff{position:relative;height:min(88vw,1000px);min-height:650px;overflow:hidden}.payoff img{width:100%;height:100%;object-fit:cover}.payoff span{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,9,.62),transparent 55%),linear-gradient(0deg,rgba(6,7,9,.5),transparent 50%)}.payoff p{position:absolute;left:var(--pad);bottom:clamp(55px,8vw,120px);margin:0;font:500 clamp(48px,7vw,110px)/.9 Manrope,sans-serif;letter-spacing:-.06em}.ambient-closing{min-height:720px;display:flex;align-items:center;padding:clamp(120px,14vw,210px) var(--pad);background:radial-gradient(circle at 75% 45%,rgba(92,55,140,.14),transparent 34%),#08090b}.ambient-closing>div{width:min(900px,80vw);margin-left:clamp(0px,7vw,120px)}.ambient-closing>div>p{max-width:650px;color:var(--muted);font-size:14px;line-height:1.75}.related{display:flex;flex-wrap:wrap;gap:15px 26px;margin-top:55px;padding-top:22px;border-top:1px solid rgba(215,218,222,.12)}.related span{width:100%;color:var(--gold);font-size:8px;letter-spacing:.16em;text-transform:uppercase}.related a{color:#96989b;font-size:9px;letter-spacing:.13em}.related a:hover{color:var(--text)}
.ambient-footer{padding:0 var(--pad) 30px;background:#08090b}.ambient-footer__rule{display:block;height:1px;background:linear-gradient(90deg,rgba(215,218,222,.16),rgba(215,218,222,.62) 18%,rgba(201,163,92,.5) 60%,rgba(215,218,222,.08))}.ambient-footer__grid{display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:clamp(46px,8vw,130px);padding:clamp(64px,8vw,118px) 0}.ambient-footer__identity img{width:clamp(132px,12vw,180px)}.ambient-footer__identity p{font:500 clamp(18px,1.7vw,24px) Manrope,sans-serif}.ambient-footer__identity small{display:block;max-width:390px;color:var(--muted);line-height:1.7}.ambient-footer nav,.ambient-footer__contact{display:flex;align-items:flex-start;flex-direction:column;gap:15px}.ambient-footer nav p,.ambient-footer__contact p{margin:0 0 11px;color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.16em}.ambient-footer nav a,.ambient-footer__contact a{color:var(--muted);font-size:13px}.ambient-footer__bottom{display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid rgba(215,218,222,.09)}.ambient-footer__bottom nav{flex-direction:row}.ambient-footer__bottom a{color:#7f8287;font-size:10px}.motion-ready .reveal{opacity:var(--progress,0);translate:0 calc((1 - var(--progress,0))*18px)}
@media(hover:hover) and (pointer:fine){.motion-ready .light-compare{cursor:none}.light-compare.is-active .compare-cursor{opacity:1}}
@media(max-width:900px){.ambient-nav{display:none}.ambient-header__cta{margin-left:auto}.ambient-hero__copy{width:min(700px,78vw)}.ambient-hero__media img{object-position:58% center}.light-compare{aspect-ratio:4/3}.zones-scene>img{inset:12% 7%;width:86%;height:74%}.zone{width:28vw}.detail-grid{grid-template-columns:1fr 1fr}.inspect:first-child{grid-column:1/-1}.control-section{grid-template-columns:1fr}.control-concepts{max-width:580px}.ambient-footer__grid{grid-template-columns:1.4fr .7fr}.ambient-footer__contact{grid-column:1/-1}}
@media(max-width:560px){.ambient-header{height:84px}.ambient-header__logo{width:74px}.ambient-header__cta{display:none}.ambient-hero{min-height:900px;display:flex;align-items:flex-end}.ambient-hero__media{height:52%;bottom:auto}.ambient-hero__media img{object-position:center top}.ambient-hero__media>span{background:linear-gradient(0deg,#07080a,transparent 70%)}.ambient-hero__copy{width:auto;margin:0 var(--pad);padding:450px 0 65px}.ambient-hero h1{font-size:clamp(48px,15vw,72px)}.actions{flex-direction:column}.button{width:100%}.comparison-section,.color-section,.zones-section,.detail-section,.control-section{padding-top:92px;padding-bottom:92px}.section-intro h2,.detail-copy h2,.install-copy h2,.control-copy h2,.ambient-closing h2{font-size:clamp(36px,10vw,50px)}.light-compare{aspect-ratio:1/1}.light-compare img{object-fit:cover}.color-stage{margin-left:calc(var(--pad)*-1);margin-right:calc(var(--pad)*-1)}.color-images{aspect-ratio:1/1}.color-images img{object-position:center}.color-controls{justify-content:flex-start;gap:12px;padding:20px var(--pad) 0;overflow-x:auto}.color-controls button{flex:0 0 auto}.zones-scene{display:flex;min-height:0;flex-direction:column;padding-top:300px;gap:25px}.zones-scene>img{inset:0;width:100%;height:280px}.zone,.zone--doors,.zone--dash,.zone--console,.zone--foot{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;padding-bottom:20px;border-bottom:1px solid rgba(215,218,222,.1)}.zone:after,.zone-glow{display:none}.detail-grid{grid-template-columns:1fr}.inspect,.inspect:first-child{grid-column:auto;height:340px}.install-section{display:flex;min-height:0;flex-direction:column}.install-media{position:relative;height:390px}.install-media img{object-position:58% center}.install-media span{background:linear-gradient(0deg,#07080a,transparent 55%)}.install-copy{width:auto;padding:48px var(--pad) 92px;margin:0}.payoff{min-height:620px}.payoff img{object-position:center}.ambient-closing{min-height:700px}.ambient-closing>div{width:100%;margin:0}.ambient-footer__grid{grid-template-columns:1fr}.ambient-footer__contact{grid-column:auto}.ambient-footer__bottom{align-items:flex-start;flex-direction:column;gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-light{opacity:1}.ambient-hero__copy{opacity:1;translate:0}.motion-ready .reveal{opacity:1;translate:0}.color-images{transform:none}.zone-glow{display:none}}