:root{--bg: #0a0b0e;--bg-2: #15171d;--ink: #ecebe6;--muted: #8d919b;--accent: #d9a35b;--rail: rgba(236, 235, 230, .18);--font: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:radial-gradient(120% 90% at 50% 40%,var(--bg-2) 0%,var(--bg) 70%) fixed;background-color:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}body{margin:0}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:pan-y}main{position:relative;z-index:1;pointer-events:none}section{min-height:100vh;display:flex;padding:clamp(24px,6vw,80px)}.s-hero{align-items:flex-end}.s-explode{min-height:130vh;align-items:center}.s-gap{min-height:70vh}.s-atom{min-height:140vh;align-items:flex-start;padding-top:10vh}.s-atom .copy{max-width:18rem}.s-end{min-height:100vh;align-items:flex-end;justify-content:center;text-align:center;padding-bottom:clamp(16px,3vh,32px)}.copy{max-width:30rem;pointer-events:auto}.s-hero .copy,.s-end .copy{max-width:36rem}.eyebrow{margin:0 0 12px;font-size:.8rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}h1,h2{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.02}h1{font-size:clamp(2.1rem,5vw,4rem)}h2{font-size:clamp(1.7rem,4vw,3rem)}p{color:var(--muted);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.55}.lead{color:var(--ink);font-size:clamp(1.1rem,2vw,1.4rem)}.hint{margin-top:28px;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase}.hint:after{content:"";display:block;width:1px;height:40px;margin-top:10px;background:linear-gradient(var(--muted),transparent);animation:drip 1.8s ease-in-out infinite}@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.credit{font-size:.75rem}.credit a{color:inherit;text-decoration:none}a{color:var(--ink);text-decoration-color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent)}#loader{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:5;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);background:var(--bg);transition:opacity .6s ease}#loader.is-done{opacity:0;pointer-events:none}#tip{position:fixed;z-index:4;padding:6px 10px;border-radius:6px;background:#0a0b0ed9;border:1px solid var(--rail);color:var(--ink);font-size:.85rem;font-weight:500;pointer-events:none;white-space:nowrap;transform:translate(14px,-50%)}#tip small{display:block;color:var(--muted);font-size:.72rem;font-weight:400;letter-spacing:.04em}#rail{position:fixed;right:clamp(16px,3vw,36px);top:50%;z-index:2;display:flex;flex-direction:column;gap:18px;transform:translateY(-50%);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}#rail span{display:flex;align-items:center;justify-content:flex-end;gap:10px;opacity:.45;transition:opacity .3s ease,color .3s ease}#rail span:after{content:"";width:6px;height:6px;border-radius:50%;border:1px solid currentColor}#rail span.is-on{opacity:1;color:var(--ink)}#rail span.is-on:after{background:var(--accent);border-color:var(--accent)}.on-touch{display:none}@media(hover:none){.on-hover{display:none}.on-touch{display:inline}}@media(max-width:640px){#rail{display:none}}@media(prefers-reduced-motion:reduce){.hint:after{animation:none}}