@view-transition{navigation:auto}
::view-transition-old(root){animation:scene-out .25s ease both}
::view-transition-new(root){animation:scene-in .5s cubic-bezier(.2,.7,.2,1) both}
:root{--scene-blue:#69b4ff;--scroll-progress:0;--scene-accent:116,170,255}
body{background:#070b12}
.site-header{background:#080d16df;border-bottom-color:#abcaff16}
.site-header::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:linear-gradient(90deg,#3676ff,#a9dcff);transform:scaleX(var(--scroll-progress));transform-origin:left;box-shadow:0 0 10px #609bff60;pointer-events:none}
.header-inner{min-height:84px;gap:22px}
.brand{position:relative;transition:filter .4s}
.brand:hover{filter:drop-shadow(0 0 8px #6cb1ff60)}
.site-header nav{margin-left:auto;gap:30px}
.site-header nav>.nav-project{display:none}
.site-header nav>a{font-size:12px;position:relative}
.site-header nav>a::before{content:"";position:absolute;bottom:-13px;left:0;width:100%;height:1px;background:#b4d7ff;transform:scaleX(0);transform-origin:right;transition:transform .35s}
.site-header nav>a:hover::before{transform:scaleX(1);transform-origin:left}
.site-header nav>a[aria-current]::after{height:1px;background:#9bd0ff;box-shadow:0 0 8px #8fc9ff80;width:100%;bottom:-13px}
.motion-button{border:1px solid #34465d;background:#0d1724;padding:8px 11px;display:inline-flex;gap:8px;align-items:center;min-height:35px;color:#b7cce8;font-size:9px;white-space:nowrap;margin-left:8px;transition:border-color .25s}
.motion-button:hover{border-color:#8bbfff}
.motion-button>[data-motion-icon]{font-size:12px;line-height:1;width:10px}
.hero.future-hero{background:#060b13}
.road-world{position:absolute;inset:-2%;z-index:-3;transform:translate3d(var(--road-x,0px),var(--road-y,0px),0) scale(1.035);will-change:transform;animation:world-drift 22s ease-in-out infinite alternate}
.road-world .hero-background{z-index:0;object-position:center;filter:brightness(.76) saturate(.85)}
.road-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;mix-blend-mode:screen}
.road-horizon{position:absolute;right:8%;top:20%;width:36%;height:13%;background:radial-gradient(ellipse,#4b97ff20,transparent 65%);filter:blur(18px);animation:horizon-breathe 8s ease-in-out infinite;z-index:2;pointer-events:none}
.future-hero .hero-shade{background:linear-gradient(90deg,#070b12e8,#070b12ae 26%,#070b1240 56%,transparent 80%),linear-gradient(0deg,#070b12,transparent 18%,#070b1230 82%,#070b1299)}
.future-hero .hero-inner{min-height:calc(100svh - 84px);max-height:1100px;padding:65px 0 100px;justify-content:center}
.future-hero .hero-copy{max-width:780px;animation:none;position:relative;z-index:2}
.future-hero h1{font-size:clamp(72px,7.8vw,124px);font-weight:400;line-height:.99;letter-spacing:-.072em;margin-bottom:32px}
.future-hero .headline-line{display:block;animation:headline-arrive 1.2s cubic-bezier(.16,.8,.24,1) both;color:#f1f5fc}
.future-hero .headline-line:nth-child(2){animation-delay:.13s}
.future-hero .headline-line:nth-child(3){animation-delay:.25s}
.future-hero .future-word{font-size:1.34em;line-height:1.03;letter-spacing:-.075em;background:linear-gradient(110deg,#fff 0%,#cee6ff 20%,#74b3ff 56%,#4f82c8 80%,#afd8ff);background-size:180% 100%;color:#b2d8ff;background-clip:text;-webkit-text-fill-color:transparent;animation:headline-arrive 1.3s .25s both,word-light 12s 2s ease-in-out infinite alternate}
.future-hero .title-period{-webkit-text-fill-color:#5aaaff}
.future-hero .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:27px;color:#aac5e9;animation:scene-in 1s ease both}
.future-hero .hero-lead{font-size:15px;line-height:1.85;color:#afc0d7;max-width:400px;margin-bottom:28px;animation:scene-in 1.1s .3s ease both}
.future-hero .actions{animation:scene-in 1.1s .4s ease both}
.future-hero .hero-bottom{bottom:28px;padding-top:20px;font-size:10px;letter-spacing:.025em;color:#9eafc6;border-top-color:#87b9f32b}
.horizon-label{position:absolute;right:6%;top:24%;display:flex;align-items:center;gap:12px;color:#9bb5d8;font-size:8px;letter-spacing:.15em}
.horizon-label>span{width:42px;height:1px;background:#729dcb66}
.scroll-indicator{width:14px;height:24px;display:inline-block;border:1px solid #85a7d078;border-radius:10px;position:relative}
.scroll-indicator::after{content:"";position:absolute;top:5px;left:5px;width:2px;height:5px;background:#a6d1ff;border-radius:2px;animation:scroll-tick 2.8s infinite}
.button{position:relative;overflow:hidden;isolation:isolate;transition:background .3s,border-color .3s,transform .4s,box-shadow .4s}
.button-primary{background:linear-gradient(120deg,#c1ddff,#80b5fa);border-color:#b3d5ff;box-shadow:inset 0 1px #e2f2ff,0 0 25px #2863cb14;color:#07182d;min-height:52px;padding-inline:23px}
.button-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,#fff9,transparent 85%);transform:translateX(-150%);transition:transform .65s;z-index:-1}
.button-primary:hover{box-shadow:0 0 36px #559bff3b;background:#bddbff;transform:translateY(-3px)}
.button-primary:hover::after{transform:translateX(150%)}
.text-link>span,.button>span{transition:transform .3s}
.text-link:hover>span,.button:hover>span{transform:translate(2px,-2px)}
.connection-section{position:relative;isolation:isolate;padding:130px 0 150px;overflow:hidden;background:radial-gradient(ellipse at 70% 110%,#10274640,transparent 70%)}
.connection-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px 110px;align-items:end}
.connection-grid>.eyebrow{grid-column:1/-1;margin-bottom:10px}
.connection-grid h2{font-size:clamp(37px,4vw,63px);line-height:1.16;font-weight:400;letter-spacing:-.05em;margin-bottom:0}
.connection-grid h2>span{color:#7b91b0}
.connection-grid>div{max-width:360px;padding-bottom:4px}
.connection-grid p:not(.eyebrow){font-size:13px;line-height:1.9;color:#a7b7ce}
.connection-grid .text-link{margin-top:5px}
.connection-thread{position:absolute;bottom:-2px;left:0;width:100%;height:200px;z-index:-1;opacity:.7;overflow:visible}
.connection-thread path{fill:none}
.thread-base{stroke:#659bd228;stroke-width:1}
.thread-light{stroke:#77bfff;stroke-width:1;stroke-dasharray:70 1700;stroke-dashoffset:1800;animation:connection-flow 14s linear infinite;filter:drop-shadow(0 0 4px #278cff)}
.work-section{position:relative;background:linear-gradient(#080d16,#090f19 80%,#0b111d);border-top:1px solid #9ab6db12;padding:110px 0 130px}
.section-heading h2{font-weight:400;letter-spacing:-.05em;line-height:1.08}
.section-heading-row{margin-bottom:45px}
.section-heading-row .section-intro{max-width:460px}
.showroom{--environment-color:85,135,97;position:relative;isolation:isolate}
.showroom[data-environment=fishing]{--environment-color:80,151,188}
.showroom[data-environment=camping]{--environment-color:201,151,90}
.showroom-toolbar{border:0;margin-bottom:20px;align-items:center}
.preset-tabs{border:1px solid #34445c88;padding:5px;background:#111b2d80;border-radius:100px;gap:0;flex-shrink:0}
.preset-tabs button{position:relative;min-height:57px;padding:8px 27px;font-size:13px;border:1px solid transparent;border-radius:100px;text-align:center;color:#9daec4;transition:background .5s,color .3s,box-shadow .4s}
.preset-tabs button>span{font-size:8px;color:#9bacc3;margin-top:2px}
.preset-tabs button[aria-selected=true]{background:#2a3e5b;border:1px solid #8fb9ef55;color:#f1f6ff;box-shadow:0 0 22px #3865a020,inset 0 1px #a9c5ef20}
.view-controls{border-radius:100px;padding:4px;margin-bottom:0;border-color:#3a4960}
.view-controls button{font-size:9px;border-radius:30px;min-height:30px;padding:6px 13px}
.view-controls button[aria-pressed=true]{background:#273b57}
.showroom-stage{position:relative;isolation:isolate;overflow:hidden;padding:36px 66px 33px;border:1px solid #6e90ba44;background:#091421;border-radius:16px;transition:border-color .7s}
.showroom-stage::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#070d1880,#070c18e6 90%),radial-gradient(ellipse at 50% 80%,rgba(var(--environment-color),.3),transparent 75%);pointer-events:none}
.environment-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none}
.environment-backdrop>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;filter:brightness(.6) saturate(.6);transform:scale(1.08);transition:opacity 1.2s ease,transform 5s ease}
.showroom[data-environment=hunting] [data-landscape=hunting],.showroom[data-environment=fishing] [data-landscape=fishing],.showroom[data-environment=camping] [data-landscape=camping]{opacity:1;transform:scale(1)}
.preset-panel{position:relative;z-index:1;perspective:1800px}
.preview-caption{margin-bottom:33px;color:#dbe6f8;font-size:10px}
.preview-caption>.status{background:#07111dc9;border:1px solid #a3badb40;padding:7px 11px;border-radius:50px}
.browser-frame{max-width:880px;border:1px solid #9cb8da80;border-radius:10px 10px 5px 5px;transform:rotateX(3deg) rotateY(-4deg) rotateZ(-1deg);box-shadow:22px 32px 80px #0009,0 0 80px rgba(var(--environment-color),.16);transition:transform 1s cubic-bezier(.18,.7,.2,1),max-width .6s cubic-bezier(.2,.8,.2,1),box-shadow .8s;transform-style:preserve-3d}
.showroom:hover .browser-frame,.showroom:focus-within .browser-frame{transform:rotateX(0) rotateY(0) rotateZ(0)}
.browser-bar{background:#131d2d;height:32px;border-color:#7a98bf40;font-size:8px}
.preview-viewport{background:#e7e9e5}
.preview-bottom{margin-top:38px}
.preview-bottom p{color:#becbdd;font-size:12px;line-height:1.8}
.preview-bottom .text-link{color:#e0edff}
.preview-note{font-size:10px;max-width:700px;text-align:center;margin:19px auto 0;color:#9eaec5}
.showroom-stage[data-screen=mobile] .browser-frame{border-radius:24px;border-color:#7f9dbb;border-width:5px;max-width:270px}
.showroom-stage[data-screen=mobile] .preview-viewport{aspect-ratio:390/844}
.preset-panel.is-entering .browser-frame{animation:showroom-arrive .85s cubic-bezier(.2,.8,.2,1) both}
.preset-panel.is-entering .preview-bottom{animation:scene-in .7s .08s both}
.architecture-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 24% 50%,#12305b50,transparent 50%),#080d16;border-top:1px solid #8eb4e122;padding:110px 0 90px}
.architecture-heading .section-heading{margin-bottom:5px}
.architecture{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center;--core-hue:210}
.architecture[data-focus=design]{--core-hue:235}
.architecture[data-focus=commerce]{--core-hue:185}
.architecture-core{position:relative;isolation:isolate;aspect-ratio:1.15;display:grid;place-items:center}
.architecture-core::before{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(ellipse,hsla(var(--core-hue),80%,60%,.15),transparent 65%);filter:blur(12px);transition:background 1s}
.architecture-core>img{width:62%;position:relative;z-index:2;filter:drop-shadow(0 12px 30px #000);animation:emblem-float 8s ease-in-out infinite}
.core-ring{position:absolute;width:80%;height:80%;border:1px solid #5d92d543;border-radius:50%;transform:rotate(-25deg) scaleY(.6);box-shadow:inset 0 0 18px #518bdf08}
.core-ring-one{animation:orbit-one 24s linear infinite}
.core-ring-two{width:98%;height:98%;border-color:#6c9bce28;transform:rotate(30deg) scaleY(.5);animation:orbit-two 32s linear infinite}
.core-ring-three{width:61%;height:61%;border:1px dashed #6aa6f32f;transform:rotate(85deg) scaleY(.72);animation:orbit-three 45s linear infinite}
.core-connections{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
.core-connections>path{fill:none;stroke:#8dc5ff;stroke-width:1;stroke-dasharray:30 900;animation:core-flow 11s linear infinite;filter:drop-shadow(0 0 5px #2284ff)}
.core-connections>path:nth-child(2){animation-delay:-4s;opacity:.5}
.core-connections>path:nth-child(3){animation-delay:-8s;opacity:.5}
.core-caption{position:absolute;bottom:7%;font-size:8px;letter-spacing:.18em;color:#8fa9ce;text-align:center}
.architecture-controls{padding-top:10px}
.architecture-controls button{display:flex;gap:20px;align-items:center;width:100%;text-align:left;border:0;border-top:1px solid #3c4b624d;background:transparent;padding:24px 2px;color:#a6b7cf;transition:background .4s,padding .4s}
.architecture-controls button>span:nth-child(2){display:block}
.architecture-controls strong{display:block;font-size:30px;letter-spacing:-.04em;font-weight:400;line-height:1.15;color:#adbad0;transition:color .4s}
.architecture-controls button>span:nth-child(2)>span{display:block;font-size:11px;margin-top:9px;color:#8fa1bc}
.principle-orb{width:5px;height:5px;border-radius:100%;background:#466184;box-shadow:0 0 0 6px #4f78b112;transition:background .4s,box-shadow .4s;flex-shrink:0}
.principle-arrow{margin-left:auto;font-size:19px;color:#6e87a9;transition:transform .4s,color .4s}
.architecture-controls button[aria-pressed=true]{padding-inline:12px;background:linear-gradient(90deg,#16335850,transparent)}
.architecture-controls button[aria-pressed=true] strong{color:#f0f5ff}
.architecture-controls button[aria-pressed=true] .principle-orb{background:#b4d8ff;box-shadow:0 0 0 6px #5997f224,0 0 18px #5c9dff}
.architecture-controls button[aria-pressed=true] .principle-arrow{color:#bddbff;transform:rotate(45deg)}
.architecture-description{font-size:12px;line-height:1.9;max-width:370px;min-height:70px;margin:25px 0 0 27px;color:#a5b6cf}
.origins-section{border-top:1px solid #9bb5d41a;background:radial-gradient(ellipse at 80% 100%,#10294b55,transparent 60%)}
.origins-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:100px;align-items:center}
.origins-grid h2{font-weight:400;font-size:clamp(38px,4.6vw,70px);line-height:1.12;margin-bottom:0}
.origins-grid h2>span{color:#8eaed7}
.origins-grid>div:nth-child(2)>p{font-size:14px;line-height:1.9;max-width:350px}
.closing{background:radial-gradient(ellipse at 75% 160%,#15457770,transparent 70%),#0a101b}
.closing-line{animation:closing-glow 8s ease-in-out infinite alternate}
.footer-top .brand{opacity:.85}
.page-hero{background:radial-gradient(ellipse at 100% 80%,#122f5660,transparent 65%),#080d16;isolation:isolate}
.page-hero::before{content:"";position:absolute;right:-16%;top:10%;width:70%;height:140%;border:1px solid #649ce12a;border-radius:50%;transform:rotate(-32deg) scaleY(.48);z-index:-1;animation:interior-orbit 30s ease-in-out infinite alternate;pointer-events:none}
.page-hero::after{content:"";position:absolute;right:-16%;top:10%;width:70%;height:140%;border:1px solid #90c6ff55;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;transform:rotate(-32deg) scaleY(.48);z-index:-1;animation:interior-orbit 30s ease-in-out infinite alternate;pointer-events:none;filter:drop-shadow(0 0 10px #3c84e166)}
.page-hero h1{animation:headline-arrive .9s cubic-bezier(.2,.7,.2,1) both;font-weight:400}
.page-hero .eyebrow,.page-hero .lead,.page-hero .page-hero-bottom{animation:scene-in .9s .1s both}
.preset-grid{gap:2px;overflow:hidden;border-radius:10px;border:1px solid #4b668533}
.preset-card{position:relative;overflow:hidden}
.preset-image{aspect-ratio:.7}
.preset-image::after{background:linear-gradient(0deg,#08101ff5 0%,#08101f80 35%,transparent 65%)}
.preset-copy{position:absolute;bottom:0;left:0;right:0;padding:30px;pointer-events:none}
.preset-copy .status{color:#d1ddec;font-size:8px}
.preset-copy h3{font-size:38px;font-weight:400;color:#f3f7ff;margin:13px 0}
.preset-copy p{color:#c0cee0;font-size:11px}
.preset-image .image-index{top:28px;left:29px;bottom:auto;font-size:8px;letter-spacing:.13em}
.card-arrow{background:#0a162766;border-radius:50%;border-color:#d7e7ff50;top:22px;right:22px;transition:transform .4s,background .4s}
.preset-link:hover .card-arrow{transform:rotate(45deg);background:#3c6fa466}
.approach-list article{padding:27px 0;border-top:1px solid #29374d}
.approach-list article:first-child{padding-top:0;border-top:0}
.approach-list h3{font-size:23px;margin-bottom:15px}
.approach-list p{font-size:13px;line-height:1.9;margin-bottom:0}
.preset-story-image{border-radius:8px}
.preset-story h2{font-weight:400}
.brand-art{background:radial-gradient(ellipse at 60% 45%,#18385b,#0b1523 48%,#080d15 75%);border-color:#38567b4f;border-radius:12px}
.brand-art .orbital-one{animation:orbit-one 28s linear infinite}
.brand-art .orbital-two{animation:orbit-two 36s linear infinite}
.brand-art>img{animation:emblem-float 8s ease-in-out infinite}
.contact-card{border-radius:12px;position:relative;overflow:hidden}
.contact-card::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#9ccbff99,transparent)}
.playground{border-radius:12px}
.reveal-enabled [data-reveal]{transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.reveal-enabled [data-reveal]:not(.is-revealed){opacity:0;transform:translate3d(0,24px,0)}
.reveal-enabled [data-reveal].is-revealed{opacity:1;transform:translate3d(0,0,0)}
.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;scroll-behavior:auto!important}
.motion-off .road-world{transform:none;will-change:auto}
.motion-off [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
.motion-off .browser-frame{transform:none!important}
@keyframes headline-arrive{from{opacity:0;transform:translate3d(0,38px,0);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes scene-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes scene-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes world-drift{from{transform:translate3d(calc(var(--road-x,0px) - 5px),calc(var(--road-y,0px) + var(--road-scroll,0px) - 3px),0) scale(var(--road-scale,1.035))}to{transform:translate3d(calc(var(--road-x,0px) + 5px),calc(var(--road-y,0px) + var(--road-scroll,0px) + 3px),0) scale(var(--road-scale,1.035))}}
@keyframes horizon-breathe{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}
@keyframes word-light{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes scroll-tick{0%,100%{transform:translateY(0);opacity:.3}40%{opacity:1}70%{transform:translateY(6px);opacity:0}}
@keyframes connection-flow{to{stroke-dashoffset:-1700}}
@keyframes showroom-arrive{from{opacity:0;transform:translate3d(0,22px,0) rotateX(5deg) rotateY(-5deg) scale(.97)}to{opacity:1;transform:translate3d(0,0,0) rotateX(3deg) rotateY(-4deg) rotateZ(-1deg) scale(1)}}
@keyframes orbit-one{0%{transform:rotate(-25deg) scaleY(.6)}50%{transform:rotate(5deg) scaleY(.48)}100%{transform:rotate(-25deg) scaleY(.6)}}
@keyframes orbit-two{0%{transform:rotate(30deg) scaleY(.5)}50%{transform:rotate(65deg) scaleY(.7)}100%{transform:rotate(30deg) scaleY(.5)}}
@keyframes orbit-three{to{transform:rotate(445deg) scaleY(.72)}}
@keyframes core-flow{to{stroke-dashoffset:-930}}
@keyframes emblem-float{0%,100%{transform:translateY(-5px)}50%{transform:translateY(5px)}}
@keyframes closing-glow{from{opacity:.3;transform:rotate(-7deg) translateY(0)}to{opacity:1;transform:rotate(-6deg) translateY(-12px)}}
@keyframes interior-orbit{from{transform:rotate(-32deg) scaleY(.48)}to{transform:rotate(-7deg) scaleY(.58)}}
@media(min-width:1700px){.future-hero .hero-inner{min-height:900px}.future-hero h1{font-size:140px}}
@media(max-width:1150px){.site-header nav{gap:22px}.header-inner{gap:15px}.motion-button{margin-left:0}.future-hero .hero-inner{min-height:790px}.future-hero h1{font-size:99px}.connection-grid{gap:20px 65px}.architecture{gap:55px}.showroom-stage{padding-inline:40px}.origins-grid{gap:55px}}
@media(max-width:800px){.site-header nav{gap:19px}.site-header nav>a{font-size:11px}.motion-word{display:none}.motion-button{padding:8px 10px}.future-hero .hero-inner{min-height:790px}.future-hero h1{font-size:92px}.future-hero .eyebrow{font-size:8px}.horizon-label{display:none}.future-hero .hero-lead{font-size:14px}.connection-section{padding:90px 0 110px}.connection-grid{gap:20px 45px;grid-template-columns:1.2fr 1fr}.connection-grid h2{font-size:39px}.connection-grid p:not(.eyebrow){font-size:12px}.connection-thread{height:150px}.work-section{padding:85px 0}.preset-tabs button{padding-inline:20px;min-height:53px;font-size:12px}.preset-tabs button>span{font-size:7px}.showroom-stage{padding-inline:26px}.architecture{gap:25px}.architecture-section{padding:85px 0 70px}.architecture-controls strong{font-size:25px}.architecture-controls button{padding-block:21px;gap:16px}.architecture-controls button>span:nth-child(2)>span{font-size:10px}.architecture-description{font-size:11px;margin-left:22px}.core-caption{font-size:6px;letter-spacing:.13em}.origins-grid{gap:45px;grid-template-columns:1.2fr 1fr}.origins-grid h2{font-size:43px}.origins-grid>div:nth-child(2)>p{font-size:13px}.preset-copy{padding:24px}.preset-copy h3{font-size:30px}.preset-copy p{font-size:10px}.preset-image{aspect-ratio:.57}.preset-image .image-index{left:22px;top:22px;font-size:7px}.card-arrow{right:16px;top:15px}}
@media(max-width:600px){.header-inner{min-height:73px;gap:10px}.site-header nav{margin-left:0}.motion-button{margin-left:auto;order:0;padding:9px 10px;min-width:35px;min-height:38px;justify-content:center}.menu-toggle{order:1;min-height:38px;padding:9px 11px}.site-header nav{order:2}.site-header nav>.nav-project{display:flex}.site-header nav>a::before{display:none}.site-header nav>a{font-size:22px}.site-header nav>a[aria-current]::after{bottom:16px;left:auto;right:8px;width:16px}.site-header nav>.nav-project{font-size:13px}.brand>img{width:39px}.brand>span{font-size:10px}.brand small{font-size:5px;letter-spacing:.13em}.brand{gap:8px}.future-hero .hero-inner{min-height:800px;min-height:max(780px,calc(100svh - 73px));max-height:980px;padding:63px 0 126px;justify-content:start}.future-hero h1{font-size:clamp(50px,12.9vw,78px);line-height:1.03;margin-bottom:27px;letter-spacing:-.067em}.future-hero .future-word{font-size:1.48em;line-height:1.02}.future-hero .eyebrow{font-size:7px;letter-spacing:.095em;gap:8px;margin-bottom:26px}.future-hero .hero-copy{max-width:100%}.future-hero .hero-lead{font-size:12px;line-height:1.9;max-width:290px;margin-bottom:23px}.future-hero .hero-shade{background:linear-gradient(180deg,#070b12cf 0%,#070b12bd 28%,#070b1270 48%,#070b1210 70%,#070b12 100%),linear-gradient(90deg,#070b1250,transparent)}.road-world{left:-65%;right:-10%;top:5%;bottom:-2%;transform:translate3d(var(--road-x,0px),var(--road-y,0px),0) scale(1.04)}.road-world .hero-background{filter:brightness(.8) saturate(.85)}.road-horizon{right:14%;top:25%;width:55%}.future-hero .actions{flex-direction:column;align-items:start;gap:8px}.future-hero .button{min-height:46px;padding:11px 17px;font-size:10px}.future-hero .button-quiet{padding-left:0;gap:22px}.future-hero .hero-bottom{bottom:25px;font-size:9px;gap:16px;align-items:start;padding-top:19px;flex-direction:row;justify-content:space-between}.future-hero .hero-bottom>a{font-size:8px;gap:9px;white-space:nowrap}.scroll-indicator{height:20px;width:12px}.scroll-indicator::after{left:4px;top:4px}.connection-section{padding:70px 0 100px}.connection-grid{grid-template-columns:1fr;gap:24px}.connection-grid>.eyebrow{grid-column:auto;margin-bottom:0}.connection-grid h2{font-size:clamp(31px,8.1vw,43px);line-height:1.17}.connection-grid>div{max-width:100%}.connection-grid p:not(.eyebrow){font-size:12px;line-height:1.9;max-width:330px}.connection-grid .text-link{font-size:11px}.connection-thread{height:100px;opacity:.8}.work-section{padding:68px 0 75px}.section-heading-row{margin-bottom:30px;gap:17px}.section-heading-row h2{font-size:35px}.section-heading-row .section-intro{font-size:12px;max-width:340px}.showroom-toolbar{flex-direction:column;gap:12px;align-items:stretch;margin-bottom:14px;padding:0}.preset-tabs{border-radius:40px;padding:4px;gap:0;justify-content:space-between;width:100%}.preset-tabs button{font-size:11px;padding:8px 12px;flex:1;min-height:49px;border-radius:40px}.preset-tabs button>span{font-size:6.5px;letter-spacing:0}.view-controls{align-self:end;margin:0;min-height:35px;padding:3px}.view-controls button{font-size:8px;padding:5px 12px;min-height:27px}.showroom-stage{padding:20px 16px 23px;border-radius:11px}.preview-caption{font-size:8px;margin-bottom:27px;gap:8px}.preview-caption>.status{font-size:7px;padding:6px 8px}.browser-frame{transform:rotateX(2deg) rotateY(-3deg) rotateZ(-1deg);border-radius:9px;box-shadow:14px 25px 40px #0008}.showroom-stage[data-screen=mobile] .browser-frame{max-width:238px;border-width:4px;border-radius:21px}.showroom-stage[data-screen=desktop] .browser-frame{border-radius:5px;max-width:100%;border-width:1px}.showroom-stage[data-screen=desktop] .preview-viewport{aspect-ratio:1440/900}.browser-bar{height:24px;font-size:6px}.showroom-stage[data-screen=mobile] .browser-bar{height:23px;font-size:5.5px}.preview-bottom{margin-top:28px;gap:15px}.preview-bottom p{font-size:11px;color:#c0cee0}.preview-bottom .text-link{font-size:10px}.preview-note{font-size:9px;text-align:left;line-height:1.8;margin:16px 0 0}.architecture-section{padding:67px 0 55px;background:radial-gradient(ellipse at 40% 32%,#14346566,transparent 65%),#080d16}.architecture-heading .section-heading{margin-bottom:0}.architecture-heading h2{font-size:34px}.architecture{grid-template-columns:1fr;gap:0}.architecture-core{aspect-ratio:1.2;max-width:390px;width:100%;margin:auto}.architecture-core>img{width:60%}.core-caption{font-size:6px;bottom:6%}.architecture-controls{padding-top:5px}.architecture-controls button{padding:22px 2px;gap:18px}.architecture-controls strong{font-size:29px}.architecture-controls button>span:nth-child(2)>span{font-size:10px;margin-top:7px}.architecture-description{font-size:11px;margin:25px 0 0 24px;min-height:70px;max-width:300px}.origins-grid{grid-template-columns:1fr;gap:27px}.origins-grid h2{font-size:38px}.origins-grid>div:nth-child(2)>p{font-size:13px;max-width:350px}.origins-grid .text-link{font-size:11px}.preset-grid{grid-template-columns:1fr;gap:2px;border-radius:10px}.preset-image{aspect-ratio:1.03}.preset-copy{padding:27px}.preset-copy h3{font-size:37px;margin:12px 0}.preset-copy p{font-size:11px;max-width:260px}.preset-image .image-index{left:26px;top:26px;font-size:8px}.card-arrow{right:24px;top:21px}.collection-heading h2{font-size:35px}.page-hero::before,.page-hero::after{right:-30%;width:120%;top:8%}.page-hero h1{font-size:clamp(49px,12.8vw,70px)}.product-page-hero h1{font-size:clamp(61px,16.8vw,98px)}html:not(.js) .motion-button{display:none}html:not(.js) .site-header nav>a{font-size:12px}html:not(.js) .hero .hero-copy{animation:none}html:not(.js) .headline-line{animation:none}html:not(.js) .showroom-stage .browser-frame{max-width:238px}html:not(.js) .showroom-stage .preview-viewport{aspect-ratio:390/844}}
@media(max-width:350px){.brand>img{width:33px}.brand>span{font-size:9px}.brand small{font-size:4.5px}.motion-button{min-width:31px;padding-inline:8px}.header-inner{gap:7px}.future-hero .hero-inner{min-height:770px}.future-hero .eyebrow{font-size:6px}.future-hero .hero-bottom{font-size:8px}.future-hero .hero-bottom>a{font-size:7px;gap:6px}.preset-tabs button{font-size:10px;padding-inline:8px}.preset-tabs button>span{font-size:6px}.architecture-controls strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.road-world{transform:none;will-change:auto}.browser-frame{transform:none}.reveal-enabled [data-reveal]{opacity:1!important;transform:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}