:root{--bg:#0C1440;--bar:rgba(12,20,64,.95);--accent:#22D3EE;--text:#FFFFFF;--text-80:rgba(255,255,255,.8);--text-60:rgba(255,255,255,.6);--text-50:rgba(255,255,255,.5);--text-40:rgba(255,255,255,.4);--line:rgba(255,255,255,.1);--panel:rgba(255,255,255,.04);--glow:rgba(34,211,238,.35);--display:"Cormorant Garamond",Georgia,serif;--body:system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;--max:1120px;color-scheme:dark}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 96px}.wrap{padding-top:56px}img,video{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{max-width:var(--max);margin:0 auto;display:grid;gap:88px}.label{font:12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.muted{color:var(--text-60)}h1,h2,h3{font-family:var(--display);font-weight:600;margin:0;text-wrap:balance;line-height:1.05}.intro{display:grid;gap:14px;max-width:62ch}.intro h1{font-size:clamp(48px,9vw,96px);letter-spacing:-.01em}.intro p{margin:0;color:var(--text-80);font-size:18px}.chapter{display:grid;grid-template-columns:120px minmax(0,1fr);gap:32px;border-top:1px solid var(--line);padding-top:32px}.rail{display:flex;flex-direction:column;gap:6px;position:sticky;top:88px;align-self:start}.rail b{font:500 64px/1 var(--display);color:var(--accent);text-shadow:0 0 24px var(--glow)}.rail span{font:11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-50)}.chapter>.content{min-width:0;display:grid;gap:24px}.chapter h2{font-size:clamp(32px,4.5vw,44px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;border:1px solid var(--accent);color:var(--accent);font:600 14px var(--body);background:transparent;cursor:pointer;white-space:nowrap}.btn:hover{background:#22d3ee1a;text-decoration:none;box-shadow:0 0 20px var(--glow)}.btn.solid{background:var(--accent);color:var(--bg)}.btn.solid:hover{background:var(--accent);box-shadow:0 0 28px var(--glow)}.btn.ghost{border-color:var(--line);color:var(--text-80)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;background:var(--panel)}.stat{padding:22px 24px;display:grid;gap:4px}.stat+.stat{border-left:1px solid var(--line)}.stat b{font:500 46px/1 var(--display);font-variant-numeric:tabular-nums}.stat span{font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-50)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:13px var(--body);padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text-80);cursor:pointer;display:inline-flex;gap:8px;align-items:center}.chip i{width:7px;height:7px;border-radius:50%;background:var(--c,var(--accent));display:inline-block}.chip small{font:11px var(--mono);color:var(--text-40)}.chip[aria-pressed=true]{border-color:var(--c,var(--accent));color:#fff;box-shadow:0 0 16px -2px var(--c,var(--accent))}.count{font:12px var(--mono);color:var(--text-50)}.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card a{display:grid;gap:14px;align-content:start;height:100%;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:inherit;transition:border-color .2s,box-shadow .2s}.card a:hover{text-decoration:none;border-color:#22d3ee80;box-shadow:0 0 30px -8px var(--glow)}.card .media{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000;border:1px solid var(--line)}.card .media img,.card .media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card .media video{opacity:0;transition:opacity .3s}.card.playing .media video{opacity:1}.card .num{position:absolute;left:10px;top:10px;font:500 20px/1 var(--display);color:var(--accent);background:var(--bar);border:1px solid var(--accent);border-radius:999px;padding:6px 12px;box-shadow:0 0 14px var(--glow)}.card .latest{position:absolute;right:10px;top:10px;font:11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--bg);background:var(--accent);border-radius:999px;padding:6px 10px}.card .body{display:grid;gap:8px;padding:0 4px 4px;align-content:start}.card h3{font-size:24px}.card p{margin:0;color:var(--text-60);font-size:14px}.dateline{font:12px var(--mono);letter-spacing:.06em;color:var(--text-50);text-transform:uppercase}.dots{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--text-60)}.dots span{display:inline-flex;align-items:center;gap:6px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 6px var(--c)}.card.feature{grid-column:1/-1}.card.feature a{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:center;padding:16px}.card.feature h3{font-size:clamp(30px,3.6vw,42px)}.card.feature p{font-size:17px;color:var(--text-80)}.card.feature .open{justify-self:start;margin-top:6px}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){body{padding-block:0 72px}.wrap{gap:64px;padding-top:32px}.chapter{grid-template-columns:1fr;gap:16px;padding-top:24px}.rail{position:static;flex-direction:row;align-items:baseline;gap:12px}.rail b{font-size:44px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(3){border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}.cards{grid-template-columns:1fr}.card.feature a{grid-template-columns:1fr;gap:14px;padding:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}