:root{--void:#0c0b0b;--raise:#141313;--raise-2:#1c1b1b;--edge:#2a2827;--lum:#fdfcfa;--periwinkle:#c8cfe8;--celadon:#e4e8c8;--lilac:#d2c8e8;--signal:#e8d9c8;--paper:var(--void);--graph:var(--void);--archive:var(--void);--warm:var(--void);--night:var(--void);--ink:var(--lum);--graphite:#8e8a86;--pen:var(--lilac);--pen-night:var(--lilac);--marker:200 207 232;--bg:var(--void);--text:var(--lum);--soft:#9b9691;--faint:#6f6a66;--rule:#fdfcfa24;--rule-strong:#fdfcfa6b;--hand:var(--lilac);--accent:var(--periwinkle);--focus:var(--periwinkle);--wash:rgb(var(--marker) / .22);--font-text:var(--f-display), "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--font-display:var(--font-text);--font-num:var(--f-mono), "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--font-hand:var(--f-hand), "Segoe Print", "Bradley Hand", cursive;--t-small:.8125rem;--t-body:1.0625rem;--t-lead:clamp(1.125rem, .95rem + .7vw, 1.5rem);--t-statement:clamp(2.25rem, .6rem + 6.4vw, 7rem);--t-hero:clamp(2.75rem, .2rem + 8.6vw, 11rem);--t-colossal:clamp(4rem, -1rem + 16vw, 19rem);--t-hand:1.1875rem;--track-display:-.03em;--track-cap:.16em;--gutter:clamp(1.25rem, .3rem + 4.4vw, 5.5rem);--page-y:clamp(6rem, 3rem + 12vw, 13rem);--maxw:1440px;--ease:cubic-bezier(.22, .7, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-mask:cubic-bezier(.76, 0, .24, 1);--dur-micro:.2s;--dur-editorial:.65s;--dur-immersive:1.3s;--dur-scene:2.2s;--stagger:70ms;--slow:var(--dur-editorial)}@media (min-width:1700px){html{font-size:112.5%}:root{--maxw:1600px}}@media (min-width:2300px){html{font-size:125%}:root{--maxw:1800px}}[data-tone=paper]{--bg:var(--void);--accent:var(--signal)}[data-tone=graph]{--bg:var(--raise);--accent:var(--periwinkle);--rule:#fdfcfa1a}[data-tone=archive]{--bg:var(--void);--accent:var(--soft)}[data-tone=warm]{--bg:var(--raise);--accent:var(--lilac)}[data-tone=night]{--bg:#050505;--accent:var(--periwinkle);--rule:#fdfcfa1f;--marker:200 207 232;--wash:rgb(var(--marker) / .18)}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-padding-top:2rem}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--text);font-family:var(--font-text);font-size:var(--t-body);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.65;overflow-x:clip}h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}h1,h2,h3{font-weight:400;line-height:1.05}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}::selection{background:rgb(var(--marker));color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;clip-path:inset(50%);white-space:nowrap;background:var(--ink);width:1px;height:1px;color:var(--paper);font-size:var(--t-small);position:fixed;top:.75rem;left:.75rem;overflow:hidden}.skip-link:focus-visible{clip-path:none;outline-color:var(--pen-night);width:auto;height:auto;padding:.6rem 1rem}main:focus{outline:none}.page{background:var(--bg);color:var(--text);box-shadow:0 -1px 0 var(--rule), 0 -22px 38px -30px #00000052;position:relative}.wrap{width:100%;max-width:calc(var(--maxw) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.cap{font-family:var(--font-num);letter-spacing:.035em;color:var(--soft);font-size:1rem;font-weight:500;line-height:1.3}.hand{font-family:var(--font-hand);font-size:var(--t-hand);color:var(--hand);line-height:1.3}.small{font-size:var(--t-small);line-height:1.55}s{white-space:nowrap;text-decoration:none;position:relative}s:after{content:"";background:var(--hand);transform-origin:0;border-radius:1px;height:max(.07em,1.5px);position:absolute;top:54%;left:-.06em;right:-.06em;transform:rotate(-1.6deg)}.mark{background-image:linear-gradient(var(--wash), var(--wash));-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 90%;background-repeat:no-repeat;background-size:100% 58%;margin-inline:-.12em;padding-inline:.12em}.js [data-reveal]{opacity:0;transition:opacity var(--slow) var(--ease), transform var(--slow) var(--ease);transition-delay:var(--d,0s);transform:translateY(10px)}.js [data-reveal].is-in{opacity:1;transform:none}.js [data-reveal=event]{transition:opacity var(--dur-immersive) ease;transition-delay:var(--d,0s);transform:none}.js [data-reveal=write]{opacity:1;transition:none;transform:none}.js [data-reveal=write]>:not(svg){clip-path:inset(-30% 102% -30% -4%);transition:clip-path 1.3s cubic-bezier(.3,.6,.3,1);transition-delay:var(--d,0s)}.js [data-reveal=write].is-in>:not(svg){clip-path:inset(-30% -8% -30% -4%)}.js [data-reveal] s:after{transition:transform .52s var(--ease) calc(var(--d,0s) + 1s);transform:scaleX(0)rotate(-1.6deg)}.js [data-reveal].is-in s:after{transform:scaleX(1)rotate(-1.6deg)}.js [data-reveal] .mark{transition:background-size .9s var(--ease) calc(var(--d,0s) + 1.3s);background-size:0% 58%}.js [data-reveal].is-in .mark{background-size:100% 58%}@media (prefers-reduced-motion:reduce){.js [data-reveal],.js [data-reveal=event]{opacity:1;transition:none;transform:none}.js [data-reveal=write]>:not(svg){clip-path:none;transition:none}.js [data-reveal] s:after{transition:none;transform:rotate(-1.6deg)}.js [data-reveal] .mark{background-size:100% 58%;transition:none}}.defer{content-visibility:auto;contain-intrinsic-size:auto 100svh}.defer-tall{content-visibility:auto;contain-intrinsic-size:auto 2400px}
.mask{margin-bottom:-.12em;padding-bottom:.12em;display:block;overflow:hidden}.mask>.masked{will-change:transform;display:block}.js .mask>.masked{transition:translate var(--dur-immersive) var(--ease-mask);transition-delay:var(--d,0s);translate:0 110%}.js [data-reveal].is-in .mask>.masked,.js .mask.is-in>.masked{translate:0}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){[data-scroll=parallax]{animation:linear both drift;animation-timeline:view();animation-range:entry exit}@keyframes drift{0%{translate:0 calc(var(--depth,1) * 4.5vh)}to{translate:0 calc(var(--depth,1) * -4.5vh)}}[data-scroll=zoom]{transform-origin:50% 70%;animation:linear both come-forward;animation-timeline:view();animation-range:entry 10% cover 38%}@keyframes come-forward{0%{scale:.93}to{scale:1}}[data-scroll=hold]{animation:linear both hold;animation-timeline:view();animation-range:exit 20%}@keyframes hold{to{opacity:0;scale:.97}}[data-scroll=draw]{transform-origin:0;animation:linear both draw;animation-timeline:view();animation-range:entry 20% cover 30%}@keyframes draw{0%{scale:0 1}to{scale:1}}}}.js [data-stagger]>*{--d:calc(var(--i,0) * var(--stagger))}@media (prefers-reduced-motion:reduce){.js .mask>.masked{transition:none;translate:0}}
