:root{--deep:#10251B;--ink:#07131B;--moss:#2f6b4a;--mist:#DDEBE3;--teal:#43E6C1;--violet:#A58BFF;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Inter",system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:var(--mist);font-family:var(--sans);-webkit-font-smoothing:antialiased}.spacer{height:1000vh;pointer-events:none}@media(max-width:700px){.spacer{height:700vh}}.fade,.progress,.intro,.hoverlabel,.narr,.dots,.controls,.toast,.loading{position:fixed;z-index:5}.fade{inset:0;pointer-events:none;opacity:0;z-index:20}.progress{left:0;right:0;top:0;height:2px;background:#ffffff14;pointer-events:none}.progress>div{height:100%;background:linear-gradient(90deg,var(--teal),var(--violet));transform-origin:left;transform:scaleX(0)}.intro{inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;padding:0 24px;text-shadow:0 2px 30px rgba(0,0,0,.45)}.intro h1{font:300 clamp(34px,7vw,92px)/1.05 var(--serif);letter-spacing:.18em;margin:0}.sub{font:italic 400 clamp(18px,2.4vw,28px) var(--serif);margin:.6em 0 0;opacity:.9}.quote{font:300 clamp(14px,1.4vw,17px) var(--sans);opacity:.75;margin:2.2em 0 0}.scrollcue{margin-top:3em;font-size:11px;letter-spacing:.3em;text-transform:uppercase;opacity:.6;animation:cue 2.6s ease-in-out infinite}@keyframes cue{50%{opacity:.2;transform:translateY(5px)}}.narr{left:clamp(16px,4vw,56px);bottom:clamp(64px,9vh,96px);max-width:min(440px,calc(100vw - 32px));animation:rise .9s ease both;text-shadow:0 1px 18px rgba(0,0,0,.6)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.kicker{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--teal);margin:0 0 8px}.line{font:400 clamp(20px,2.4vw,28px)/1.35 var(--serif);margin:0}.hint{font-size:13px;opacity:.7;margin:10px 0 0}.btn,.controls button{font:500 13px var(--sans);letter-spacing:.06em;color:var(--mist);background:#07131b8c;border:1px solid rgba(221,235,227,.3);border-radius:999px;padding:10px 18px;margin-top:14px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,background .2s}.btn:hover,.controls button:hover{border-color:var(--teal);background:#43e6c11f}.btn.ghost{background:transparent}.btn:focus-visible,.controls button:focus-visible,.dots button:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.row{display:flex;gap:10px;flex-wrap:wrap}.closing{font:italic 400 clamp(22px,3vw,34px)/1.3 var(--serif);margin:18px 0 12px}.summary{list-style:none;padding:0;margin:0;font-size:13px;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;opacity:.85}.summary b{color:var(--teal);font-weight:500}.dots{right:clamp(12px,2vw,28px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px}.dots button{width:10px;height:10px;border-radius:50%;border:1px solid rgba(221,235,227,.6);background:transparent;padding:0;cursor:pointer}.dots button.on{background:var(--teal);border-color:var(--teal);box-shadow:0 0 12px var(--teal)}.dots button:disabled{opacity:.3;cursor:not-allowed}.controls{right:clamp(12px,2vw,28px);bottom:clamp(12px,2vh,24px);display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.controls button{margin:0;padding:7px 12px;font-size:11px}.controls button[aria-pressed=true]{border-color:var(--teal);color:var(--teal)}.hoverlabel{left:0;top:0;pointer-events:none;display:flex;flex-direction:column;font-size:12px;transition:opacity .25s;text-shadow:0 1px 8px #000}.hoverlabel b{font:500 15px var(--serif);letter-spacing:.06em}.hoverlabel span{opacity:.7}.toast{left:50%;top:14%;transform:translate(-50%);font:italic 400 20px var(--serif);opacity:0;visibility:hidden;pointer-events:none;text-align:center;text-shadow:0 2px 14px #000}.loading{inset:0;z-index:30;background:var(--ink);display:grid;place-content:center;justify-items:center;gap:18px;font:italic 400 22px var(--serif);transition:opacity 1.2s ease,visibility 1.2s}.loading.done{opacity:0;visibility:hidden;pointer-events:none}.loading p{margin:0}.indet{width:180px;height:2px;background:#ffffff1a;position:relative;overflow:hidden}.indet:after{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:var(--teal);animation:ind 1.4s ease-in-out infinite}@keyframes ind{0%{transform:translate(-100%)}to{transform:translate(260%)}}.fallback{min-height:100vh;display:grid;place-content:center;text-align:center;padding:24px;gap:10px;max-width:560px;margin:auto}.fallback h1{font:300 clamp(30px,6vw,56px) var(--serif);letter-spacing:.18em;margin:0}@media(max-width:700px){.dots{display:none}.controls{left:12px;right:12px;justify-content:flex-start}.narr{bottom:96px}}@media(prefers-reduced-motion:reduce){.scrollcue,.narr{animation:none}}.btn.pulse{border-color:var(--teal);animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #43e6c100,0 0 22px #43e6c159}}@media(prefers-reduced-motion:reduce){.btn.pulse{animation:none}}