@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-normal-DnYpCC2O.woff2) format("woff2"),url(./instrument-serif-latin-400-normal-BVbkICAY.woff) format("woff")}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-italic-DKMiL14s.woff2) format("woff2"),url(./instrument-serif-latin-400-italic-u__WvvIK.woff) format("woff")}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-symbols2-wght-normal-CO5SzqOn.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-vietnamese-wght-normal-DadHysG0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-wght-normal-XN7g48iV.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --bg{syntax: "<color>"; inherits: true; initial-value: #0b0a0d;}@property --bg2{syntax: "<color>"; inherits: true; initial-value: #16141a;}@property --fg{syntax: "<color>"; inherits: true; initial-value: #f6efe4;}@property --shade{syntax: "<color>"; inherits: true; initial-value: #ff3d1f;}@property --accent{syntax: "<color>"; inherits: true; initial-value: #ffe7c2;}@property --on{syntax: "<color>"; inherits: true; initial-value: #fff3e6;}@property --lit{syntax: "<number>"; inherits: true; initial-value: 1;}:root{--bg: #0b0a0d;--bg2: #16141a;--fg: #f6efe4;--shade: #ff3d1f;--accent: #ffe7c2;--on: #fff3e6;--lit: 1;--pad: clamp(18px, 3vw, 52px);--font-display: "Bricolage Grotesque Variable", "Helvetica Neue", Arial, sans-serif;--font-serif: "Instrument Serif", "Times New Roman", serif;--font-mono: "Geist Mono Variable", ui-monospace, "SFMono-Regular", Menlo, monospace;--ease: cubic-bezier(.65, 0, .35, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--line: color-mix(in srgb, var(--fg) 16%, transparent);--muted: color-mix(in srgb, var(--fg) 62%, transparent);--err: color-mix(in srgb, #ff8a98 calc(var(--lit) * 100%), #c4162b);--pbg: color-mix(in srgb, #fff calc(58% * (1 - var(--lit)) + 7% * var(--lit)), var(--bg));transition:--bg 1.1s var(--ease),--bg2 1.1s var(--ease),--fg .9s var(--ease),--shade .8s var(--ease),--accent .8s var(--ease),--on .8s var(--ease),--lit 1.1s var(--ease);scrollbar-width:thin;scrollbar-gutter:stable}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}html.no-scroll{overflow:hidden}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-display);font-optical-sizing:auto;font-weight:450;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}::selection{background:var(--shade);color:var(--on)}button{font:inherit;color:inherit}h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit}img{max-width:100%}em{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.02em;font-size:1.06em}:focus-visible{outline:2.5px solid var(--shade);outline-offset:3px}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle 54vmax at var(--lx, 70%) var(--ly, 45%),color-mix(in srgb,#ffffff calc(58% * (1 - var(--lit))),transparent),transparent 72%),radial-gradient(circle 46vmax at var(--lx, 70%) var(--ly, 45%),color-mix(in srgb,#ff9d57 calc(38% * var(--lit)),transparent),transparent 72%),radial-gradient(120vmax 80vmax at 100% 0%,var(--bg2),transparent 68%)}body:after{content:"";position:fixed;inset:0;z-index:400;pointer-events:none;opacity:.2;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}#gl{position:fixed;left:0;top:0;width:100vw;height:100vh;height:100lvh;z-index:5;pointer-events:none}#gl,#gl *{pointer-events:none!important}#gl canvas{display:block}.loader{position:fixed;inset:0;z-index:300;background:#0b0a0d;display:grid;place-content:center;justify-items:center;gap:22px;color:#f6efe4}.loader-mark{font:800 44px/1 var(--font-display);letter-spacing:-.033em}.loader-bar{width:120px;height:2px;background:#ffffff24;overflow:hidden;border-radius:2px}.loader-bar i{display:block;height:100%;width:40%;background:#ff3d1f;animation:load 1.1s var(--ease) infinite}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(300%)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .9s var(--ease-out) calc(var(--i, 0) * .08s),transform 1.1s var(--ease-out) calc(var(--i, 0) * .08s)}.is-in .reveal{opacity:1;transform:none}.ln{display:block;overflow:hidden;padding:.04em .12em .1em 0;margin:-.04em -.12em -.1em 0}.ln>span{display:block;transform:translateY(115%) rotate(3deg);transform-origin:0 100%;transition:transform 1.25s var(--ease-out) calc(var(--i, 0) * .09s)}.is-in .ln>span{transform:none}.eyebrow{font:500 12.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:10px}.eyebrow .sep{width:18px;height:1.5px;background:currentColor;opacity:.5}.dot-live{width:8px;height:8px;border-radius:50%;background:var(--shade);box-shadow:0 0 0 0 var(--shade);animation:pulse 2.2s infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--shade) 60%,transparent)}to{box-shadow:0 0 0 12px transparent}}.btn{--h: 58px;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:var(--h);padding:0 28px;border-radius:999px;border:1.5px solid var(--fg);background:transparent;color:var(--fg);font:600 17px/1 var(--font-display);letter-spacing:-.01em;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;white-space:nowrap;transform:translate(calc(var(--mx, 0) * 8px),calc(var(--my, 0) * 6px));transition:transform .4s var(--ease-out),background-color .35s,color .35s,border-color .35s,opacity .3s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--fg);color:var(--bg)}.btn-primary:not(:disabled):hover{background:var(--shade);border-color:var(--shade);color:var(--on)}.btn-ghost:not(:disabled):hover{background:var(--fg);color:var(--bg)}.btn-light{background:var(--on);color:var(--shade);border-color:var(--on)}.btn-light:hover{background:transparent;color:var(--on)}.roll{display:inline-block;height:1.2em;overflow:hidden;line-height:1.2}.roll>span{display:block;transition:transform .55s var(--ease-out)}.btn:hover .roll>span{transform:translateY(-100%)}.bulb{width:12px;height:12px;border-radius:50%;background:currentColor;opacity:.4;transition:all .5s}.bulb.on{background:#ffb347;box-shadow:0 0 16px 5px #ffb347a6;opacity:1}.icon-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:transparent;display:grid;place-items:center;cursor:pointer;transition:background .3s,color .3s,transform .4s var(--spring)}.icon-btn:hover{background:var(--fg);color:var(--bg);transform:scale(1.08)}.link{background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:14px;color:var(--muted)}.link:hover{color:var(--fg)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px var(--pad);opacity:0;transform:translateY(-14px);transition:opacity .9s var(--ease-out) .2s,transform .9s var(--ease-out) .2s,background-color .4s,padding .4s,backdrop-filter .4s}.is-in .nav{opacity:1;transform:none}.nav{color:var(--fg)}.nav.on-dark{color:#f6efe4}.nav.on-dark.is-solid{background:#0f0e10c7}.nav.on-dark .cart-btn{background:#f6efe4;color:#0f0e10}.nav.on-dark .nav-links a:hover{background:#f6efe41f}.nav.is-solid{background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(18px) saturate(1.35);padding-block:12px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:800 27px/1 var(--font-display);letter-spacing:-.04em}.nav-links{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:4px}.nav-links a{padding:11px 18px;border-radius:999px;text-decoration:none;font:550 15px/1 var(--font-display);transition:background .3s}.nav-links a:hover{background:color-mix(in srgb,var(--fg) 9%,transparent)}.cart-btn{position:relative;display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 8px 0 16px;border:0;border-radius:999px;background:var(--fg);color:var(--bg);font:600 15px/1 var(--font-display);cursor:pointer}.cart-count{min-width:32px;height:32px;border-radius:999px;padding:0 8px;display:grid;place-items:center;overflow:hidden;background:var(--shade);color:var(--on);font:700 14px/1 var(--font-display);font-variant-numeric:tabular-nums}.cart-burst{position:absolute;inset:0;border-radius:999px;pointer-events:none}.cart-btn.is-burst .cart-burst{animation:burst .8s var(--ease-out)}@keyframes burst{0%{box-shadow:0 0 0 0 var(--shade);opacity:1}to{box-shadow:0 0 0 26px transparent;opacity:0}}.hero{position:relative;min-height:100vh;min-height:100svh;padding:110px var(--pad) 0;display:flex;align-items:flex-end}.hero-word{position:absolute;left:50%;bottom:-.1em;transform:translate(-50%);z-index:1;pointer-events:none;user-select:none;white-space:nowrap;font:800 31vw/.8 var(--font-display);letter-spacing:-.046em;font-stretch:92%;color:color-mix(in srgb,var(--fg) 7%,transparent);opacity:0;transition:opacity 1.6s .6s}.is-in .hero-word{opacity:1}.hero-stage{position:absolute;right:0;top:6vh;bottom:2vh;width:58vw;z-index:3;cursor:grab;touch-action:pan-y}.is-dragging{cursor:grabbing!important}.hero-copy{position:relative;z-index:6;max-width:54vw;padding-bottom:clamp(34px,7.5vh,84px);pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.hero-title{margin:22px 0 28px;font-weight:800;font-stretch:94%;font-size:clamp(3.1rem,8.6vw,11rem);line-height:.88;letter-spacing:-.04em;word-spacing:.03em}.hero-title em{letter-spacing:-.035em;font-size:1.04em}.hero-sub{max-width:35ch;font-size:clamp(1rem,1.15vw,1.22rem);line-height:1.5;color:var(--muted);margin-bottom:30px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-side{position:absolute;right:var(--pad);bottom:clamp(28px,6vh,60px);z-index:6}.hero-colorname{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right}.hc-label{font:500 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hc-name{font:800 clamp(2rem,3.4vw,3.6rem)/1 var(--font-display);letter-spacing:-.035em;animation:nameIn .8s var(--ease-out)}@keyframes nameIn{0%{transform:translateY(40%);opacity:0}to{transform:none;opacity:1}}.hc-dots{display:flex;gap:7px}.hc-dots i{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--fg) 25%,transparent);opacity:.45;transition:transform .5s var(--spring),opacity .4s}.hc-dots i.on{opacity:1;transform:scale(1.6)}.hero-sticker{position:absolute;z-index:6;right:calc(var(--pad) + 4vw);top:17vh;width:clamp(100px,9.5vw,158px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--shade);color:var(--on);pointer-events:none;transform:rotate(-8deg)}.is-in .hero-sticker{transform:rotate(-8deg)}.sticker-ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 22s linear infinite}.sticker-ring text{font:600 15.5px var(--font-mono);letter-spacing:.12em;fill:currentColor}.sticker-price{font:800 clamp(1.5rem,2.3vw,2.4rem)/1 var(--font-display);letter-spacing:-.03em}@keyframes spin{to{transform:rotate(360deg)}}.scroll-cue{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:6;background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:8px;font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:pointer}.is-in .scroll-cue{transform:translate(-50%)}.scroll-cue i{width:1.5px;height:28px;background:currentColor;transform-origin:top;animation:cue 2s var(--ease) infinite}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}.marquee{position:relative;z-index:3;overflow:hidden;padding:2vw 0 2.2vw;border-block:1.5px solid var(--line);background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(8px);white-space:nowrap}.mq-track{display:flex;width:max-content;will-change:transform}.mq-row{display:flex;align-items:center;gap:2.6vw;padding-right:2.6vw;font:800 clamp(2.4rem,6vw,6.8rem)/1 var(--font-display);letter-spacing:-.04em;word-spacing:.03em}.mq-row li{display:flex;align-items:center;gap:2.6vw}.mq-row .serif{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.02em}.mq-row svg{color:var(--shade);flex:none;width:clamp(24px,3vw,44px);height:auto}.cfg{position:relative;padding:92px var(--pad) 36px;min-height:100vh;min-height:100svh}.cfg-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 448px;gap:26px;height:calc(100svh - 128px);min-height:660px}.stage-bg{grid-area:1 / 1;z-index:1;border-radius:42px;position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 40% at 50% 86%,color-mix(in srgb,#fff calc(44% * (1 - var(--lit))),transparent),transparent 70%),radial-gradient(ellipse 55% 55% at 50% 66%,color-mix(in srgb,#ff9d57 calc(34% * var(--lit)),transparent),transparent 75%),linear-gradient(180deg,color-mix(in srgb,var(--bg2) 92%,#fff) 0%,var(--bg2) 100%);box-shadow:inset 0 0 0 1.5px var(--line)}.stage-bg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:26%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--fg) 7%,transparent))}.stage{grid-area:1 / 1;position:relative;z-index:6;border-radius:42px;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.stage-label{position:absolute;left:30px;top:28px;display:flex;align-items:center;gap:12px;font:500 12.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:default}.sl-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--fg);color:var(--bg);font-size:11px}.stage-hint{position:absolute;left:30px;bottom:26px;display:flex;align-items:center;gap:10px;white-space:nowrap;font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);pointer-events:none;transition:opacity .4s}.stage-hint svg{animation:wiggle 2.6s var(--ease) infinite}@keyframes wiggle{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.stage.is-dragging .stage-hint,.cfg:has(#annotation[data-on="1"]) .stage-hint{opacity:0}.stage-tools{position:absolute;right:24px;top:22px;cursor:default}.chip-btn{height:38px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:color-mix(in srgb,var(--bg) 50%,transparent);backdrop-filter:blur(8px);font:600 13px/1 var(--font-display);cursor:pointer;transition:background .3s,color .3s}.chip-btn:hover{background:var(--fg);color:var(--bg)}.annotation{position:absolute;left:26px;bottom:26px;width:min(350px,calc(100% - 52px));padding:22px 22px 18px;border-radius:28px;cursor:default;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(20px) saturate(1.5);border:1.5px solid var(--line);opacity:0;transform:translateY(26px) scale(.96);pointer-events:none;transition:opacity .5s var(--ease-out),transform .7s var(--ease-out)}.annotation[data-on="1"]{opacity:1;transform:none;pointer-events:auto;transition-delay:.45s}.an-inner{animation:anIn .6s var(--ease-out)}@keyframes anIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.an-top{display:flex;justify-content:space-between;margin-bottom:14px;font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.an-n{opacity:.55}.an-tag{padding:5px 10px;border-radius:99px;background:var(--shade);color:var(--on)}.annotation h3{font:800 27px/1.02 var(--font-display);letter-spacing:-.03em;margin-bottom:10px}.annotation p{font-size:15px;line-height:1.5;color:var(--muted)}.an-actions{display:flex;align-items:center;gap:8px;margin-top:18px}.an-actions .icon-btn{width:40px;height:40px}.an-close{margin-left:auto;height:40px;padding:0 16px;border-radius:99px;border:0;background:var(--fg);color:var(--bg);font:600 13.5px/1 var(--font-display);cursor:pointer;transition:background .3s,color .3s}.an-close:hover{background:var(--shade);color:var(--on)}#hotspot-layer{position:fixed;inset:0;z-index:7;pointer-events:none;opacity:0;transition:opacity .5s}#hotspot-layer[data-on="1"]{opacity:1}.leader{position:absolute;inset:0;width:100%;height:100%;overflow:visible}#leader-line{stroke:var(--fg);stroke-width:1.5;stroke-dasharray:5 5;opacity:0;transition:opacity .4s .5s}#leader-dot{fill:var(--fg);opacity:0;transition:opacity .4s}#hotspot-layer[data-focus="1"] #leader-dot{opacity:1}#hotspot-layer[data-focus="1"] #leader-line{opacity:.6}.hotspot{position:absolute;left:0;top:0;width:48px;height:48px;margin:-24px 0 0 -24px;padding:0;border:0;background:none;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .35s;will-change:transform}.hotspot[data-vis="1"]{opacity:1;pointer-events:auto}.hs-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--fg);animation:ping 2.4s var(--ease-out) infinite}.hs-dot{position:absolute;inset:10px;border-radius:50%;background:var(--fg);color:var(--bg);display:grid;place-items:center;font:600 11px/1 var(--font-mono);transition:transform .4s var(--spring),background .3s;box-shadow:0 6px 18px #00000038}.hotspot:hover .hs-dot{transform:scale(1.22);background:var(--shade);color:var(--on)}.hotspot[data-active="1"] .hs-dot{background:var(--shade);color:var(--on);transform:scale(1.12)}.hotspot[data-active="1"] .hs-ring{animation:none;opacity:0}.hs-label{position:absolute;left:50px;top:50%;transform:translate(-8px,-50%);white-space:nowrap;padding:8px 14px;border-radius:99px;background:var(--fg);color:var(--bg);font:600 13px/1 var(--font-display);opacity:0;pointer-events:none;transition:opacity .3s,transform .4s var(--ease-out)}.hotspot:hover .hs-label{opacity:1;transform:translateY(-50%)}.hotspot[data-active="1"] .hs-label{opacity:0}@keyframes ping{0%{transform:scale(.55);opacity:.8}to{transform:scale(1.3);opacity:0}}.panel{grid-area:1 / 2;position:relative;z-index:4;display:flex;flex-direction:column;gap:20px;padding:28px 28px 24px;border-radius:42px;background:var(--pbg);overflow-y:auto;scrollbar-width:none;box-shadow:0 1px color-mix(in srgb,#fff 60%,transparent) inset,0 30px 60px -30px rgba(0,0,0,calc(.25 * (1 - var(--lit)) + .5 * var(--lit)))}.panel::-webkit-scrollbar{display:none}.panel-title{font:800 clamp(3.2rem,5vw,5.4rem)/.88 var(--font-display);font-stretch:94%;letter-spacing:-.04em;margin:14px 0 12px}.price-row{display:flex;align-items:baseline;gap:14px}.price{font:700 30px/1 var(--font-display);letter-spacing:-.026em;font-variant-numeric:tabular-nums}.price-note{font:500 12.5px/1 var(--font-mono);letter-spacing:.04em;color:var(--muted)}.spec-line{margin-top:10px;font:500 12.5px/1.3 var(--font-mono);letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.opt{display:flex;flex-direction:column;gap:12px}.opt-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.opt-title{font:500 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.opt-title b{opacity:.45;margin-right:8px;font-weight:500}.opt-val{font:550 14px/1.2 var(--font-display);color:var(--muted);text-align:right;animation:valIn .6s var(--ease-out)}@keyframes valIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sw-row{display:flex;gap:11px;flex-wrap:wrap}.sw-color{position:relative;width:47px;height:47px;border-radius:50%;border:0;padding:0;cursor:pointer;background:linear-gradient(135deg,var(--a) 0 54%,var(--b) 54% 100%);box-shadow:inset 0 0 0 1px #00000024;transition:transform .5s var(--spring),box-shadow .3s}.sw-color:hover{transform:scale(1.14) rotate(-10deg)}.sw-color[aria-pressed=true]{transform:scale(1.06);box-shadow:0 0 0 3px var(--pbg),0 0 0 5.5px var(--fg)}.chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chip{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:18px;border:1.5px solid var(--line);background:transparent;font:600 14px/1.1 var(--font-display);letter-spacing:-.01em;text-align:left;cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .4s var(--spring)}.chip small{margin-left:auto;font:500 11.5px/1 var(--font-mono);opacity:.6}.chip:hover{transform:translateY(-2px);border-color:var(--fg)}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.fin-dot{width:24px;height:24px;flex:none;border-radius:50%;background:var(--shade);box-shadow:inset 0 0 0 1px #fff3,0 0 0 1.5px #80808040}.fin-gloss{background:radial-gradient(circle at 30% 26%,#fff 0 13%,transparent 14%),radial-gradient(circle at 70% 78%,rgba(255,255,255,.35) 0 10%,transparent 11%),var(--shade)}.fin-matte{background:var(--shade)}.fin-satin{background:linear-gradient(125deg,color-mix(in srgb,var(--shade) 40%,#fff) 0%,var(--shade) 38%,color-mix(in srgb,var(--shade) 55%,#000) 100%)}.fin-opal{background:radial-gradient(circle at 50% 50%,#fff7dc 0%,color-mix(in srgb,var(--shade) 70%,#fff7dc) 45%,var(--shade) 100%);box-shadow:0 0 12px 1px color-mix(in srgb,var(--shade) 70%,transparent)}.base-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sw-base{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;padding:0;background:none;cursor:pointer;font:600 12.5px/1.1 var(--font-display);text-align:center}.sw-base small{font:500 10.5px/1 var(--font-mono);opacity:.55}.sw-base-tile{display:block;width:100%;aspect-ratio:1;border-radius:20px;background-position:center;box-shadow:inset 0 0 0 1px #00000024;transition:transform .5s var(--spring),box-shadow .3s}.sw-base:hover .sw-base-tile{transform:translateY(-4px) rotate(-3deg)}.sw-base[aria-pressed=true] .sw-base-tile{box-shadow:0 0 0 3px var(--pbg),0 0 0 5.5px var(--fg);transform:scale(.94)}.light-row{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.lr-label{font:500 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.lr-label b{opacity:.45;margin-right:8px;font-weight:500}.switch{display:flex;align-items:center;gap:12px;border:0;background:none;cursor:pointer;font:600 14px/1 var(--font-display)}.sw-track{position:relative;width:62px;height:34px;border-radius:99px;background:color-mix(in srgb,var(--fg) 20%,transparent);transition:background .4s}.sw-track i{position:absolute;left:4px;top:4px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000004d;transition:transform .55s var(--spring)}.switch[aria-checked=true] .sw-track{background:#ffb347}.switch[aria-checked=true] .sw-track i{transform:translate(28px)}.sw-text{min-width:58px;text-align:left}.look-row{display:flex;flex-wrap:wrap;gap:8px}.look{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 7px;border-radius:99px;border:1.5px solid var(--line);background:transparent;font:600 13.5px/1 var(--font-display);cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .4s var(--spring)}.look i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--fg);color:var(--bg);font:600 10.5px/1 var(--font-mono);font-style:normal;letter-spacing:0;transition:background .3s,color .3s}.look:hover{background:var(--fg);color:var(--bg);transform:translateY(-2px)}.look:hover i{background:var(--shade);color:var(--on)}.btn-buy{--h: 68px;width:100%;justify-content:space-between;padding:0 26px;font-size:18px;margin-top:auto}.buy-fill{position:absolute;inset:0;background:var(--shade);transform:translateY(102%);border-radius:inherit;transition:transform .6s var(--ease-out)}.btn-buy:not(:disabled):hover .buy-fill{transform:none}.btn-buy:not(:disabled):hover{color:var(--on)}.buy-label,.buy-price{position:relative}.buy-price{font-variant-numeric:tabular-nums}.fine{font:500 12px/1.4 var(--font-mono);letter-spacing:.03em;color:var(--muted);text-align:center}.family{position:relative;z-index:3;background:#0f0e10;color:#f6efe4}.family .eyebrow{color:#f6efe499}.family-pin{height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;gap:4vh;overflow:hidden;padding-top:60px}.family-head{padding:0 var(--pad);display:flex;flex-direction:column;gap:18px}.family-head h2{font:800 clamp(2.4rem,5.6vw,6.4rem)/.9 var(--font-display);font-stretch:94%;letter-spacing:-.04em;max-width:14ch;word-spacing:.05em}.family-track{display:flex;gap:22px;padding:0 var(--pad);width:max-content;will-change:transform}.fam-card{position:relative;flex:0 0 clamp(300px,27vw,500px);height:min(56vh,600px);padding:26px;border:0;border-radius:38px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;text-align:left;cursor:pointer;background:linear-gradient(165deg,var(--cbg),var(--cbg2));color:var(--cfg);transition:transform .7s var(--ease-out)}.fam-card:hover{transform:translateY(-12px) rotate(-.7deg)}.fam-n{position:relative;font:500 12.5px/1 var(--font-mono);letter-spacing:.1em}.fam-lamp{position:absolute;left:50%;top:46%;height:60%;width:auto;transform:translate(-50%,-50%);transition:transform .8s var(--ease-out)}.fam-card:hover .fam-lamp{transform:translate(-50%,-53%) scale(1.05) rotate(2deg)}.fam-glow{opacity:0;transition:opacity .7s}.fam-card:hover .fam-glow{opacity:1}.fam-meta{position:relative;display:block}.fam-meta h3{font:800 clamp(2.2rem,3.6vw,3.9rem)/.9 var(--font-display);letter-spacing:-.04em}.fam-meta p{margin-top:8px;font:450 15px/1.3 var(--font-display);opacity:.75}.fam-cta{position:absolute;right:22px;top:22px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:99px;background:var(--cfg);color:var(--cbg);font:600 13px/1 var(--font-display);opacity:0;transform:translateY(-8px);transition:opacity .4s,transform .6s var(--ease-out)}.fam-card:hover .fam-cta,.fam-card:focus-visible .fam-cta{opacity:1;transform:none}.fam-end{flex:0 0 clamp(280px,30vw,520px);display:grid;align-content:center;padding:0 2vw;font:400 clamp(2rem,3.4vw,3.8rem)/1.02 var(--font-display);letter-spacing:-.026em;color:#f6efe4e6}.craft{position:relative;z-index:3;background:var(--bg);padding:16vh var(--pad) 12vh}.cr-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:6vw;align-items:start}.cr-statement{margin-top:26px;font:700 clamp(2rem,4.7vw,5.6rem)/1.02 var(--font-display);font-stretch:96%;letter-spacing:-.03em;word-spacing:.05em}.cr-specs{padding-top:8vh}.cr-spec{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:19px 0;border-bottom:1.5px solid var(--line)}.cr-spec dt{font:500 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.cr-spec dd{font:600 clamp(1rem,1.35vw,1.3rem)/1.2 var(--font-display);text-align:right}.cr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4vw;margin-top:14vh}.cr-stat{border-top:1.5px solid var(--fg);padding-top:18px;display:flex;flex-direction:column;gap:12px}.cr-num{font:800 clamp(3.4rem,8.4vw,10rem)/.88 var(--font-display);letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-stretch:92%}.cr-label{font:500 12px/1.35 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.finale{position:relative;z-index:3;min-height:96vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:44px;padding:12vh var(--pad);background:var(--shade);color:var(--on);overflow:hidden}.finale h2{position:relative;font:800 clamp(4.4rem,17vw,21rem)/.8 var(--font-display);font-stretch:92%;letter-spacing:-.035em}.finale h2 em{letter-spacing:-.026em}.fin-orbs{position:absolute;inset:0;pointer-events:none}.fin-orbs i{position:absolute;width:clamp(60px,9vw,150px);aspect-ratio:1;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--on) 25%,transparent);animation:floaty 7s var(--ease) infinite alternate;animation-delay:var(--d)}.fin-orbs i:nth-child(1){right:8%;top:12%}.fin-orbs i:nth-child(2){right:24%;top:54%;width:clamp(40px,6vw,96px)}.fin-orbs i:nth-child(3){right:6%;top:52%;width:clamp(80px,12vw,200px)}.fin-orbs i:nth-child(4){right:30%;top:14%;width:clamp(34px,4.6vw,72px)}.fin-orbs i:nth-child(5){right:16%;bottom:8%;width:clamp(50px,7vw,120px)}.fin-orbs i:nth-child(6){right:40%;bottom:14%;width:clamp(28px,3.6vw,60px)}@keyframes floaty{0%{transform:translate3d(0,-14px,0) scale(.96)}to{transform:translate3d(0,18px,0) scale(1.04)}}.footer{position:relative;z-index:3;background:#0f0e10;color:#f6efe4;padding:52px var(--pad) 44px;display:grid;gap:32px}.ft-row{display:flex;gap:6vw;align-items:flex-start;justify-content:space-between}.ft-brand{font:800 44px/1 var(--font-display);letter-spacing:-.05em}.ft-row p{max-width:60ch;font-size:15px;line-height:1.55;color:#f6efe4b3}.ft-small{font:500 12px/1.5 var(--font-mono);color:#f6efe480;flex-wrap:wrap;gap:8px 28px;justify-content:flex-start}.drawer{position:fixed;inset:0;z-index:100;visibility:hidden;pointer-events:none;transition:visibility 0s .7s}.drawer[data-open="1"]{visibility:visible;pointer-events:auto;transition-delay:0s}.scrim{position:absolute;inset:0;background:#0c080873;backdrop-filter:blur(4px);opacity:0;transition:opacity .6s}.drawer[data-open="1"] .scrim{opacity:1}.sheet{position:absolute;right:12px;top:12px;bottom:12px;width:min(490px,calc(100vw - 24px));display:flex;flex-direction:column;border-radius:34px;overflow:hidden;background:color-mix(in srgb,var(--bg) 78%,#fff);color:var(--fg);box-shadow:0 40px 100px #00000059;transform:translate(calc(100% + 30px));transition:transform .8s var(--ease-out)}.drawer[data-open="1"] .sheet{transform:none}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:24px 26px 14px}.sheet-head h3{font:800 30px/1 var(--font-display);letter-spacing:-.033em;display:flex;align-items:center;gap:12px}.sheet-count{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 9px;border-radius:99px;background:var(--shade);color:var(--on);font:700 14px/1 var(--font-display)}.ship-meter{padding:6px 26px 18px;font:500 13px/1.3 var(--font-mono);letter-spacing:.02em;color:var(--muted)}.ship-meter b{color:var(--fg)}.bar{height:7px;margin-top:10px;border-radius:99px;background:color-mix(in srgb,var(--fg) 12%,transparent);overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;background:var(--shade);transition:width .9s var(--ease-out)}.lines{flex:1;overflow-y:auto;border-top:1.5px solid var(--line)}.line{display:grid;grid-template-columns:96px 1fr auto;gap:16px;padding:18px 26px;border-bottom:1.5px solid var(--line);animation:lineIn .7s var(--ease-out) both;animation-delay:calc(var(--i) * .07s + .35s)}@keyframes lineIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.line-thumb{width:96px;height:110px;border-radius:22px;overflow:hidden;display:grid;place-items:center}.line-thumb img{width:88%;height:94%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.18))}.line-body{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.line-body b{font:700 17px/1.15 var(--font-display);letter-spacing:-.025em}.line-body small{font:500 11.5px/1.35 var(--font-mono);color:var(--muted);letter-spacing:.02em}.qty{display:inline-flex;align-items:center;margin-top:10px;border:1.5px solid var(--line);border-radius:99px;padding:2px}.qty button{width:34px;height:34px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s,transform .3s var(--spring)}.qty button:hover{background:var(--fg);color:var(--bg);transform:scale(1.1)}.qty output{min-width:30px;text-align:center;font:700 15px/1 var(--font-display);font-variant-numeric:tabular-nums}.line-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.line-side b{font:700 18px/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.empty{flex:1;display:grid;place-content:center;justify-items:center;gap:18px;text-align:center;color:var(--muted);border-top:1.5px solid var(--line)}.sheet-foot{padding:20px 26px 26px;display:grid;gap:12px;border-top:1.5px solid var(--line);background:color-mix(in srgb,var(--bg) 50%,#fff)}.sum-row{display:flex;justify-content:space-between;align-items:baseline;font:500 14px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.sum-row b{font:800 30px/1 var(--font-display);letter-spacing:-.033em;text-transform:none}.toast{position:fixed;left:50%;bottom:26px;z-index:120;display:flex;align-items:center;gap:14px;padding:14px 24px 14px 18px;border-radius:99px;background:var(--fg);color:var(--bg);box-shadow:0 20px 50px #0000004d;transform:translate(-50%,220%);transition:transform .7s var(--spring),visibility 0s .7s;pointer-events:none;visibility:hidden}.toast[data-on="1"]{transform:translate(-50%);visibility:visible;transition-delay:0s}.toast svg{flex:none;padding:5px;width:28px;height:28px;border-radius:50%;background:var(--shade);color:var(--on)}.toast span{display:flex;flex-direction:column;gap:3px}.toast b{font:700 15px/1 var(--font-display)}.toast small{font:500 11.5px/1 var(--font-mono);opacity:.7;letter-spacing:.02em}.fly-lamp{position:fixed;z-index:200;pointer-events:none;transform-origin:50% 50%;filter:drop-shadow(0 20px 26px rgba(0,0,0,.22));will-change:transform}.checkout{position:fixed;inset:0;z-index:150;overflow-y:auto;background:var(--bg);color:var(--fg);visibility:hidden;opacity:0;transform:translateY(46px) scale(.985);transition:opacity .5s var(--ease-out),transform .8s var(--ease-out),visibility 0s .8s}.checkout[data-open="1"]{visibility:visible;opacity:1;transform:none;transition-delay:0s}.checkout:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle 60vmax at 82% 8%,color-mix(in srgb,var(--shade) 22%,transparent),transparent 70%)}.co-inner{max-width:1280px;margin:0 auto;padding:22px var(--pad) 70px}.co-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.co-logo{font:800 30px/1 var(--font-display);letter-spacing:-.046em}.co-secure{display:inline-flex;align-items:center;gap:8px;font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.co-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:5vw;margin-top:4vh;align-items:start}.co-main{max-width:640px}.stepper{position:relative;display:flex;justify-content:space-between;margin-bottom:44px}.stepper li{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:0 12px 0 0;background:var(--bg);font:600 15px/1 var(--font-display);color:var(--muted);transition:color .4s}.stepper li:not(:first-child){padding-left:12px}.stepper li:last-of-type{padding-right:0}.st-dot{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--line);font:600 13px/1 var(--font-mono);transition:all .5s var(--spring)}.stepper li.now{color:var(--fg)}.stepper li.now .st-dot{background:var(--fg);color:var(--bg);border-color:var(--fg);transform:scale(1.12)}.stepper li.done{color:var(--fg)}.stepper li.done .st-dot{background:var(--shade);color:var(--on);border-color:var(--shade)}.st-line{position:absolute;left:0;right:0;top:16px;height:1.5px;background:var(--line);z-index:0}.st-line:after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--p) * 100%);background:var(--fg);transition:width .8s var(--ease-out)}.co-step{animation:stepIn .7s var(--ease-out)}@keyframes stepIn{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:none}}.co-step h2,.co-done h2{font:800 clamp(2.4rem,4.4vw,4.4rem)/.92 var(--font-display);letter-spacing:-.04em;margin-bottom:26px;word-spacing:.04em}.co-demo{margin:-10px 0 22px;padding:12px 16px;border-radius:16px;font:500 12.5px/1.5 var(--font-mono);color:var(--muted);background:color-mix(in srgb,var(--fg) 6%,transparent)}.field{position:relative;margin-bottom:14px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field input,.field textarea,.field select{width:100%;height:64px;padding:26px 18px 8px;border-radius:20px;border:1.5px solid var(--line);background:color-mix(in srgb,#fff calc(50% * (1 - var(--lit)) + 6% * var(--lit)),var(--bg));color:inherit;font:550 17px/1.2 var(--font-display);letter-spacing:-.01em;outline:none;appearance:none;-webkit-appearance:none;transition:border-color .25s,box-shadow .25s}.field textarea{height:auto;padding-top:30px;resize:none}.field select{padding-top:26px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1.5 7 7.5l6-6' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 20px center}.field label{position:absolute;left:19px;top:21px;font:500 16px/1 var(--font-display);color:var(--muted);pointer-events:none;transform-origin:left top;transition:transform .3s var(--ease-out),color .3s}.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label,.field .sel-label{transform:translateY(-13px) scale(.75)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--fg);box-shadow:0 0 0 4px color-mix(in srgb,var(--shade) 30%,transparent)}.field.has-error input{border-color:var(--err);box-shadow:0 0 0 4px color-mix(in srgb,var(--err) 18%,transparent);animation:shakeX .45s}.field.has-error label{color:var(--err)}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.field-err{display:flex;align-items:center;gap:8px;margin:9px 6px 0;font:550 13.5px/1.3 var(--font-display);color:var(--err);animation:anIn .4s var(--ease-out)}.card-brand{position:absolute;right:18px;top:50%;transform:translateY(-50%);padding:5px 10px;border-radius:99px;background:var(--fg);color:var(--bg);font:600 11.5px/1 var(--font-mono);letter-spacing:.04em;animation:anIn .4s var(--ease-out)}.radio-cards{display:grid;gap:12px;margin-bottom:18px}.rcard{position:relative;display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:22px;border:1.5px solid var(--line);cursor:pointer;transition:border-color .3s,background .3s,transform .4s var(--spring)}.rcard:hover{transform:translateY(-2px)}.rcard input{position:absolute;opacity:0}.rc-dot{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--fg);flex:none;display:grid;place-items:center}.rc-dot:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--shade);transform:scale(0);transition:transform .45s var(--spring)}.rcard.on{border-color:var(--fg);background:color-mix(in srgb,#fff 40%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--shade) 22%,transparent)}.rcard.on .rc-dot:after{transform:scale(1)}.rc-body{display:flex;flex-direction:column;gap:5px}.rc-body b{font:700 18px/1 var(--font-display);letter-spacing:-.02em}.rc-body small{font:500 12px/1.3 var(--font-mono);color:var(--muted)}.rc-price{margin-left:auto;font:700 17px/1 var(--font-display)}.co-actions{display:flex;gap:12px;justify-content:space-between;margin-top:30px}.co-actions .btn-primary{flex:1;max-width:360px}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}.co-summary{position:sticky;top:24px;padding:28px;border-radius:36px;background:var(--pbg);box-shadow:0 30px 60px -34px #0006}.co-summary h3{font:500 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px;color:var(--muted)}.co-summary li{display:grid;grid-template-columns:76px 1fr auto;gap:14px;align-items:center;padding:10px 0}.cs-thumb{position:relative;width:76px;height:88px;border-radius:18px;display:grid;place-items:center}.cs-thumb img{width:88%;height:94%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.18))}.cs-thumb em{position:absolute;right:-8px;top:-8px;display:grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:var(--fg);color:var(--bg);font:700 12px/1 var(--font-display);font-style:normal;letter-spacing:0}.cs-body{display:flex;flex-direction:column;gap:4px}.cs-body b{font:700 15.5px/1.15 var(--font-display);letter-spacing:-.02em}.cs-body small{font:500 11px/1.35 var(--font-mono);color:var(--muted)}.cs-price{font:700 16px/1 var(--font-display);font-variant-numeric:tabular-nums}.totals{margin-top:18px;padding-top:18px;border-top:1.5px solid var(--line);display:grid;gap:12px}.totals div{display:flex;justify-content:space-between;align-items:baseline;font:500 14px/1 var(--font-display)}.totals dt{color:var(--muted)}.totals dd{font-variant-numeric:tabular-nums;font-weight:650}.totals .grand{margin-top:6px;padding-top:16px;border-top:1.5px solid var(--line)}.totals .grand dt{font:500 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.totals .grand dd{font:800 34px/1 var(--font-display);letter-spacing:-.033em}.co-done{position:relative;padding:10px 0 0}.done-check{margin-bottom:26px}.done-check circle{stroke-dasharray:340;stroke-dashoffset:340;animation:draw .9s var(--ease-out) .1s forwards}.done-check path{stroke-dasharray:90;stroke-dashoffset:90;animation:draw .6s var(--ease-out) .7s forwards}@keyframes draw{to{stroke-dashoffset:0}}.done-id{font:500 14px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.done-id b{color:var(--fg)}.done-note{max-width:52ch;font-size:17px;line-height:1.55;color:var(--muted);margin-bottom:30px}.confetti{position:absolute;left:60px;top:70px;width:0;height:0;pointer-events:none}.confetti i{position:absolute;left:0;top:0;width:11px;height:11px}@media(max-width:1100px){.cfg-grid{grid-template-columns:minmax(0,1fr) 400px}.co-grid{grid-template-columns:minmax(0,1fr) 360px;gap:3vw}}@media(max-width:899px){:root{--pad: 18px}.nav{padding:14px var(--pad)}.nav-links,.scroll-cue,.hero-word,.cart-btn .cart-label{display:none}.cart-btn{padding:0 8px 0 14px}.hero{padding-top:70px}.hero-stage{inset:64px 0 auto;width:auto;height:41svh}.hero-copy{max-width:none;padding-bottom:26px;margin-top:auto}.hero-title{font-size:clamp(2.8rem,14.2vw,5.6rem);margin:12px 0 14px}.hero-sub{font-size:14.5px;line-height:1.45;margin-bottom:16px;max-width:33ch}.hero-cta{flex-wrap:nowrap;gap:8px}.hero-cta .btn{--h: 50px;padding:0 18px;font-size:15px;gap:9px}.hero-side{display:none}.hero-sticker{right:auto;left:var(--pad);top:94px;width:92px}.sticker-ring text{font-size:15px}.marquee{padding:14px 0 16px}.mq-row{font-size:clamp(2rem,11vw,3.4rem)}.cfg{padding:60px 0 24px}.cfg-grid{display:flex;flex-direction:column;gap:14px;height:auto;min-height:0}.stage-bg{display:block;position:sticky;top:70px;height:44svh;z-index:4;border-radius:34px;order:1;margin:0 10px}.stage{position:sticky;top:70px;height:44svh;margin:calc(-44svh - 14px) 10px 0;z-index:6;order:2}.panel{order:3;margin:0 var(--pad);padding:22px 20px 20px;border-radius:34px;overflow:visible;z-index:3}.panel-title{font-size:3.6rem}.stage-label{display:none}.stage-tools{top:auto;bottom:12px;right:12px}.stage-hint{display:none}.hotspot{width:40px;height:40px;margin:-20px 0 0 -20px}.hs-dot{inset:8px}.sw-row{gap:8px}.sw-color{width:42px;height:42px}.annotation{left:12px;right:12px;bottom:12px;width:auto;padding:16px 16px 12px;border-radius:22px}.annotation h3{font-size:20px}.annotation p{font-size:13.5px;line-height:1.4}.an-actions{margin-top:12px}.family-pin{height:auto;padding:14vh 0 10vh;overflow:visible;gap:34px}.family-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:none}.family-track::-webkit-scrollbar{display:none}.fam-card{flex-basis:76vw;height:58vh;scroll-snap-align:center}.fam-cta{opacity:1;transform:none}.fam-end{flex-basis:70vw}.cr-grid{grid-template-columns:1fr;gap:6vh}.cr-specs{padding-top:0}.cr-stats{grid-template-columns:1fr 1fr;gap:28px 18px;margin-top:10vh}.finale{min-height:80svh}.ft-row{flex-direction:column;gap:18px}.sheet{right:0;top:0;bottom:0;width:100vw;border-radius:0}.co-grid{grid-template-columns:1fr;gap:28px}.co-summary{position:static;order:-1;padding:20px;border-radius:28px}.co-secure{display:none}.field-row{grid-template-columns:1fr 1fr;gap:10px}.stepper li{font-size:13px}.co-actions .btn-primary{max-width:none}.toast{max-width:calc(100vw - 28px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
