@property --scene{syntax:"<color>";inherits:true;initial-value:#1a1a1c}@property --scene-lit{syntax:"<color>";inherits:true;initial-value:#3a3a3e}@property --scene-text{syntax:"<color>";inherits:true;initial-value:#e8e6e2}@property --accent{syntax:"<color>";inherits:true;initial-value:#efece6}:root{--ink:#0a0a0b;--bone:#efece6;--paper:#ece6da;--paper-ink:#1d1b19;--muted:#efece69e;--line:#ffffff24;--rosso:#c8102e;--serif:"Cormorant Garamond", Georgia, serif;--display:"Michroma", "Eurostile", sans-serif;--sans:"Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;--ease:cubic-bezier(.2, .7, .1, 1);--t-scene:.8s;--cta-h:76px;transition:--scene var(--t-scene) ease, --scene-lit var(--t-scene) ease, --scene-text var(--t-scene) ease, --accent var(--t-scene) ease}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--bone);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}html.is-config,html.is-config body{overscroll-behavior:none;height:100%;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}svg{display:block}img{max-width:100%;display:block}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.loader{z-index:100;background:var(--ink);transition:opacity .7s var(--ease), visibility .7s;place-content:center;justify-items:center;gap:22px;display:grid;position:fixed;inset:0}.loader.is-done{opacity:0;visibility:hidden}.loader-logo{width:min(64vw,300px);height:46px;color:var(--bone)}.loader-bar{background:var(--line);width:180px;height:1px}.loader-bar span{background:var(--rosso);width:0;height:100%;transition:width .3s;display:block}.loader-pct{font:10px var(--display);letter-spacing:.3em;color:var(--muted);margin:0}.studio{isolation:isolate;background:color-mix(in oklab, var(--scene-lit), #000 40%);position:relative;overflow:hidden}.room{transform-origin:0 0;background:var(--scene-lit);isolation:isolate;pointer-events:none;width:2000px;height:1700px;position:absolute;top:0;left:0}.room img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.room .luma{mix-blend-mode:multiply}.room .emit{mix-blend-mode:screen;filter:sepia(.18)saturate(1.1)}.studio-fog{z-index:2;pointer-events:none;background:radial-gradient(130% 95% at 50% 52%, transparent 58%, color-mix(in oklab, var(--scene), #000 55%) 100%);position:absolute;inset:0}.scene-title{z-index:3;pointer-events:none;justify-items:center;gap:8px;padding:0 12px;display:grid;position:absolute;top:calc(10% + 46px);left:0;right:0}.scene-name{text-align:center;white-space:nowrap;font:300 clamp(16px, 4.9vw, 54px) var(--serif);letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:var(--scene-text);text-shadow:0 1px 24px color-mix(in srgb, var(--scene) 60%, transparent);margin:0;line-height:1.1;transition:opacity .22s,filter .22s}.scene-name.is-out{opacity:0;filter:blur(6px)}.scene-meta{text-align:center;font:8.5px var(--display);letter-spacing:.3em;text-transform:uppercase;color:color-mix(in srgb, var(--scene-text) 70%, transparent);margin:0}.bike{z-index:2;aspect-ratio:1360/994;pointer-events:none;width:90%;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.bike:before{content:"";filter:blur(4px);background:radial-gradient(50% 50%,#000000bf,#0000 70%);height:6%;position:absolute;top:71.5%;left:4%;right:3%}.bike canvas{opacity:0;width:100%;height:100%;transition:opacity .55s var(--ease);position:absolute;inset:0}.bike canvas.is-front{opacity:1}.studio-sign{z-index:3;text-align:center;font:8px var(--display);letter-spacing:.5em;text-indent:.5em;color:color-mix(in srgb, var(--scene-text) 55%, transparent);position:absolute;bottom:10px;left:0;right:0}.round-btn,.compare{z-index:4;cursor:pointer;color:var(--scene-text);border:1px solid color-mix(in srgb, var(--scene-text) 30%, transparent);-webkit-backdrop-filter:blur(10px);background:#00000038;justify-content:center;align-items:center;gap:7px;transition:background .25s,color .25s;display:inline-flex;position:absolute;bottom:12px}.round-btn{border-radius:50%;width:40px;height:40px;left:12px}.round-btn svg{width:18px;height:18px}.compare{height:40px;font:9px var(--display);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;padding:0 14px 0 12px;right:12px}.compare svg{width:16px;height:16px}.compare[aria-pressed=true]{background:var(--scene-text);color:var(--ink)}.pick-model{text-align:center;background:radial-gradient(90% 60% at 50% 30%, #1d1d21, var(--ink));flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:64px 20px 40px;display:flex}.pick-logo{width:min(70vw,320px);height:48px;color:var(--bone);margin-bottom:44px}.pick-eyebrow{font:10px var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.pick-title{font:300 clamp(26px, 7vw, 44px) var(--serif);letter-spacing:.14em;text-transform:uppercase;margin:0 0 30px}.pick-list{gap:10px;width:min(100%,420px);display:grid}.pick-card{text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:4px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;padding:20px 22px;transition:border-color .25s,background .25s;display:grid}.pick-card:hover,.pick-card:focus-visible{border-color:var(--bone);background:#ffffff0f;outline:none}.pick-name{font:15px var(--display);letter-spacing:.08em;text-transform:uppercase}.pick-years{color:var(--muted);grid-row:2;margin-top:4px;font-size:12px}.pick-arrow{color:var(--muted);grid-area:1/2/3;font-size:20px}.config{grid-template-rows:66fr 34fr var(--cta-h);background:var(--ink);display:grid;position:fixed;inset:0}.topbar{z-index:10;padding:max(10px, env(safe-area-inset-top)) 14px 0;pointer-events:none;justify-content:space-between;align-items:center;height:56px;display:flex;position:absolute;inset:0 0 auto}.topbar>*{pointer-events:auto}.topbar-logo{width:160px;height:27px;color:var(--scene-text)}.model-chip select{appearance:none;color:var(--scene-text);border:1px solid color-mix(in srgb, var(--scene-text) 30%, transparent);font:10px var(--display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);background-color:#00000040;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(-45deg,#0000 50%,currentColor 50%);background-position:calc(100% - 16px),calc(100% - 12px);background-repeat:no-repeat;background-size:4px 4px;border-radius:999px;padding:9px 30px 9px 14px}.model-chip option{color:#111}.config .studio{touch-action:none}.book-zone{background:radial-gradient(80% 70% at 50% 40%, color-mix(in oklab, var(--scene), #000 55%), var(--ink) 75%);grid-template-rows:1fr auto;gap:5px;min-height:0;padding:8px 12px 2px;display:grid;position:relative}.book{--sw:min(100cqw - 18px, (100cqh - 16px) * 1.46);perspective:2000px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;outline:none;min-height:0;position:relative;container-type:size}.book:active{cursor:grabbing}.book-cover,.spread{position:absolute;top:50%;left:50%;translate:-50% -50%}.spread{width:var(--sw);height:calc(var(--sw) / 1.46);transform-style:preserve-3d;border-radius:2px;box-shadow:-2px 1px #d9d1c3,2px 1px #d9d1c3,-3px 2px #c9bfae,3px 2px #c9bfae,-4px 3px #b8ad9a,4px 3px #b8ad9a}.book-cover{width:calc(var(--sw) + 16px);height:calc(var(--sw) / 1.46 + 14px);background:radial-gradient(120% 120% at 30% 20%,#2a2826,#121110 70%);border-radius:6px;box-shadow:0 22px 50px #000000b3,inset 0 0 0 1px #ffffff0f}.book-cover:after{content:"";border-radius:inherit;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.page,.leaf{width:50%;position:absolute;top:0;bottom:0}.page-left{left:0}.page-right{left:50%}.paper{background:var(--paper);color:var(--paper-ink);position:absolute;inset:0;overflow:hidden}.page-left .paper,.leaf-back .paper{background:linear-gradient(90deg, #e9e3d6 0%, var(--paper) 70%, #d6cebf 96%, #c2b9a8 100%)}.page-right .paper,.leaf-front .paper{background:linear-gradient(90deg, #c2b9a8 0%, #d6cebf 4%, var(--paper) 30%, #e9e3d6 100%)}.leaf{z-index:3;transform-origin:0;transform-style:preserve-3d;will-change:transform;filter:drop-shadow(calc(var(--lift,0) * -8px) 6px calc(var(--lift,0) * 14px) rgba(0,0,0,calc(var(--lift,0) * .45)));left:50%}.leaf-face{backface-visibility:hidden;position:absolute;inset:0}.leaf-back{transform:rotateY(180deg)}.leaf-face:after{content:"";pointer-events:none;position:absolute;inset:0}.leaf-front:after{background:linear-gradient(90deg, rgba(0,0,0,calc(var(--lift,0) * .45)), rgba(255,255,255,calc(var(--lift,0) * .12)) 60%, rgba(0,0,0,calc(var(--lift,0) * .25)))}.leaf-back:after{background:linear-gradient(270deg, rgba(0,0,0,calc(var(--lift,0) * .45)), rgba(255,255,255,calc(var(--lift,0) * .1)) 60%, rgba(0,0,0,calc(var(--lift,0) * .2)))}.spine{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#3c30202e 40%,#1e160e61 50%,#3c30202e 60%,#0000);width:34px;position:absolute;top:0;bottom:0;left:50%;translate:-50%}.info{flex-direction:column;padding:9% 11% 9% 12%;display:flex;position:absolute;inset:0}.info-no{font:clamp(6.5px, 1.8cqw, 9px) var(--display);letter-spacing:.24em;color:#7d7466}.info-group{font:clamp(6.5px, 1.8cqw, 9px) var(--display);letter-spacing:.24em;text-transform:uppercase;color:color-mix(in oklab, var(--accent), #000 35%);margin-top:3px}.info-name{font:400 clamp(15px, 5.4cqw, 26px) var(--serif);letter-spacing:.1em;text-transform:uppercase;margin:9% 0 7%;line-height:1.08}.info-spec{color:#4a443c;margin:0;padding:0;font-size:clamp(8.5px,2.5cqw,12px);list-style:none}.info-spec li{border-top:1px solid #1d1b1924;padding:3px 0}.info-spec li:last-child{border-bottom:1px solid #1d1b1924}.info-finish{font:italic 400 clamp(10px, 3cqw, 14px) var(--serif);color:#6b6357;margin-top:6%}.info-brand{font:clamp(6px, 1.6cqw, 8px) var(--display);letter-spacing:.5em;color:#b4aa98;text-shadow:0 1px #fff9;margin-top:auto}@container (height<=200px){.info{padding-top:7%;padding-bottom:5%}.info-name{margin:5% 0 4%}.info-spec li{padding:2px 0}.info-finish,.info-brand{display:none}}.folio{font:clamp(6px, 1.6cqw, 8px) var(--display);color:#9a907f;position:absolute;bottom:5%}.info .folio{right:12%}.sample .folio{right:10%}.sample{position:absolute;inset:0}.sample-cloth{background-position:50%;background-size:220px;border-radius:1px;position:absolute;inset:8% 9% 17% 11%;box-shadow:0 1px 1px #00000040,0 4px 10px #00000047}.sample-cloth:after{content:"";background:linear-gradient(135deg,#ffffff38,#0000 38% 62%,#0000002e);position:absolute;inset:0}.sample-tag{font:clamp(6px, 1.6cqw, 8px) var(--display);letter-spacing:.2em;text-transform:uppercase;color:#6b6357;position:absolute;bottom:7%;left:11%}.book-foot{font:8.5px var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 4px;display:grid}.book-count b{color:var(--bone);font-weight:400}.book-progress{background:var(--line);height:1px;overflow:hidden}.book-progress span{background:var(--accent);width:5%;height:100%;transition:width .4s var(--ease);display:block}.cta-bar{padding:8px 16px max(12px, env(safe-area-inset-bottom));background:var(--ink);align-items:center;display:flex}.btn-preorder,.btn{cursor:pointer;height:54px;font:11px var(--display);letter-spacing:.2em;text-transform:uppercase;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0 30px;transition:transform .2s,background .3s,color .3s,border-color .3s;display:inline-flex;position:relative}.btn-preorder,.btn-primary{background:var(--bone);color:var(--ink)}.btn-preorder{width:100%}.cta-bar .btn-preorder:disabled{opacity:.5;cursor:not-allowed}.cta-bar .btn-preorder:disabled:after{display:none}.btn-preorder:after,.btn-primary:after{content:"";background:var(--accent);width:16px;height:2px;position:absolute;top:50%;left:18px;transform:translateY(-50%)skew(-30deg)}.btn-primary{padding-left:50px}.btn-ghost{color:var(--bone);-webkit-backdrop-filter:blur(8px);background:#0003;border:1px solid #ffffff59}.btn-ghost:hover{border-color:var(--bone)}.btn-preorder:active,.btn:active{transform:scale(.985)}.sheet{width:min(100%,520px);max-height:92svh;color:var(--bone);background:#111113;border:0;border-radius:16px 16px 0 0;margin:auto auto 0;padding:0;overflow:auto}@media (width>=700px){.sheet{border-radius:12px;margin:auto}}.sheet::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.sheet[open]{animation:up .45s var(--ease)}@keyframes up{0%{opacity:0;transform:translateY(40px)}}.sheet-close-form{z-index:2;height:0;position:sticky;top:0}.sheet-close{border:1px solid var(--line);cursor:pointer;background:#0006;border-radius:50%;width:36px;height:36px;font-size:20px;position:absolute;top:12px;right:12px}.sheet-body{padding:26px 20px 8px}.sheet-eyebrow{font:8.5px var(--display);letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.sheet h3{font:300 26px var(--serif);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px}.build-summary{border:1px solid var(--line);border-radius:6px;align-items:center;gap:12px;margin-bottom:16px;padding:10px;display:flex}.build-summary img{object-fit:cover;border-radius:4px;width:52px;height:52px}.build-summary strong{font:400 18px var(--serif);letter-spacing:.12em;text-transform:uppercase;display:block}.build-summary span{color:var(--muted);font-size:12.5px}.form{gap:10px;display:grid}.field{gap:5px;display:grid}.field span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px}.field em{text-transform:none;letter-spacing:0;opacity:.7;font-style:normal}.field input,.field textarea{width:100%;font:16px var(--sans);color:var(--bone);border:1px solid var(--line);background:#ffffff0a;border-radius:4px;padding:12px 13px}.field input:focus,.field textarea:focus{border-color:var(--bone);outline:none}.field .is-invalid{border-color:#ff5a6a}.terms{color:var(--muted);margin:4px 0;font-size:12.5px;line-height:1.5}.form-error{color:#ff8a96;margin:0;font-size:13px}.muted{color:var(--muted)}.sheet-foot{padding:14px 20px max(18px, env(safe-area-inset-bottom));border-top:1px solid var(--line);margin-top:14px}.socials{gap:10px;display:flex}.socials a{border:1px solid var(--line);width:40px;height:40px;color:var(--bone);cursor:pointer;border-radius:50%;place-items:center;transition:border-color .2s;display:grid}.socials a:hover{border-color:var(--bone)}.socials svg{width:18px;height:18px}.sheet-foot .foot-links{margin-bottom:10px}.legal{color:#fff6;margin:0;font-size:10.5px;line-height:1.5}.toast{left:50%;bottom:calc(var(--cta-h) + 16px);z-index:50;background:var(--bone);color:var(--ink);opacity:0;pointer-events:none;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:500;transition:opacity .3s;position:fixed;transform:translate(-50%)}.toast.is-on{opacity:1}@media (width>=900px){:root{--cta-h:0px}.config{grid-template-rows:1fr auto;grid-template-columns:1fr 440px}.config .studio{grid-row:1/3}.book-zone{grid-area:1/2;gap:6px;padding:84px 22px 12px}.cta-bar{grid-area:2/2;padding:12px 22px 24px}.topbar{padding:18px 24px 0}.topbar-logo{width:200px;height:34px}.config .scene-title{gap:12px;top:calc(10% + 60px)}.round-btn,.compare{bottom:22px}.round-btn{left:24px}.compare{right:24px}}.site-top{z-index:20;height:64px;padding:max(8px, env(safe-area-inset-top)) 16px 0;justify-content:space-between;align-items:center;transition:background .4s;display:flex;position:fixed;inset:0 0 auto}.site-top.is-solid{-webkit-backdrop-filter:blur(14px);background:#0a0a0bb8}.site-top .logo{width:156px;height:26px;color:var(--scene-text)}.top-cta{font:9px var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--scene-text);border:1px solid color-mix(in srgb, var(--scene-text) 35%, transparent);-webkit-backdrop-filter:blur(8px);background:#0003;border-radius:999px;padding:10px 16px}.hero{height:100svh;min-height:600px}.hero .scene-title{top:calc(64px + 3%)}.hero-copy{z-index:5;padding:40px 20px max(22px, env(safe-area-inset-bottom));background:linear-gradient(#0000,#00000073 40%,#000000b3);position:absolute;bottom:0;left:0;right:0}.hero-eyebrow{font:8.5px var(--display);letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.hero-eyebrow:before{content:"";background:var(--rosso);vertical-align:middle;width:20px;height:2px;margin:0 10px 3px 0;display:inline-block;transform:skew(-30deg)}.hero h1{font:400 clamp(24px, 7vw, 62px) var(--display);letter-spacing:.02em;text-transform:uppercase;margin:0;line-height:1.16}.hero h1 em{color:var(--accent);font-style:normal}.hero-sub{color:#efece6c7;max-width:46ch;margin:14px 0 18px;font-size:14.5px;font-weight:300;line-height:1.55}.hero-actions{grid-template-columns:1fr;gap:10px;display:grid}.hero-dots{flex-wrap:wrap;gap:7px;margin:0 0 16px;display:flex}.hero-dot{cursor:pointer;width:20px;height:20px;transition:transform .3s var(--ease), box-shadow .3s;background-position:50%;background-size:260%;border:1px solid #ffffff4d;border-radius:50%;padding:0}.hero-dot[aria-current=true]{box-shadow:0 0 0 2px var(--ink), 0 0 0 3px var(--bone);transform:scale(1.1)}.sect{max-width:1240px;margin:0 auto;padding:84px 16px}.sect-eyebrow{font:8.5px var(--display);letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.sect h2{font:300 clamp(28px, 7vw, 54px) var(--serif);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;line-height:1.1}.sect-sub{color:var(--muted);max-width:52ch;margin:0 0 30px;font-size:15px;font-weight:300;line-height:1.6}.shelf{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:148px;grid-auto-flow:column;gap:14px;margin:0 -16px;padding:4px 16px 18px;scroll-padding-inline:16px;display:grid;overflow-x:auto}.shelf::-webkit-scrollbar{display:none}.mini{scroll-snap-align:start;align-content:start;gap:10px;display:grid}.mini-cover{aspect-ratio:3/4;transition:transform .4s var(--ease);background-position:50%;background-size:200px;border-radius:3px 6px 6px 3px;position:relative;overflow:hidden;box-shadow:0 14px 30px #00000080,3px 0 #d6cebf,5px 1px #b8ad9a}.mini-cover:before{content:"";background:linear-gradient(90deg,#00000080,#0000);width:12px;position:absolute;top:0;bottom:0;left:0}.mini:hover .mini-cover{transform:translateY(-4px)rotate(-1deg)}.mini-name{font:400 16px var(--serif);letter-spacing:.12em;text-transform:uppercase}.mini-no{font:7.5px var(--display);letter-spacing:.22em;color:var(--muted);text-transform:uppercase}.models-grid{gap:10px;display:grid}.model-card{border:1px solid var(--line);background:linear-gradient(120deg,#ffffff0a,#0000);border-radius:4px;grid-template-columns:1fr auto;align-items:end;min-height:120px;padding:20px;transition:border-color .3s;display:grid}.model-card:hover{border-color:var(--bone)}.model-card b{font:400 17px var(--display);letter-spacing:.06em;text-transform:uppercase;font-weight:400;display:block}.model-card small{color:var(--muted);font-size:12px}.model-card span{color:var(--muted);font-size:22px}.model-card{aspect-ratio:16/10;position:relative;overflow:hidden}.model-card .model-shot{object-fit:cover;width:100%;height:100%;transition:transform .8s;position:absolute;inset:0}.model-card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000001a 45%,#000000c7);position:absolute;inset:0}.model-card>div,.model-card>span{z-index:1;position:relative}.model-card:hover .model-shot{transform:scale(1.04)}.model-card small,.model-card span{color:#f4efe8bf}.foot-links{flex-wrap:wrap;gap:8px 22px;font-size:13px;display:flex}.foot-links a{color:var(--muted);text-decoration:none}.foot-links a:hover{color:var(--bone)}.site-foot{border-top:1px solid var(--line);padding:40px 16px max(40px, env(safe-area-inset-bottom));gap:18px;max-width:1240px;margin:0 auto;display:grid}.site-foot .logo{width:180px;height:30px;color:var(--bone)}@media (width>=900px){.site-top{height:76px;padding:0 32px}.site-top .logo{width:210px;height:35px}.hero .scene-title{top:calc(76px + 4%)}.hero-copy{background:0 0;width:min(600px,40%);padding:0 0 48px 48px;right:auto}.hero:after{content:"";z-index:4;pointer-events:none;background:radial-gradient(90% 90% at 0 100%,#0009,#0000 70%);position:absolute;inset:35% 35% 0 0}.hero-actions{grid-template-columns:auto auto;justify-content:start}.hero .bike{left:66%}.hero h1{font-size:clamp(30px,3.4vw,56px)}.sect{padding:120px 48px}.shelf{grid-auto-columns:180px;margin:0 -48px;padding:4px 48px 18px}.models-grid{grid-auto-columns:1fr;grid-auto-flow:column}.site-foot{grid-template-columns:auto 1fr auto;align-items:center;padding:48px}}@media (prefers-reduced-motion:reduce){:root{--t-scene:10ms}.bike canvas{transition-duration:10ms}}.studio-3d{touch-action:none}.studio-3d canvas{outline:none;display:block;position:absolute;inset:0}.studio-3d .scene-title{top:calc(56px + 2%)}.views{z-index:4;-webkit-backdrop-filter:blur(10px);background:#00000040;border:1px solid #ffffff2e;border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.views button{cursor:pointer;font:8px var(--display);letter-spacing:.14em;text-transform:uppercase;color:#ffffffbf;background:0 0;border:0;border-radius:999px;padding:7px 10px}.views button.is-on{color:var(--ink);background:#ffffffe6}.studio-3d .studio-sign{display:none}.studio-slot .round-btn,.studio-slot .compare{bottom:58px}@media (width<=899px){.views{border-radius:10px;flex-direction:column;width:30px;padding:2px;top:50%;bottom:auto;left:8px;transform:translateY(-50%)}.views button{writing-mode:vertical-rl;border-radius:8px;justify-content:center;align-items:center;padding:10px 0;display:flex;transform:rotate(180deg)}.studio-slot .round-btn{width:34px;height:34px;bottom:6px;left:8px}.studio-slot .round-btn svg{width:15px;height:15px}.studio-slot .compare{border-radius:10px;flex-direction:column;gap:8px;width:30px;height:auto;padding:12px 0;top:50%;bottom:auto;right:8px;translate:0 -50%}.studio-slot .compare span{writing-mode:vertical-rl;transform:rotate(180deg)}.studio-slot .compare svg{width:14px;height:14px}}@media (width>=900px){.views{bottom:22px}.studio-3d .scene-title{top:calc(70px + 3%)}.studio-slot .round-btn,.studio-slot .compare{bottom:22px}.studio-3d .studio-sign{display:block;bottom:70px}}html[data-step=pick],html[data-step=pick] body,html[data-step=config],html[data-step=config] body{overscroll-behavior:none;height:100%;overflow:hidden}.stage{z-index:0;background:var(--scene);touch-action:none;width:100vw;height:100svh;position:fixed;top:0;left:0;overflow:hidden}.stage canvas{position:absolute;inset:0}html[data-step=config] .stage{height:calc((100svh - var(--cta-h)) * .66)}html[data-step=home] .stage .scene-title,html[data-step=pick] .stage .scene-title{top:calc(64px + 3%)}.topbar{z-index:30;position:fixed}.top-cta{cursor:pointer}.bike-chip{cursor:pointer;white-space:nowrap;max-width:calc(100vw - 190px);color:var(--scene-text);border:1px solid color-mix(in srgb, var(--scene-text) 30%, transparent);font:9px var(--display);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);background:#00000040;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.bike-chip i{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #fff6}.bike-chip b{opacity:.7;font-weight:400}.home{z-index:2;pointer-events:none;position:relative}.home-hero{height:100svh;min-height:600px;position:relative}.home-hero .hero-copy,.home-sheet{pointer-events:auto}.home-sheet{background:var(--ink);position:relative}.home-sheet .mini,.home-sheet .model-card{color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.home-sheet .model-card{border:1px solid var(--line);padding:20px}.hero-dot{border:1px solid #ffffff4d}.pick-panel{z-index:5;max-height:56svh;padding:8px 16px max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);background:#0a0a0bd6;border-radius:18px 18px 0 0;position:fixed;bottom:0;left:0;right:0;overflow:auto}.pick-step{font:8.5px var(--display);letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin:16px 0 10px;transition:opacity .3s}.pick-step.is-dim{opacity:.35}.pick-models,.pick-years{flex-wrap:wrap;gap:8px;display:flex}.pick-chip{cursor:pointer;border:1px solid var(--line);color:var(--bone);font:9.5px var(--display);letter-spacing:.12em;text-transform:uppercase;background:#ffffff0a;border-radius:999px;padding:11px 15px;transition:background .25s,color .25s,border-color .25s}.pick-chip.is-on{background:var(--bone);color:var(--ink);border-color:var(--bone)}.pick-hint{color:var(--muted);font-size:12px}.pick-paints{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;display:grid}.pick-paint{color:var(--bone);cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:10px;align-content:start;justify-items:center;gap:6px;padding:10px 4px;display:grid}.pick-paint.is-on{background:#ffffff0d;border-color:#efece6b3}.pick-swatch{border-radius:50%;width:40px;height:40px;box-shadow:inset 0 0 0 1px #ffffff38,0 4px 12px #00000073}.is-skip .pick-swatch{background:repeating-linear-gradient(45deg,#1d1d1f 0 4px,#2b2b2e 4px 8px)}.pick-paint-name{font-size:11px;line-height:1.25}.pick-paint-note{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-size:9px}.pick-go{margin-top:18px}.pick-go:disabled{opacity:.35;cursor:not-allowed}.pick-fine{color:#ffffff61;margin:10px 0 0;font-size:10.5px}.config{z-index:3;pointer-events:none;background:0 0!important}.config .book-zone,.config .cta-bar{pointer-events:auto}.studio-slot{position:relative}.studio-slot>*{pointer-events:auto}@media (width<=899px){.home-hero .hero-dots{justify-content:center;margin-bottom:14px}.home-hero .hero-actions{grid-template-columns:1fr 1fr}.home-hero .hero-actions .btn{letter-spacing:.1em;white-space:nowrap;height:50px;padding:0 6px;font-size:10px}.home-hero .hero-actions .btn-primary:after{display:none}}@media (width>=900px){html[data-step=config] .stage{width:calc(100vw - 440px);height:100svh}.config .studio-slot{grid-row:1/3}.pick-panel{border-top:0;border-left:1px solid var(--line);border-radius:0;width:420px;max-height:none;padding:92px 28px 28px;top:0;left:auto}.home-hero .hero-copy{background:0 0;width:min(600px,40%);padding:0 0 48px 48px;right:auto}.home-hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(90% 90% at 0 100%,#0000008c,#0000 70%);position:absolute;inset:35% 35% 0 0}.home-hero .hero-actions{grid-template-columns:auto auto;justify-content:start}.home-hero h1{font-size:clamp(28px,2.9vw,50px)}}html.shot .stage{width:100vw!important;height:100svh!important}html.shot .config,html.shot .home,html.shot .pick-panel,html.shot .topbar,html.shot .loader{display:none!important}html.shot .stage .scene-title{top:9%}html.shot .stage .scene-name{font-size:clamp(22px,5.2vw,64px)}html.shot .stage .studio-sign{display:block;bottom:3%}