:root{--body-size: 16px;--title-size: 28px;--card-gap: 18px;--card-radius: 22px;--col-width: clamp(500px, 50vw, 720px);--col-pad-x: 18px;--nav-h: 64px;--bg: #000;--panel: #0e0e0e;--ink: #f4f3ee;--ink-dim: #a3a39d;--line: #26262c;--hover-bg: rgba(255, 255, 255, .06);--soft-bg: rgba(255, 255, 255, .02);--bg-rgb: 0, 0, 0}[data-theme=light]{--bg: #fff;--panel: #fafafa;--ink: #15140f;--ink-dim: #6a6a64;--line: #e4e2d8;--hover-bg: rgba(0, 0, 0, .05);--soft-bg: rgba(0, 0, 0, .015);--bg-rgb: 255, 255, 255}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}html{scroll-snap-type:y proximity;scroll-padding-top:calc(var(--nav-h) + 24px)}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}#root{display:block}nav.top{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--col-width);display:flex;align-items:center;justify-content:space-between;padding:14px var(--col-pad-x);z-index:10}nav.top:before{content:"";position:fixed;top:0;left:0;right:0;height:calc(var(--nav-h) + 32px);background:linear-gradient(to bottom,rgba(var(--bg-rgb),.92),rgba(var(--bg-rgb),.7) 55%,rgba(var(--bg-rgb),0));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);z-index:-1;pointer-events:none}.links{display:flex;gap:6px}.nav-link{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:var(--body-size);font-weight:400;padding:8px 14px;border-radius:999px;border:1px solid transparent;background:transparent;transition:background .15s,border-color .15s}.nav-link svg{width:14px;height:14px;flex:0 0 auto}.nav-link:hover{background:var(--soft-bg);border-color:var(--line)}.nav-right{display:flex;align-items:center;gap:8px}.cta,.capsule-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--body-size);font-weight:400;color:var(--ink);text-decoration:none;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--soft-bg);transition:background .15s;font-family:inherit;cursor:pointer}.cta:hover,.capsule-btn:hover{background:var(--hover-bg)}.theme-toggle{width:34px;height:34px;padding:0}.theme-toggle svg{width:15px;height:15px}[data-theme=dark] .icon-sun,[data-theme=light] .icon-moon{display:none}.stage{width:100%;max-width:var(--col-width);margin:0 auto;padding:calc(var(--nav-h) + 40px) var(--col-pad-x) 24px}.track{display:flex;flex-direction:column;gap:var(--card-gap)}.card{width:100%;height:32vh;min-height:220px;max-height:320px;scroll-snap-align:start;scroll-snap-stop:always;border-radius:var(--card-radius);background:var(--panel);position:relative;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:0}.card.tall{height:56vh;min-height:380px;max-height:520px}.intro-block{width:100%;display:flex;flex-direction:column;justify-content:center;padding:64px 4px 32px;scroll-snap-align:start}.intro-name{font-family:"Source Serif 4",serif;font-weight:400;font-size:var(--title-size);line-height:1.05;letter-spacing:-.005em;margin:0 0 16px;color:var(--ink)}.intro-body{color:var(--ink-dim);font-size:var(--body-size);line-height:1.55;margin:0}.intro-body a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:opacity .15s}.intro-body a:hover{opacity:.7}.intro-body p{margin:0}.intro-body p+p{margin-top:.8em}h2.card-title{font-family:"Source Serif 4",serif;font-weight:400;font-size:var(--title-size);line-height:1.05;letter-spacing:-.005em;margin:0;max-width:24ch}.card p.body{color:var(--ink-dim);font-size:var(--body-size);line-height:1.55;margin:10px 0 0;max-width:42ch}.pill-link{display:inline-flex;align-items:center;gap:8px;font-size:var(--body-size);font-weight:400;color:var(--ink);text-decoration:none;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--soft-bg);transition:background .15s,opacity .15s}.pill-link:hover{background:var(--hover-bg)}.pill-link.pill-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pill-link.pill-primary:hover{background:var(--ink);opacity:.85}.card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.card-video,.card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.frame-top{position:absolute;top:0;right:0;bottom:0;left:0;padding:24px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;z-index:2}.frame-top>div:first-child{background:rgba(var(--bg-rgb),.55);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.overlay{position:absolute;inset:auto 0 0 0;padding:20px 24px 22px;z-index:2;background:rgba(var(--bg-rgb),.55);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border-top:1px solid var(--line)}.card p.body{color:var(--ink);max-width:none}.card:not(.tall) p.body{max-width:42ch}.card .pill-secondary{background:rgba(var(--bg-rgb),.6);border-color:var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card .pill-secondary:hover{background:rgba(var(--bg-rgb),.75)}.footer{margin-top:24px;padding:4px 4px 0;font-size:var(--body-size);line-height:1.55;color:var(--ink-dim);text-align:center}@media(max-width:760px){:root{--col-pad-x: 16px}.stage{max-width:100%;padding-top:calc(var(--nav-h) + 24px)}nav.top{max-width:100%}.card{height:36vh;min-height:240px;max-height:340px}.card.tall{height:64vh;min-height:400px;max-height:540px}nav.top .cta{display:none}}