:root,:root[data-theme=dark]{--bg:#07090c;--stage1:#17212d;--stage2:#07090c;--panel:#0c1016eb;--panel-solid:#0c1016;--text:#e9eef4;--muted:#a8b4c3;--line:#a0bee633;--accent:#19b8ff;--accent-ink:#3cc4ff;--on-accent:#03121b;--accent-3d:#19b8ff;--field:#ffffff0f;--shadow:0 20px 60px #00000080;color-scheme:dark}:root[data-theme=light]{--bg:#eef1f5;--stage1:#fff;--stage2:#d9dfe7;--panel:#ffffffed;--panel-solid:#fff;--text:#0d131a;--muted:#3f4b5b;--line:#0d131a2e;--accent:#0a6fc2;--accent-ink:#0a64ae;--on-accent:#fff;--accent-3d:#0f8fe6;--field:#0d131a0d;--shadow:0 20px 50px #1e325029;color-scheme:light}:root{--display:"Helvetica Neue", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--hdr:60px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:76px}body{min-height:100vh;color:var(--text);font-family:var(--sans);background:var(--bg);margin:0;line-height:1.6;overflow-x:hidden}img,svg,canvas{max-width:100%;display:block}a{color:var(--accent-ink);text-underline-offset:3px}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0 0 .5em;font-weight:300;line-height:1.08}h1{font-size:clamp(2.3rem,6.4vw,4.8rem);font-weight:200}h2{font-size:clamp(1.7rem,3.8vw,2.7rem);font-weight:200}h3{font-size:1.25rem;font-weight:300}p{margin:0 0 1em}.label{letter-spacing:.24em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 .9em;font-size:.75rem;font-weight:500;display:block}.muted{color:var(--muted);font-size:.92rem}.lead{color:var(--muted);max-width:56ch;font-size:1.1rem;font-weight:300}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:min(1180px,100% - 32px);margin-inline:auto}.skip{background:var(--text);color:var(--bg);z-index:100;border-radius:4px;padding:10px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}#stage{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#stage.in-host{z-index:0;position:absolute}body:not([data-scene=home]) #stage:not(.in-host){display:none}main,.site-footer{z-index:1;position:relative}.demo-bar{z-index:11;color:#c4ccd6;letter-spacing:.08em;text-align:center;background:#000;padding:7px 12px;font-size:.74rem;position:relative}.site-header{z-index:20;height:var(--hdr);background:var(--panel);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:0 clamp(16px,3.5vw,40px);display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:.32em;text-transform:uppercase;align-items:center;gap:10px;min-height:44px;margin-right:auto;font-size:1.15rem;font-weight:300;text-decoration:none;display:flex}.nav{align-items:center;gap:22px;display:flex}.nav>a:not(.btn){color:var(--text);letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid #0000;padding:12px 2px;font-size:.78rem;text-decoration:none}.nav>a:not(.btn):hover,.nav>a[aria-current]{border-bottom-color:var(--accent)}.prefs{gap:8px;display:flex}select,input,textarea{font:inherit;color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:4px;width:100%;min-height:44px;padding:10px 12px;font-size:16px}select option{color:#111;background:#fff}.prefs select{width:auto;min-height:40px;padding:6px 8px;font-size:14px}.theme-toggle,.burger{width:44px;height:44px;color:var(--text);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:relative}.theme-toggle:hover{border-color:var(--accent)}:root[data-theme=dark] .i-sun,:root:not([data-theme]) .i-sun{display:block}:root[data-theme=dark] .i-moon,:root[data-theme=light] .i-sun{display:none}:root[data-theme=light] .i-moon{display:block}.burger{border-radius:4px;display:none}.burger span{background:var(--text);height:1.5px;position:absolute;left:12px;right:12px}.burger span:first-child{top:17px}.burger span:last-child{top:25px}.nav-open .burger span:first-child{transform:translateY(4px)rotate(45deg)}.nav-open .burger span:last-child{transform:translateY(-4px)rotate(-45deg)}.btn{border:1px solid var(--accent);background:var(--accent);min-height:48px;color:var(--on-accent);font:500 .78rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border-radius:2px;justify-content:center;align-items:center;padding:0 28px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.btn:hover{color:var(--accent-ink);background:0 0}.btn-ghost{color:var(--text);border-color:var(--line);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-ink)}.btn-sm{min-height:44px;padding:0 18px;font-size:.7rem}.cta{flex-wrap:wrap;gap:12px;margin-top:1.4em;display:flex}.glass{background:var(--panel);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:var(--shadow);padding:clamp(18px,3vw,32px);position:relative}.glass:before{content:"";background:var(--accent);width:64px;height:2px;position:absolute;top:-1px;left:-1px}.glass+.glass{margin-top:18px}.viewer{background:radial-gradient(90% 80% at 50% 38%, var(--stage1), var(--stage2));border:1px solid var(--line);touch-action:pan-y;cursor:grab;min-height:260px;color:var(--text);position:relative;overflow:hidden}.viewer.dragging{cursor:grabbing}.viewer canvas{touch-action:pan-y;width:100%;height:100%}.fallback-car{width:min(86%,560px);height:auto;color:var(--text);opacity:.85;margin:auto;position:absolute;inset:0}.gl-ready .viewer .fallback-car,body[data-scene=home].gl-ready .fallback-car{display:none}.hud{pointer-events:none;z-index:2;justify-content:space-between;gap:10px;margin:0;display:flex;position:absolute;bottom:10px;left:14px;right:14px}.hud .label{color:var(--text);opacity:.85;text-shadow:none;margin:0;font-size:.68rem}.hud .hint{color:var(--muted)}.split{gap:22px;padding:28px 0 60px;display:grid}.split .viewer{top:var(--hdr);z-index:6;border-inline:0;order:-1;height:38svh;min-height:250px;margin-inline:-16px;position:sticky}@media (width>=900px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:34px;padding-top:40px}.split .viewer{top:calc(var(--hdr) + 14px);height:calc(100svh - var(--hdr) - 36px);border-inline:1px solid var(--line);order:2;max-height:760px;margin-inline:0}}.page-title{margin-bottom:1.2em}.page-title h1{margin-bottom:.3em}@media (width<=899px){.burger{display:inline-grid}.nav{background:var(--panel-solid);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 18px;display:none;position:absolute;top:100%;left:0;right:0}.nav-open .nav{display:flex}.nav>a:not(.btn){border-bottom:1px solid var(--line);min-height:48px;padding:14px 4px}.prefs{padding:14px 0}.prefs select{flex:1;min-height:44px;font-size:16px}.nav-cta{margin-top:6px}.brand{letter-spacing:.24em}}@media (width>=900px){.nav-cta{margin-left:4px}}fieldset{border:0;min-width:0;margin:0 0 1.4em;padding:0}legend{margin-bottom:.8em;padding:0}.field{gap:6px;margin-bottom:14px;display:grid}.field label,.field .lab{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.row2{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=560px){.row2{grid-template-columns:1fr 1fr}}.phone{grid-template-columns:78px 1fr;gap:8px;display:grid}.dial{background:var(--field);border:1px solid var(--line);border-radius:4px;place-items:center;min-height:44px;font-size:16px;display:grid}.swatches{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;display:grid}.opt{position:relative}.opt input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.opt span.card{border:1px solid var(--line);background:var(--field);border-radius:3px;align-items:center;gap:10px;min-height:48px;padding:8px 12px;font-size:.88rem;line-height:1.2;display:flex}.opt input:checked+span.card{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.opt input:focus-visible+span.card{outline:2px solid var(--accent-ink);outline-offset:2px}.opt small{color:var(--muted);letter-spacing:.08em;font-size:.72rem;display:block}.dot{border:1px solid #808ca099;border-radius:50%;flex:none;width:22px;height:22px}.dot.matte{background-image:repeating-linear-gradient(45deg,#ffffff1f 0 2px,#0000 2px 5px)}.dot.metallic{box-shadow:inset 0 3px 5px #ffffff80,inset 0 -3px 5px #00000059}.fly{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--field);border:1px solid var(--line);min-height:44px;color:var(--text);font:500 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border-radius:2px;padding:0 16px}.chip:hover,.chip[aria-pressed=true]{border-color:var(--accent);color:var(--accent-ink)}.price-big{margin:.1em 0 .2em;font-size:clamp(2rem,5vw,3rem);font-weight:200;line-height:1.1}.tick{animation:.5s tick}@keyframes tick{0%{opacity:.3}to{opacity:1}}table.spec{border-collapse:collapse;width:100%;font-size:.95rem}.spec th,.spec td{text-align:left;border-bottom:1px solid var(--line);padding:10px 0;font-weight:300}.spec th{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;vertical-align:top;width:42%;font-size:.72rem;font-weight:500}.lines{margin:0 0 1em;padding:0;font-size:.95rem;list-style:none}.lines li{border-bottom:1px dashed var(--line);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.notice{border-left:2px solid var(--accent);color:var(--muted);background:var(--field);margin:1em 0;padding:8px 12px;font-size:.88rem}.filters{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.filters .field{margin:0}.filters .wide{grid-column:1/-1}.cards{gap:12px;display:grid}.mcard{border:1px solid var(--line);background:var(--panel);gap:4px;padding:16px 18px;transition:border-color .2s;display:grid;position:relative}.mcard[aria-current=true],.mcard.sel{border-color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}.mcard[hidden]{display:none}.mcard h3{margin:0;font-size:1.5rem;font-weight:200}.mcard .tags{flex-wrap:wrap;gap:8px;margin:2px 0 6px;display:flex}.tag{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:3px 8px;font-size:.66rem}.mcard .price{font-size:1.15rem;font-weight:300}.mcard .acts{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.js .nojs,html:not(.js) .jsonly{display:none}.hero{min-height:calc(100svh - var(--hdr) - 30px);align-items:flex-end;padding:0 0 28px;display:flex;position:relative}.hero-copy{max-width:540px}.hero-drag{touch-action:pan-y;cursor:grab;z-index:0;height:58%;position:absolute;top:0;left:0;right:0}.hero .wrap{z-index:1;pointer-events:none;width:min(1180px,100% - 32px);position:relative}.hero .wrap>*{pointer-events:auto}@media (width>=860px){.hero{align-items:center;padding:0}.hero-drag{height:100%;left:35%}}.fallback-home{display:none}.no-webgl .fallback-home,html:not(.js) .fallback-home{width:min(64%,640px);color:var(--text);opacity:.8;display:block;position:absolute;top:8%;right:0}#story{height:480vh;position:relative}.story-sticky{top:var(--hdr);height:calc(100svh - var(--hdr));align-items:flex-end;padding-bottom:26px;display:flex;position:sticky}.story-sticky .wrap{align-items:flex-end;height:100%;display:flex;position:relative}.chapter{opacity:0;visibility:hidden;width:100%;max-width:460px;transition:opacity .5s,visibility .5s;position:absolute;bottom:0;left:0}.chapter.is-active{opacity:1;visibility:visible}.chapter h2{margin-bottom:.3em}.chapter .num{letter-spacing:.24em;color:var(--accent-ink);font-size:.75rem}.progress{background:var(--line);pointer-events:none;width:120px;height:2px;position:absolute;top:14px;right:0}.progress b{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.no-webgl #story,html:not(.js) #story{height:auto}.no-webgl .story-sticky,html:not(.js) .story-sticky{height:auto;padding:30px 0;display:block;position:static}.no-webgl .story-sticky .wrap,html:not(.js) .story-sticky .wrap{gap:16px;height:auto;display:grid}.no-webgl .chapter,html:not(.js) .chapter{opacity:1;visibility:visible;position:relative}.no-webgl .progress,html:not(.js) .progress{display:none}#after{z-index:2;background:var(--bg);padding:70px 0 20px;position:relative}.lineup{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:26px 0 40px;display:grid}.band{text-align:left;padding:40px 0 70px}.site-footer{background:var(--bg);border-top:1px solid var(--line);padding:34px 0 44px}.site-footer .muted{max-width:80ch}.js [data-reveal]{opacity:0;translate:0 18px}.js [data-reveal].in{opacity:1;transition:opacity .7s,translate .7s;translate:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal]{opacity:1;translate:none}.tick{animation:none}.chapter{transition:none}}.lights-note{font-size:.85rem}body[data-scene=notfound] .viewer{background:radial-gradient(90% 80% at 50% 38%,#101923,#020304)}body[data-scene=notfound].lights-on .viewer{background:radial-gradient(90% 80% at 50% 38%, var(--stage1), var(--stage2))}@media (width<=859px) and (height<=720px){.hero-copy .lead{display:none}.hero-copy{padding:16px}}
