:root{--accent:#1c7df0;--paper:#fff8e7;--ink:#131314;--sans:"Helvetica Neue", "Inter Variable", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, "JetBrains Mono Variable", monospace;--edge:clamp(18px, 2.4vw, 36px);--quiet:.66}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--sans)}body{margin:0}a{color:inherit}canvas,#split,.layer-b,.rail,.br,.snap{display:none}#chrome .layer{padding:var(--edge);justify-content:space-between;display:flex}#chrome .layer-b{display:none}.corner,.rail,.eyebrow,.hint,.links,.sub,.index span:not(.plain),.fps{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.corner{text-decoration:none}.tr a{opacity:var(--quiet);margin:-.7em 0 -.7em 1.6em;padding:.7em 0;text-decoration:none;display:inline-block}.tr a:hover,.tr a:focus-visible{opacity:1}section{padding:calc(var(--edge) * 2) var(--edge)}.eyebrow{letter-spacing:.1em;opacity:var(--quiet);margin:0 0 1.4em}h1,h2{letter-spacing:-.04em;max-width:12ch;margin:0;font-size:clamp(2.4rem,min(6.6vw,14vh),7rem);font-weight:500;line-height:.92}.line{padding-bottom:.08em;display:block;overflow:hidden}.line>span{display:block}.body{max-width:38ch;margin:2.2em 0 0;font-size:15px;line-height:1.5}.hint,.for-touch{display:none}@media (hover:none){.for-mouse{display:none}.for-touch{display:inline}}.links{flex-wrap:wrap;gap:.1em 1.8em;margin:1.2em 0 0;display:flex}.links a{border-bottom:1px solid color-mix(in srgb, currentColor 35%, transparent);margin-bottom:.35em;padding:.65em 0 .3em;text-decoration:none}.links a span{margin-left:.4em}.links a:hover,.links a:focus-visible{border-bottom-color:currentColor}.index{max-width:620px;margin:2.2em 0 0;padding:0;font-size:15px;list-style:none}.index li{border-top:1px solid color-mix(in srgb, currentColor 24%, transparent);grid-template-columns:3ch 1fr auto;gap:1.2em;padding:.62em 0;display:grid}.index li:last-child{border-bottom:1px solid color-mix(in srgb, currentColor 24%, transparent)}.index span:not(.plain){opacity:var(--quiet);align-self:center}.pair{display:contents}.index a{text-decoration:none}.index a:hover,.index a:focus-visible{text-decoration:underline}.sub{letter-spacing:.1em;opacity:var(--quiet);margin:3.4em 0 0;font-weight:400}.lead{max-width:38ch;margin:1em 0 0;font-size:15px;line-height:1.5}.sub+.index,.lead+.index{margin-top:1em}.sub~.index li{grid-template-columns:8ch 1fr auto}@media (width<=520px){.index li{grid-template-columns:3ch 1fr}.sub~.index li{grid-template-columns:8ch 1fr}.index li>:first-child{align-self:start;margin-top:.4em}.pair{flex-wrap:wrap;align-items:baseline;gap:.25em 1.2em;min-width:0;display:flex}.pair>:last-child{margin-left:auto}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{z-index:100;background:var(--ink);color:var(--paper);padding:8px 16px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:8px}.js{scroll-snap-type:y proximity;background:#0a0a0b}.js #ground{z-index:-2;position:fixed;inset:0}.js canvas{z-index:-1;width:100%;height:100%;display:block;position:fixed;inset:0}.js .layer-a{color:var(--inkA);clip-path:inset(0 0 calc(100% - (1 - var(--cut,0)) * var(--view,100vh)) 0)}.js .layer-b{color:var(--inkB);clip-path:inset(calc((1 - var(--cut,0)) * var(--view,100vh)) 0 0 0);display:block}.js .last .layer-a{clip-path:none}.js #chrome{z-index:3;pointer-events:none;position:fixed;inset:0}.js #chrome .layer{padding:0;display:block;position:absolute;inset:0}.js .corner,.js .rail{pointer-events:auto;position:absolute}.js .tl{top:var(--edge);left:var(--edge)}.js .tr{top:var(--edge);right:var(--edge)}.js .br{bottom:var(--edge);right:var(--edge);display:block}.br span{opacity:var(--quiet)}.js .rail{right:var(--edge);text-align:right;margin:0;padding:0;list-style:none;display:block;top:50%;transform:translateY(-50%)}.rail a{opacity:var(--quiet);padding:.6em 0;text-decoration:none;display:block}.rail a:after{content:"";vertical-align:middle;background:currentColor;width:10px;height:1px;margin-left:.8em;transition:width .25s cubic-bezier(.16,1,.3,1);display:inline-block}.rail a:hover,.rail a:focus-visible,.rail a.on{opacity:1}.rail a.on:after{width:28px}.js #split{z-index:4;background:var(--accent);pointer-events:none;height:2px;position:fixed;left:0;right:0}.js main{--travel:220vh;--h0:.64;--h1:.97;--rest:.3}.js section{height:calc(var(--travel) + 100vh);padding:0;position:relative}.js section.first{height:230vh}.js section.last{height:auto}.js .snap{left:0;top:calc(var(--rest) * (100% - 100vh));pointer-events:none;scroll-snap-align:start;width:1px;height:1px;display:block;position:absolute}.js .first .snap,.js .last .snap{top:0}@media (hover:none) and (pointer:coarse){.js{scroll-snap-type:y mandatory}.js main{--travel:110vh;--h0:.3;--h1:.96;--rest:.15}.js section.first{height:calc(var(--travel) + 100vh)}.js .last .snap{height:100%}}@media (prefers-reduced-motion:no-preference){.js section:not(.last,:nth-last-child(2)){margin-bottom:-100vh}.js section:not(.on){pointer-events:none}.js section.off .copy{opacity:0}}.js .stage{pointer-events:none;height:100vh;position:sticky;top:0}.js .last .stage{height:auto;position:relative}.js .copy{padding:var(--edge);padding-bottom:calc(var(--edge) * 3.4);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.js .last .copy{min-height:100vh;padding-top:calc(var(--edge) * 6);background:color-mix(in srgb, var(--paper) 86%, transparent);position:relative}.js .last .copy:before{content:"";z-index:1;pointer-events:auto;height:var(--band);margin:calc(var(--edge) * -6) calc(var(--edge) * -1) calc(var(--edge) * 6 - var(--band));background:var(--paper);--band:calc(var(--edge) * 2 + 1rem);flex:none;position:sticky;top:0}.js .eyebrow{opacity:var(--quiet)}.js .on .links,.js .on .index{pointer-events:auto}.js main{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.js .on .copy>*{pointer-events:auto;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.js .copy>.hint{pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:space-between;margin:1.6em 0 0;display:flex}.poke{opacity:var(--quiet)}.poke:before{content:"";border:1px solid;border-radius:50%;width:7px;height:7px;margin-right:.9em;display:inline-block}@media (prefers-reduced-motion:no-preference){.scroll{animation:2.4s ease-in-out infinite cue}.poke:before{animation:2.4s ease-out infinite ring}}@keyframes cue{50%{opacity:.2}}@keyframes ring{0%{transform:scale(.5)}to{opacity:0;transform:scale(2.2)}}@media (aspect-ratio>=6/5){.js .copy>.hint{left:var(--edge);bottom:var(--edge);margin:0;position:absolute}.poke{left:calc(65vw - var(--edge));white-space:nowrap;position:absolute;transform:translate(-50%)}.js .last .copy{width:calc(min(620px, 36vw) + 2 * var(--edge))}}@media (aspect-ratio>=6/5) and (height>=481px){.js canvas{--rail-x:linear-gradient(to right, #000 calc(100% - var(--edge) - 270px), #0009 calc(100% - var(--edge) - 215px), #0000002e calc(100% - var(--edge) - 160px), transparent calc(100% - var(--edge) - 125px));--rail-y:linear-gradient(#000 calc(50% - 240px), transparent calc(50% - 160px), transparent calc(50% + 160px), #000 calc(50% + 240px));-webkit-mask-image:var(--rail-x), var(--rail-y);mask-image:var(--rail-x), var(--rail-y);-webkit-mask-composite:source-over;mask-composite:add}}@media (aspect-ratio>=6/5) and (height<=480px){.js .copy{padding-bottom:calc(var(--edge) * 2.4)}.js :not(.last)>.stage .eyebrow{margin-bottom:.8em}.js :not(.last)>.stage :is(h1,h2){max-width:none;font-size:1.75rem}.js :not(.last)>.stage .body{max-width:40vw;margin-top:.9em;font-size:13px;line-height:1.4}.js :not(.last)>.stage .links{margin-top:.7em}}.fps{z-index:5;left:var(--edge);top:calc(var(--edge) * 2.4);color:#fff;background:#000;padding:4px 6px;position:fixed}@media (aspect-ratio<=6/5){.js canvas{height:clamp(170px,100svh - 350px,54svh);transition:opacity .4s;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.js.at-last canvas{opacity:.2}.js .stage{height:100svh}.js .rail{left:var(--edge);right:calc(var(--edge) + 66px);top:auto;bottom:calc(var(--edge) - 9px);gap:4px;display:flex;transform:none}.rail li{flex:1}.rail a{padding:14px 0;font-size:0}.rail a:after,.rail a.on:after{width:100%;height:2px;margin:0;display:block}.js .body.pic{max-width:none}.tr a:first-child{display:none}.rail,.br{transition:opacity .3s}#chrome.at-last .rail,#chrome.at-last .br{opacity:0;pointer-events:none}}@media (aspect-ratio<=6/5) and (height<=640px){.js .copy{padding-bottom:calc(var(--edge) * 3)}.js :not(.last)>.stage .eyebrow{margin-bottom:1em}.js :not(.last)>.stage :is(h1,h2){font-size:2rem}.js :not(.last)>.stage .body{margin-top:1.3em;font-size:14px;line-height:1.45}.js :not(.last)>.stage :is(.links,.hint){margin-top:.7em}}@media (prefers-reduced-motion:reduce){.js{scroll-snap-type:none}.js section,.js section.first{height:100vh}.js section.last{height:auto}.js .stage{position:relative}.js main .layer-b{display:none}.js main .layer-a{clip-path:none}.js .body,.js .links,.js .index{pointer-events:auto}.poke{display:none}.rail a:after,.rail,.br,.js canvas{transition:none}}@media (prefers-reduced-motion:reduce) and (aspect-ratio<=6/5){.js section,.js section.first{height:100svh}}