:root{--color-surface: #0d9488;--color-shallow: #06b6d4;--color-abyss: #020617;--color-emerald: #10b981;--color-amber: #f59e0b;--color-text-primary: #ffffff;--color-text-slate: #f8fafc;--color-text-muted: #94a3b8;--font-display: "Fredoka", "Quicksand", "Outfit", sans-serif;--font-body: "Inter", "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--glass-bg: rgba(15, 23, 42, .45);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--radius-card: 1.25rem;--radius-pill: 9999px;--radius-hotspot: 50%}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--color-abyss);color:var(--color-text-slate);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased}#webgl-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:0}#app{position:relative;z-index:1}#scroll-space{height:600vh;width:100%;pointer-events:none}#pinned-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;overflow:hidden}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.nav-pill{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:600;letter-spacing:.08em;font-size:.85rem;color:var(--color-text-primary)}.nav-pill-mark{font-size:1rem}.scroll-progress-track{position:fixed;top:0;left:0;width:100%;height:3px;background:#ffffff14;z-index:21}.scroll-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--color-surface),var(--color-shallow),var(--color-emerald));transition:width .05s linear}.beat-card{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-50% + 30px));width:min(560px,88vw);padding:2.5rem 2.25rem;border-radius:var(--radius-card);opacity:0;pointer-events:none;transition:opacity .6s ease}.beat-card[data-beat-card="1"]{left:50%;top:42%;text-align:center}.beat-card[data-beat-card="2"],.beat-card[data-beat-card="4"]{left:22%;top:50%;text-align:left}.beat-card[data-beat-card="3"],.beat-card[data-beat-card="5"]{left:78%;top:50%;text-align:left}@media (max-width: 760px){.beat-card,.beat-card[data-beat-card="2"],.beat-card[data-beat-card="3"],.beat-card[data-beat-card="4"],.beat-card[data-beat-card="5"]{left:50%;top:auto;bottom:6vh;transform:translate(-50%,20px);width:92vw;text-align:left;padding:1.75rem 1.5rem}}.beat-card.is-visible{opacity:1;pointer-events:auto}.eyebrow{color:var(--color-text-muted);font-size:.75rem;letter-spacing:.12em;margin:0 0 .75rem;text-transform:uppercase}.display-heading{font-family:var(--font-display);font-weight:700;color:var(--color-text-primary);margin:0 0 .75rem;line-height:1.1}.hero-title{font-size:3.5rem;letter-spacing:.02em}.body-text{font-family:var(--font-body);font-weight:400;color:var(--color-text-slate);line-height:1.6;margin:0 0 1rem}.subtitle{font-weight:500;color:var(--color-text-muted)}.hint{color:var(--color-text-muted);font-size:.9rem}.cta{color:var(--color-text-primary);font-weight:500}.scroll-instruction{color:var(--color-shallow);font-size:.85rem;margin-top:1.5rem;animation:bob 2.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(6px);opacity:1}}.primary-stat{font-family:var(--font-mono);font-weight:700;font-size:2.75rem;color:var(--color-shallow);margin:0 0 1rem}.primary-stat.amber{color:var(--color-amber)}.counter-display{margin:0 0 1rem}.counter-value{display:block;font-size:2.5rem;font-weight:700;color:var(--color-emerald)}.counter-label{display:block;color:var(--color-text-muted);font-size:.95rem;margin-top:.35rem}.citation{color:var(--color-text-muted);font-size:.75rem;margin-top:1.25rem;opacity:.85}.mono{font-family:var(--font-mono)}#hotspot-root{position:absolute;top:0;right:0;bottom:0;left:0}.hotspot-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease;pointer-events:none}.hotspot-layer.is-active{opacity:1;pointer-events:auto}.hotspot-marker{position:absolute;top:0;left:0;width:28px;height:28px;margin:-14px 0 0 -14px;border:none;background:transparent;cursor:pointer;pointer-events:auto;transition:opacity .3s ease}.hotspot-marker.is-hidden{opacity:0;pointer-events:none}.hotspot-dot{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:var(--radius-hotspot);background:var(--color-amber);box-shadow:0 0 12px 2px #f59e0bcc}.hotspot-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-hotspot);background:#f59e0b59;animation:hotspot-pulse 2.4s ease-out infinite}@keyframes hotspot-pulse{0%{transform:scale(.4);opacity:.9}to{transform:scale(1.6);opacity:0}}.hotspot-marker:hover .hotspot-dot,.hotspot-marker:focus-visible .hotspot-dot{background:var(--color-emerald);box-shadow:0 0 16px 4px #10b981e6}.hotspot-modal{position:fixed;right:5vw;top:50%;transform:translateY(-50%) translate(20px);width:min(420px,90vw);max-height:80vh;overflow-y:auto;padding:2rem;border-radius:var(--radius-card);z-index:30;opacity:0;pointer-events:auto;transition:opacity .25s ease,transform .25s ease}.hotspot-modal.is-open{opacity:1;transform:translateY(-50%) translate(0)}.hotspot-modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:1px solid var(--glass-border);background:#ffffff0f;color:var(--color-text-primary);font-size:1.25rem;line-height:1;cursor:pointer}.hotspot-modal-eyebrow{color:var(--color-amber);font-size:.7rem;letter-spacing:.1em;margin:0 0 .5rem}.hotspot-modal-title{font-family:var(--font-display);font-weight:600;font-size:1.4rem;color:var(--color-text-primary);margin:0 0 1.25rem;padding-right:2rem}.hotspot-modal-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.25rem;margin:0 0 1.25rem}.hotspot-modal-stats .full{grid-column:1 / -1}.hotspot-modal-stats dt{color:var(--color-text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.hotspot-modal-stats dd{margin:0;color:var(--color-text-slate);font-size:.9rem;line-height:1.4}.hotspot-modal-source{color:var(--color-text-muted);font-size:.7rem;opacity:.85}.site-credit{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:1rem;padding:.65rem 1.5rem;border-radius:var(--radius-pill);pointer-events:auto;white-space:nowrap}.site-credit-primary{display:flex;flex-direction:column;line-height:1.25;padding-right:1rem;border-right:1px solid var(--glass-border)}.site-credit-name{font-family:var(--font-display);font-weight:600;font-size:.78rem;color:var(--color-text-primary);letter-spacing:.01em}.site-credit-org{font-size:.66rem;color:var(--color-text-muted)}.site-credit-dot{margin:0 .15rem;opacity:.6}.site-credit-contact{display:flex;align-items:center;gap:.6rem;font-size:.68rem}.site-credit-contact a{color:var(--color-shallow);text-decoration:none;transition:color .2s ease}.site-credit-contact a:hover,.site-credit-contact a:focus-visible{color:var(--color-emerald);text-decoration:underline}.site-credit-sep{color:var(--color-text-muted);opacity:.5}@media (max-width: 760px){.site-credit{bottom:.75rem;left:1rem;right:1rem;transform:none;width:calc(100% - 2rem);max-width:none;flex-direction:column;align-items:flex-start;gap:.4rem;padding:.75rem 1rem;white-space:normal}.site-credit-primary{border-right:none;padding-right:0}.site-credit-contact{flex-wrap:wrap}}.rm-credit{position:static;transform:none;margin-top:1rem;padding:1.25rem 1.5rem;border-radius:var(--radius-card);display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.rm-credit .site-credit-primary{border-right:none;padding-right:0;align-items:center}.rm-credit .site-credit-contact{justify-content:center}#reduced-motion-view{position:relative;z-index:2;min-height:100vh;padding:4rem 1.5rem 8rem;background:linear-gradient(180deg,#0d9488,#06b6d4 30%,#020617);display:flex;flex-direction:column;align-items:center;gap:2rem}.rm-hero{text-align:center;max-width:640px;margin-bottom:1rem}.rm-card{width:min(640px,92vw);padding:2.25rem 2rem;border-radius:var(--radius-card)}.rm-gyre-entry{padding:1rem 0;border-top:1px solid var(--glass-border)}.rm-gyre-entry:first-of-type{border-top:none}.rm-gyre-entry h3{font-family:var(--font-display);color:var(--color-text-primary);margin:0 0 .35rem;font-size:1.05rem}.rm-gyre-entry p{margin:.2rem 0;color:var(--color-text-muted);font-size:.85rem}@media (prefers-reduced-motion: reduce){#webgl-canvas,#app{display:none}}