:root{--accent:#0071e3;--primary:#1d1d1f;--secondary:#6e6e73;--canvas:#f5f5f7}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}html{background:var(--canvas)}body{color:var(--primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,sans-serif}h1,h2{text-wrap:balance}p{text-wrap:pretty}#stage{z-index:0;width:100%;height:100lvh;position:fixed;inset:0}nav{z-index:20;height:calc(2.75rem + env(safe-area-inset-top));padding:env(safe-area-inset-top) 1.5rem 0;letter-spacing:-.01em;mix-blend-mode:multiply;align-items:center;font-size:.875rem;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.dots{z-index:20;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:1.25rem;transform:translateY(-50%)}.dots span{background:#c9c9ce;width:7px;height:7px;transition:background .3s,transform .3s}.dots span.on{background:var(--accent);transform:scale(1.35)}main{z-index:10;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#d2d2d7 transparent;outline:none;height:100%;position:relative;overflow:clip auto}main::-webkit-scrollbar{width:6px}main::-webkit-scrollbar-track{background:0 0}main::-webkit-scrollbar-thumb{background:#d2d2d7;border-radius:3px}section{scroll-snap-align:start;scroll-snap-stop:always;height:100%;position:relative}.pin{will-change:opacity, transform;grid-template-columns:minmax(0,26rem) minmax(0,1fr);align-items:center;column-gap:2rem;height:100%;padding:0 clamp(1.5rem,6vw,5rem);display:grid;position:relative}.card{background:color-mix(in srgb, var(--canvas) 62%, transparent);-webkit-backdrop-filter:blur(14px);border-radius:18px;grid-column:1;width:100%;max-width:24rem;padding:1.4rem 1.6rem}.card a,.links a{pointer-events:auto}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:.75rem;font-weight:600}.card h2{letter-spacing:-.02em;margin-bottom:.9rem;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;line-height:1.15}.card p{color:var(--secondary);font-size:1rem;line-height:1.65}.card p+p{margin-top:.7rem}.card em{color:var(--primary);font-style:normal;font-weight:500}.card .timeline{margin-top:.8rem}#s1 .pin,#s5 .pin{text-align:center;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:100%;place-items:end center;padding-bottom:7svh}#s1 .card,#s5 .card{grid-row:2}#s1 .card{-webkit-backdrop-filter:none;background:0 0;max-width:40rem;padding:0}#s1 .pin{cursor:pointer}.avatar-fallback{border-radius:26px;width:120px;height:120px;margin:0 auto 1.5rem;display:none}.no-webgl .avatar-fallback{display:block}h1{letter-spacing:-.02em;margin-bottom:.4rem;font-size:clamp(2.4rem,6.5vw,3.6rem);font-weight:700;line-height:1.08}.role{color:var(--accent);margin-bottom:.5rem;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:600}.meta{color:var(--secondary);font-size:.875rem}#s3 .pin{grid-template-columns:minmax(0,1fr) minmax(0,26rem)}#s3 .card{grid-column:2}.pills{flex-wrap:wrap;gap:7px;max-width:26rem;margin-top:1.1rem;list-style:none;display:flex}.pills li{color:var(--primary);background:#0000000d;border-radius:999px;padding:.3rem .7rem;font-size:.75rem;font-weight:500}.pills li.hot{color:var(--accent);background:#0071e31f}#s5 .card{max-width:30rem}.links{flex-wrap:wrap;justify-content:center;gap:.9rem;margin-top:1.6rem;display:flex}.links a{color:var(--primary);background:#0000000e;border-radius:999px;padding:.55rem 1.1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s,transform .2s}.links a:hover{color:var(--accent);background:#0071e31f;transform:translateY(-2px)}.links a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.foot{color:var(--secondary);margin-top:3.5rem;font-size:.75rem}@media (width<=1100px){.card{max-width:20rem;padding:1.2rem 1.3rem}.card h2{font-size:1.5rem}.pills{max-width:20rem}}@media (width<=700px){.pin,#s1 .pin,#s3 .pin,#s5 .pin{text-align:center;padding:0 1.25rem calc(4vh + env(safe-area-inset-bottom));padding-bottom:calc(4svh + env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:100%;place-items:end center;column-gap:0}.card,#s3 .card{grid-area:2/1}.card,.pills{max-width:30rem}.card{padding:1.1rem 1.2rem}.card h2{font-size:1.45rem}.pills{justify-content:center}.dots{right:.75rem}}@media (prefers-reduced-motion:reduce){main{scroll-snap-type:none}}