:root{--bg-top:#16181c;--bg-bottom:#0a0b0d;--accent:#8fd0ff;--ink:#f2f3f5;--muted:#a3a9b3;--line:#ffffff1f;--serif:"Instrument Serif", "Times New Roman", serif;--sans:Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;--pad:clamp(20px, 5vw, 72px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg-bottom)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(120% 90% at 50% 35%, var(--bg-top) 0%, var(--bg-bottom) 70%) fixed;-webkit-font-smoothing:antialiased;margin:0;transition:background .8s;overflow-x:hidden}a{color:inherit}em{font-family:var(--serif);color:var(--accent);font-style:italic;font-weight:400;transition:color .6s}#scene{width:100vw;height:100vh;z-index:0;touch-action:pan-y;height:100lvh;display:block;position:fixed;inset:0}.no-webgl #scene{display:none}.callouts{z-index:1;pointer-events:none;position:fixed;inset:0}.callouts svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.callouts line{stroke:#ffffff73;stroke-width:1px}.callouts circle{fill:var(--accent)}.callout{will-change:transform;max-width:220px;font-size:13px;line-height:1.35;position:absolute;top:0;left:0}.callout b{letter-spacing:.01em;font-weight:600;display:block}.callout span{color:var(--muted)}.callout.left{text-align:right}.top{z-index:5;padding:16px var(--pad);background:linear-gradient(#08090bbf,#08090b00);align-items:center;gap:24px;display:flex;position:fixed;inset:0 0 auto}.logo{letter-spacing:-.02em;font-size:19px;font-weight:700;text-decoration:none}.logo span{font-family:var(--serif);color:var(--accent);font-size:22px;font-style:italic;font-weight:400;transition:color .6s}.top nav{gap:22px;margin:0 auto;font-size:14px;display:flex}.top nav a{color:var(--muted);text-decoration:none;transition:color .2s}.top nav a:hover,.top nav a.on{color:var(--ink)}.pill{cursor:pointer;font:600 14px var(--sans);color:#0b0c0e;background:var(--ink);border:0;border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;text-decoration:none;transition:transform .2s,background .6s;display:inline-flex}.pill:hover{background:var(--accent);transform:translateY(-1px)}.pill.big{padding:14px 30px;font-size:16px}.sound{border:1px solid var(--line);color:var(--muted);font:600 13px var(--sans);cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;gap:9px;margin-left:auto;padding:8px 14px 8px 12px;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.top nav+.sound{margin-left:0}.sound:hover{color:var(--ink);border-color:var(--accent)}.sound[aria-pressed=true]{color:var(--ink)}.bars{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.bars i{background:currentColor;border-radius:1px;width:2.5px;height:3px;transition:background .6s}.sound[aria-pressed=true] .bars i{background:var(--accent);animation:.9s ease-in-out infinite alternate eq}.sound[aria-pressed=true] .bars i:nth-child(2){animation-duration:.7s;animation-delay:-.3s}.sound[aria-pressed=true] .bars i:nth-child(3){animation-duration:1.1s;animation-delay:-.6s}.sound[aria-pressed=true] .bars i:nth-child(4){animation-duration:.8s;animation-delay:-.2s}@keyframes eq{0%{height:3px}to{height:14px}}.listen{border:1px solid var(--line);color:var(--ink);font:600 14px var(--sans);cursor:pointer;pointer-events:auto;background:#ffffff0d;border-radius:999px;margin-top:6px;padding:9px 18px;transition:border-color .2s,background .2s,opacity .4s}.listen span{color:var(--accent);margin-right:4px}.listen:hover{border-color:var(--accent);background:#ffffff1a}.listen.gone{pointer-events:none;opacity:0!important}.progress{height:2px;position:absolute;bottom:0;left:0;right:0}.progress i{background:var(--accent);transform-origin:0;width:100%;height:100%;transition:background .6s;display:block;transform:scaleX(0)}main{z-index:2;pointer-events:none;position:relative}.chapter{min-height:170vh;position:relative}.chapter.hero{min-height:160vh}.chapter.tall{min-height:280vh}#buy{min-height:120vh}.panel{min-height:100vh;pointer-events:auto;flex-direction:column;justify-content:center;width:min(460px,38vw);min-height:100svh;padding:96px 0 48px;display:flex;position:sticky;top:0}.panel.left{margin-left:var(--pad)}.panel.right{margin-left:auto;margin-right:var(--pad)}.panel.narrow{width:min(340px,30vw)}.panel.center{text-align:center;width:auto;margin:0 var(--pad);pointer-events:none;justify-content:flex-start;align-items:center;padding-top:14vh}.panel.bottom{text-align:center;width:auto;margin:0 var(--pad);justify-content:flex-end;align-items:center;padding-bottom:7vh}.panel>*{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.panel.in>*{opacity:1;transform:none}.panel.in>:nth-child(2){transition-delay:60ms}.panel.in>:nth-child(3){transition-delay:.12s}.panel.in>:nth-child(n+4){transition-delay:.18s}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-size:13px;font-weight:600}h1,h2{letter-spacing:-.035em;margin:0 0 18px;font-weight:600;line-height:.98}h1{font-size:clamp(48px,8.4vw,132px)}h2{font-size:clamp(36px,4.6vw,68px)}h1 em,h2 em{letter-spacing:-.01em}h2.big{align-items:baseline;gap:.12em;font-size:clamp(80px,11vw,170px);display:flex}h2.big em{font-size:.42em}#hours{font-variant-numeric:tabular-nums;min-width:1.15em}.panel p{color:#cfd3da;margin:0 0 16px;font-size:17px;line-height:1.6}.panel .lede{text-shadow:0 2px 18px #000000e6;max-width:30em;font-size:clamp(17px,1.6vw,21px)}.panel .small{color:var(--muted);font-size:13px}.scroll-cue{letter-spacing:.14em;text-transform:uppercase;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:4vh;left:50%;color:var(--muted)!important;margin:0!important;font-size:12px!important;transform:translate(-50%)!important}.scroll-cue span{background:linear-gradient(var(--accent), transparent);transform-origin:top;width:1px;height:46px;animation:2.2s ease-in-out infinite cue}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.stats{border-top:1px solid var(--line);gap:28px;margin:14px 0 0;padding:18px 0 0;display:flex}.stats dt,.specs dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.stats dd{margin:4px 0 0;font-size:22px;font-weight:600}.specs{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:14px 24px;margin:26px 0 0;padding-top:22px;display:grid}.specs dd{margin:3px 0 0;font-size:14px}.price{font-weight:600;color:var(--ink)!important;font-size:26px!important}.meter{border:1px solid var(--line);background:#ffffff08;border-radius:14px;justify-content:space-between;align-items:baseline;padding:14px 18px;display:flex}.meter span{color:var(--muted);font-size:14px}.meter b{font-variant-numeric:tabular-nums;color:var(--accent);font-size:28px;transition:color .6s}.play{border:1px solid var(--line);color:var(--ink);font:600 15px var(--sans);cursor:pointer;background:#ffffff0d;border-radius:999px;align-self:flex-start;align-items:center;gap:12px;margin:6px 0 12px;padding:10px 20px 10px 10px;transition:background .2s,border-color .2s;display:inline-flex}.play:hover{border-color:var(--accent);background:#ffffff1a}.play .icon{background:var(--accent);border-radius:50%;width:34px;height:34px;transition:background .6s;position:relative}.play .icon:before{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid #0b0c0e;position:absolute;top:10px;left:13px}.play[aria-pressed=true] .icon:before{background:#0b0c0e;border:0;width:4px;height:14px;top:10px;left:11px;box-shadow:8px 0 #0b0c0e}.swatches{justify-content:center;gap:14px;margin:6px 0 34px;display:flex}.swatch{cursor:pointer;background:var(--c);width:46px;height:46px;box-shadow:inset 0 -6px 12px #00000059, 0 0 0 1px var(--line);border:2px solid #0000;border-radius:50%;padding:0;transition:transform .2s,border-color .2s;position:relative}.swatch:hover{transform:scale(1.08)}.swatch[aria-pressed=true]{border-color:var(--ink)}.swatch:after{content:attr(data-name);color:var(--muted);opacity:0;white-space:nowrap;font-size:11px;transition:opacity .2s;position:absolute;top:54px;left:50%;transform:translate(-50%)}.swatch:hover:after,.swatch[aria-pressed=true]:after{opacity:1}.foot{z-index:2;padding:40px var(--pad) 56px;border-top:1px solid var(--line);color:var(--muted);background:#05060899;font-size:13px;position:relative}.foot p{max-width:60em;margin:0 0 8px}.toast{z-index:10;opacity:0;pointer-events:none;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14161aeb;border-radius:14px;max-width:min(520px,100vw - 32px);padding:14px 20px;font-size:14px;line-height:1.5;transition:opacity .3s,transform .3s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.toast.on{opacity:1;transform:translate(-50%)}.loader{z-index:20;background:var(--bg-bottom);place-items:center;transition:opacity .8s,visibility .8s;display:grid;position:fixed;inset:0}.loader span{letter-spacing:-.02em;font-size:28px;font-weight:700;animation:1.4s ease-in-out infinite breathe}.loader i{font-family:var(--serif);color:var(--accent);font-weight:400}.loaded .loader{opacity:0;visibility:hidden}@keyframes breathe{50%{opacity:.45}}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:760px){.top{gap:12px}.top nav{display:none}.logo{margin-right:auto}.sound{margin-left:0;padding:8px 10px}.sound-label{display:none}.panel,.panel.left,.panel.right,.panel.narrow{width:auto;padding:0 var(--pad) max(28px, env(safe-area-inset-bottom));background:linear-gradient(#08090b00 44%,#08090bcc 68%,#08090beb 100%);justify-content:flex-end;margin:0}.panel.center{background:0 0;justify-content:flex-start;padding-top:14vh}.panel.bottom{padding-bottom:32px}.panel p{margin-bottom:12px;font-size:15px}h2{margin-bottom:12px;font-size:38px}h2.big{font-size:92px}.stats{gap:20px}.stats dd{font-size:18px}.specs{grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:16px;padding-top:14px}.specs div:nth-child(n+5){display:none}.callout{max-width:130px;font-size:11px}.callout span{display:none}}@media (prefers-reduced-motion:reduce){.sound[aria-pressed=true] .bars i{height:10px;animation:none}.panel>*{transition:opacity .3s;transform:none}.scroll-cue span{animation:none}}