:root{--black:#000;--ink:#1a1a1a;--white:#fff;--grey-mid:#cfcfcf;--rule:color-mix(in srgb, currentColor 22%, transparent);--placeholder:#ececec;--guide:#a8a8a8;--band-bg:var(--white);--band-fg:var(--black);--band-muted:#0000008a;--band-heading:#0000008c;--cols:12;--margin:16px;--gutter:20px;--radius:10px;--space-m:clamp(48px, 5.556vw, 80px);--space-l:clamp(72px, 8.333vw, 120px);--space-xl:clamp(96px, 11.111vw, 160px);--space-2xl:clamp(104px, 12.222vw, 176px);--font-sans:var(--font-geist), system-ui, sans-serif;--font-mono:var(--font-spline-mono), ui-monospace, monospace;--ease:cubic-bezier(.2, .7, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}@media (max-width:639px){:root{--cols:4;--gutter:12px}}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html.lenis{scroll-behavior:auto}body{background:var(--white);color:var(--black);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:12px;font-weight:500;line-height:14px;overflow-x:clip}h1,h2,h3,p,ul,ol,figure,blockquote,address{font:inherit;margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}::selection{background:var(--black);color:var(--white)}:focus-visible{outline-offset:3px;outline:1px solid}.grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);padding-inline:var(--margin);display:grid}.grid.inset{--cols:10;--frame:calc(var(--margin) + (100% - 2 * var(--margin) + var(--gutter)) / 12);padding-inline:var(--frame)}@media (max-width:639px){.grid.inset{--cols:4;--frame:var(--margin)}}.mono{font-family:var(--font-mono);text-transform:uppercase;font-weight:500}.link{transition:opacity .2s var(--ease)}.link:hover{opacity:.5}.band-light{--band-bg:var(--white);--band-fg:var(--black);--band-muted:#0000008a;--band-heading:#0000008c}.band-dark{--band-bg:var(--black);--band-fg:var(--white);--band-muted:#ffffff80;--band-heading:#ffffffd9}.mono-text{font-family:var(--font-mono);text-transform:uppercase;font-weight:400;line-height:18px}.heading{letter-spacing:-.04em;text-transform:uppercase;font-size:36px;font-weight:400;line-height:1.1}.display{letter-spacing:-.04em;text-transform:uppercase;font-weight:500;line-height:.906}.muted{color:var(--band-muted)}.hairline{height:0;margin:0 var(--margin);border:0;border-top:1px solid var(--rule)}@media (max-width:639px){.heading{font-size:28px}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reveal-ready [data-reveal=""],.reveal-ready [data-reveal=true]{opacity:0;transform:translateY(18px)}.reveal-ready [data-reveal=""].is-revealed,.reveal-ready [data-reveal=true].is-revealed{opacity:1;transition:opacity .9s var(--ease-out), transform .9s var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:none}.reveal-ready [data-reveal=zoom]{opacity:0}.reveal-ready [data-reveal=zoom]>*{transform:scale(1.06)}.reveal-ready [data-reveal=zoom].is-revealed{opacity:1;transition:opacity 1.2s var(--ease-out)}.reveal-ready [data-reveal=zoom].is-revealed>*{transition:transform 1.8s var(--ease-out);transform:none}.reveal-ready [data-reveal=from-left],.reveal-ready [data-reveal=from-right]{opacity:0}.reveal-ready [data-reveal=from-left]{transform:translate(-12vw)}.reveal-ready [data-reveal=from-right]{transform:translate(12vw)}.reveal-ready [data-reveal^=from-].is-revealed{opacity:1;transition:opacity 1s var(--ease-out), transform 1.6s var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:none}.reveal-ready [data-reveal=stretch]{opacity:0;clip-path:inset(0 calc(50% - 50% / (var(--aspect,2))) round 999px)}.reveal-ready [data-reveal=stretch]>*{transform:scale(1.06)}.reveal-ready [data-reveal=stretch].is-revealed{opacity:1;clip-path:inset(0 round var(--radius));transition:opacity .4s var(--ease), clip-path 1.3s cubic-bezier(.83, 0, .17, 1) .15s}.reveal-ready [data-reveal=stretch].is-revealed>*{transition:transform 1.8s var(--ease-out);transform:none}.reveal-ready [data-reveal=wipe]{isolation:isolate;background:0 0;position:relative}.reveal-ready [data-reveal=wipe]:before{content:"";z-index:-1;background:var(--band-bg);clip-path:polygon(110% 0%,150% 0%,150% 100%,150% 100%);position:absolute;inset:0}.reveal-ready [data-reveal=wipe].is-revealed:before{clip-path:polygon(-40% 0%,150% 0%,150% 100%,0% 100%);transition:clip-path 1.1s cubic-bezier(.7,0,.84,0)}.reveal-ready [data-reveal=line]{transform-origin:0;transform:scaleX(0)}.reveal-ready [data-reveal=line].is-revealed{transition:transform 1.4s var(--ease-out) var(--reveal-delay,0s);transform:none}.wm-draw{stroke-dasharray:1 2;stroke-dashoffset:0;stroke-linejoin:round}.wm-rise,.wm-o-cap-left,.wm-o-cap-right,.wm-o-bar{transform-box:fill-box;transform-origin:50%}.reveal-ready [data-reveal=letters] .wm-rise{transform:translateY(70px)}.reveal-ready [data-reveal=letters] .wm-draw{stroke-dashoffset:1px}.reveal-ready [data-reveal=letters] .wm-fill{opacity:0}.reveal-ready [data-reveal=letters] .wm-o-cap-left{transform:translate(70px)}.reveal-ready [data-reveal=letters] .wm-o-cap-right{transform:translate(-70px)}.reveal-ready [data-reveal=letters] .wm-o-bar{transform:scaleX(0)}.reveal-ready [data-reveal=letters] .wordmark-symbol{opacity:0;transform:scale(.4)rotate(-120deg)}.reveal-ready [data-reveal=letters].is-revealed .wm-rise{transition:transform 1.5s var(--ease-out);transform:none}.reveal-ready [data-reveal=letters].is-revealed .wm-draw{stroke-dashoffset:0;transition:stroke-dashoffset var(--dur) cubic-bezier(.45, 0, .55, 1) var(--delay)}.reveal-ready [data-reveal=letters].is-revealed .wm-fill{opacity:1;transition:opacity .2s linear var(--delay)}.reveal-ready [data-reveal=letters].is-revealed :is(.wm-o-cap-left,.wm-o-cap-right,.wm-o-bar){transition:transform .9s cubic-bezier(.83,0,.17,1) .95s;transform:none}.reveal-ready [data-reveal=letters].is-revealed .wordmark-symbol{opacity:1;transition:opacity .6s var(--ease-out), transform 1.1s var(--ease-out);transition-delay:1.55s;transform:none}.intro-invert,.wm-guides{display:none}html.intro:not(.intro-morph){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.intro .intro-invert{z-index:100;background:var(--white);mix-blend-mode:difference;pointer-events:none;animation:.85s cubic-bezier(.7,0,.84,0) 1.9s both intro-wipe;display:block;position:fixed;inset:0}@keyframes intro-wipe{0%{clip-path:polygon(0% 0%,200% 0%,200% 100%,-30% 100%)}to{clip-path:polygon(130% 0%,200% 0%,200% 100%,100% 100%)}}html.intro [data-intro-mark]{transform:translate(var(--intro-x,0px), var(--intro-y,0px)) scale(var(--intro-s,1))}html.intro.intro-morph [data-intro-mark]{transition:transform 1.15s cubic-bezier(.76,0,.24,1);transform:none}html.intro .wm-guides{fill:none;stroke:var(--guide);stroke-width:1.2px;display:inline}html.intro .wm-guide{stroke-dasharray:1 2;animation:intro-draw var(--dur) cubic-bezier(.65, 0, .35, 1) var(--delay) both}html.intro.intro-morph .wm-guides{opacity:0;transition:opacity .9s var(--ease) .5s}@keyframes intro-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}html.intro #top nav [data-reveal]{animation:intro-from-above .9s var(--ease-out) both;animation-delay:calc(3.15s + var(--reveal-delay,0s))}@keyframes intro-from-above{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:none}}html.intro [data-intro-hero]{animation:1.3s cubic-bezier(.76,0,.24,1) 3.35s both intro-unroll}@keyframes intro-unroll{0%{opacity:1;clip-path:inset(0 0 100% 0 round var(--radius));transform:translateY(-40px)}to{opacity:1;clip-path:inset(0 0 0 0 round var(--radius));transform:none}}html.intro main{animation:intro-fade-in .8s var(--ease) 3.8s both}@keyframes intro-fade-in{0%{opacity:0}to{opacity:1}}.start-invert,.start-lines,.start-count,.start-loading,.start-ruler{display:none}html.starting:not(.starting-out){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.starting .start-invert{z-index:100;background:var(--white);mix-blend-mode:difference;pointer-events:none;display:block;position:fixed;inset:0}html.starting-out .start-invert{animation:.85s cubic-bezier(.7,0,.84,0) both intro-wipe}html.starting :where(main,#top) *{visibility:hidden}html.starting [data-start-title],html.starting [data-start-title] *{visibility:visible}html.starting .start-lines{z-index:99;fill:none;stroke:#5c5c5c;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.start-lines line{stroke-dasharray:1 2;animation:intro-draw 1s cubic-bezier(.65, 0, .35, 1) calc(var(--i) * 70ms) both}html.starting .start-count,html.starting .start-loading{z-index:99;pointer-events:none;display:block;position:fixed;bottom:16px}html.starting .start-count{left:var(--margin)}html.starting .start-loading{right:var(--margin);animation:.9s steps(2,end) infinite start-blink}@keyframes start-blink{50%{opacity:.35}}.start-lines .cross{stroke:#262626;animation:start-cross .5s var(--ease) calc(.7s + var(--i) * 30ms) both}@keyframes start-cross{0%{opacity:0}}html.starting .start-ruler{z-index:99;pointer-events:none;background:repeating-linear-gradient(90deg,#b5b5b5 0 1px,#0000 1px 6px);width:180px;height:7px;display:block;position:fixed;bottom:19px;left:50%;transform:translate(-50%)}html.starting .start-ruler:after{content:"";width:calc(var(--progress,0) * 100%);background:repeating-linear-gradient(90deg, var(--black) 0 1px, transparent 1px 6px);position:absolute;inset:0}html.starting-quick.starting-out .start-invert{animation-duration:.6s}html.starting-quick .start-lines line{animation-duration:.5s;animation-delay:calc(var(--i) * 35ms)}html.starting-quick .start-lines .cross{animation-delay:calc(.35s + var(--i) * 15ms)}html.starting-quick [data-start-title],html.starting-quick [data-start-title] *{transition-duration:.6s!important}html.starting-out .start-lines,html.starting-out .start-ruler,html.starting-out .start-count,html.starting-out .start-loading{opacity:0;transition:opacity .5s var(--ease)}html.drafting,html.drafting *{cursor:none!important}html.drafting input,html.drafting textarea{cursor:text!important}.draft-cursor{z-index:400;color:var(--white);mix-blend-mode:difference;pointer-events:none;transition:opacity .2s var(--ease);position:fixed;inset:0;overflow:hidden}.draft-cursor[data-hidden]{opacity:0}.draft-cursor>*{will-change:transform;position:absolute;top:0;left:0}.draft-line{opacity:.16}.draft-x{border-top:1px solid;width:100%}.draft-y{border-left:1px solid;height:100%}.draft-pick{--size:7px;width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);transition:width .3s var(--ease-out), height .3s var(--ease-out), margin .3s var(--ease-out);border:1px solid}.draft-pick:before,.draft-pick:after{content:"";position:absolute}.draft-pick:before{background:linear-gradient(currentColor 0 5px,#0000 5px calc(100% - 5px),currentColor calc(100% - 5px));width:1px;top:-7px;bottom:-7px;left:calc(50% - .5px)}.draft-pick:after{background:linear-gradient(90deg,currentColor 0 5px,#0000 5px calc(100% - 5px),currentColor calc(100% - 5px));height:1px;top:calc(50% - .5px);left:-7px;right:-7px}.draft-cursor[data-link] .draft-pick{--size:13px}.draft-cursor[data-down] .draft-pick{--size:4px}.draft-label{letter-spacing:.02em;white-space:nowrap;opacity:.4;transition:opacity .2s var(--ease);font-size:9px;line-height:11px}.draft-cursor[data-link] .draft-label{opacity:.75}.draft-dim{opacity:0;transition:opacity .3s var(--ease)}.draft-cursor[data-measure] .draft-dim{opacity:.45}.draft-dim:before{content:"";transition:transform .7s var(--ease-out);position:absolute}.draft-dim>span{white-space:nowrap;font-size:9px;line-height:11px;position:absolute}.draft-dim-w{border-inline:1px solid;height:7px;margin-top:-3px}.draft-dim-w:before{border-top:1px solid;top:3px;left:0;right:0;transform:scaleX(0)}.draft-dim-w>span{bottom:8px;left:50%;transform:translate(-50%)}.draft-dim-h{border-block:1px solid;width:7px;margin-left:-3px}.draft-dim-h:before{border-left:1px solid;top:0;bottom:0;left:3px;transform:scaleY(0)}.draft-dim-h>span{writing-mode:vertical-rl;top:50%;right:10px;transform:translateY(-50%)rotate(180deg)}.draft-cursor[data-measure] .draft-dim:before{transform:none}html.console-open{overflow:hidden}.sound-toggle{right:var(--margin);z-index:300;letter-spacing:.04em;color:var(--white);mix-blend-mode:difference;opacity:.55;transition:opacity .3s var(--ease);align-items:center;gap:8px;font-size:10px;display:flex;position:fixed;bottom:14px}.sound-toggle:hover,.sound-toggle:focus-visible{opacity:1}html.console-open .sound-toggle{opacity:0;pointer-events:none}.sound-bars{align-items:flex-end;gap:2px;height:8px;display:flex}.sound-bars i{background:currentColor;width:1px;height:2px}.sound-toggle[data-on] .sound-bars i{animation:.9s ease-in-out infinite alternate sound-bar}.sound-toggle[data-on] .sound-bars i:nth-child(2){animation-duration:.7s;animation-delay:-.3s}.sound-toggle[data-on] .sound-bars i:nth-child(3){animation-duration:1.1s;animation-delay:-.6s}.sound-toggle[data-on] .sound-bars i:nth-child(4){animation-duration:.8s;animation-delay:-.15s}@keyframes sound-bar{to{height:8px}}@media (prefers-reduced-motion:reduce){.sound-toggle[data-on] .sound-bars i{height:6px;animation:none}}
