body.experience{--bg:#0e1117;--surface:#161a22;--surface-2:#1e2330;--ink:#e7e9ee;--ink-2:#b0b6c4;--ink-3:#828a9b;--line:#2a3040;--line-2:#222837;--accent:#e5607f;--accent-soft:#3a1f29;--gold:#ddb35a;--gold-soft:#332b17;--teal:#52bcc2;--teal-soft:#153336;--code-bg:#0b0e14;--ok:#5dbf85;--shadow:0 1px 0 #0000004d;--era-s:48%;--era-l:62%;color-scheme:dark}body.experience .theme-toggle{display:none}body.experience main.wrap{max-width:none;padding:0}.wrap-inner{max-width:1080px;margin:0 auto;padding:0 24px}.scrolly{position:relative}.backdrop{z-index:0;height:100svh;position:sticky;top:0;overflow:hidden}.backdrop canvas{opacity:.9;width:100%;height:100%;transition:opacity 1.2s,filter 1.2s;position:absolute;inset:0}.backdrop .glow{opacity:0;background:radial-gradient(circle,#df496e99,#f09e4c47 28%,#0000 60%);transition:opacity 1.2s,transform 2.2s,background 1.2s;position:absolute;inset:-20%;transform:scale(.5)}.backdrop .planet{aspect-ratio:1;opacity:0;background:radial-gradient(circle at 35% 35%,#d19561,#6f412a 55%,#0c121d 76%);border-radius:50%;width:min(46vmin,400px);transition:opacity 1.2s,transform 1.8s,background 1.6s,box-shadow 1.6s;position:absolute;top:50%;left:72%;transform:translate(-50%,-50%)scale(.2);box-shadow:0 0 90px #cc803333}.scrolly[data-state=open] canvas{opacity:.9}.scrolly[data-state=glow] canvas{opacity:.1}.scrolly[data-state=glow] .glow{opacity:1;transform:scale(1.15)}.scrolly[data-state=stars] canvas{opacity:1}.scrolly[data-state=stars] .glow{opacity:.22;transform:scale(1.7)}.scrolly[data-state=sparks] canvas{opacity:1;filter:saturate(1.6)brightness(1.15)}.scrolly[data-state=sparks] .glow{opacity:.4;background:radial-gradient(circle,#f0bf4c66,#33c2cc1f 35%,#0000 60%);transform:scale(2.1)}.scrolly[data-state=planet] canvas{opacity:.5}.scrolly[data-state=planet] .planet{opacity:1;transform:translate(-50%,-50%)scale(1)}.scrolly[data-state=cells] canvas{opacity:.35}.scrolly[data-state=cells] .planet{opacity:1;background:radial-gradient(circle at 35% 35%,#64b4c4,#317247 40%,#1c3854 62%,#0c121d 78%);transform:translate(-50%,-50%)scale(1.2);box-shadow:0 0 110px #33b2cc40}.scrolly[data-state=lastday] canvas{opacity:.3}.scrolly[data-state=lastday] .planet{opacity:.4;background:radial-gradient(circle at 35% 35%,#64b4c4,#317247 40%,#1c3854 62%,#0c121d 78%);transform:translate(-50%,-50%)scale(2.4)}.scrolly[data-state=now] canvas{opacity:.7}.scrolly[data-state=now] .planet{opacity:0;transform:translate(-50%,-50%)scale(3)}.moments{z-index:1;margin-top:-100svh;position:relative}.moment{align-items:center;min-height:100svh;padding:14vh 24px;display:grid}.scrolly.js .moment{opacity:.32;transition:opacity .6s}.scrolly.js .moment.is-active{opacity:1}.moment-inner{width:100%;max-width:1080px;margin:0 auto}.moment-copy{max-width:600px}.moment .eyebrow{color:var(--ink-3)}.statement{font-family:var(--font-display);letter-spacing:-.012em;text-wrap:balance;font-variation-settings:"opsz" 72;margin:12px 0 18px;font-size:clamp(34px,6.4vw,70px);font-weight:500;line-height:1.02}.moment-text{color:var(--ink-2);max-width:46ch;margin:0 0 18px;font-size:clamp(17px,1.5vw,20px);line-height:1.55}.moment-link{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:3px;font-size:12.5px;text-decoration:none;display:inline-block}.moment-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.moment.open{min-height:calc(100svh - 64px)}.moment.open .moment-copy{text-align:center;max-width:760px;margin:0 auto}.moment.open .statement{font-size:clamp(40px,8vw,88px)}.moment.open .moment-text{margin-left:auto;margin-right:auto}.moment.open .eyebrow{color:hsl(var(--era-h) var(--era-s) var(--era-l))}@media (width<=720px){.backdrop .planet{top:26%;left:50%}.moment{align-items:end;padding-bottom:18vh}.moment.open{align-items:center}}.dock{z-index:30;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:8px 16px 10px;position:fixed;bottom:0;left:0;right:0}.dock[hidden]{display:none}.dock-row{grid-template-columns:1fr 230px;align-items:center;gap:18px;max-width:1080px;margin:0 auto;display:grid}.dock-svg{width:100%;height:auto;display:block}.dock-track{fill:var(--surface-2)}.dock-tick{stroke:var(--line);stroke-width:1px}.dock-label{fill:var(--ink-3);font-family:var(--font-mono);font-size:9.5px}.dock-mark{stroke:var(--ink-3);stroke-width:1.5px}.dock-num{fill:var(--ink-2);font-family:var(--font-mono);font-size:10px;font-weight:500}.dock-marker{fill:var(--accent)}.readout{font-family:var(--font-mono);color:var(--ink-3);font-variant-numeric:tabular-nums;flex-direction:column;font-size:12px;line-height:1.35;display:flex}.readout b{color:var(--ink);font-size:14px;font-weight:500}.dock-zoom{border-top:1px dashed var(--line);grid-template-columns:1fr 230px;margin-top:6px;padding-top:6px}.dock-zoom[hidden]{display:none}.zoom-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px;font-size:10.5px;display:block}.zoom-note{color:var(--ink-3);font-size:12px}@media (width<=640px){.dock{padding:6px 12px 8px}.dock-row,.dock-zoom{grid-template-columns:1fr;gap:4px}.readout{flex-flow:wrap;align-items:baseline;gap:2px 12px}.zoom-note{display:none}}.after{z-index:2;background:var(--bg);border-top:1px solid var(--line);padding:72px 0 40px;position:relative}.next-q{font-family:var(--font-display);text-wrap:balance;margin:0 0 12px;font-size:clamp(30px,4.6vw,50px);font-weight:500;line-height:1.05}.after .section:first-of-type{margin-top:40px}@media (prefers-reduced-motion:reduce){.backdrop canvas,.backdrop .glow,.backdrop .planet,.scrolly.js .moment{transition:none!important}}