@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;text-size-adjust:none}body{-webkit-font-smoothing:antialiased;min-block-size:100dvh;line-height:1.5}img,picture,video,svg{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3{overflow-wrap:break-word}[hidden]{display:none!important}}@layer tokens{:root{color-scheme:dark;--black:#000;--ink:#141416;--cream:#eeeae2;--stone:#a29e97;--coral:#ff8f80;--paper:#f6f5f1;--paper-raised:#fff;--graphite:#5c5b59;--red:#b3261e;--font-sans:var(--font-mona-sans);--font-display:var(--font-mona-display);--color-bg:light-dark(var(--paper),var(--black));--color-surface:light-dark(var(--paper-raised),var(--ink));--color-fg:light-dark(var(--black),var(--cream));--color-muted:light-dark(var(--graphite),var(--stone));--color-cream:light-dark(var(--black),var(--cream));--color-on-cream:light-dark(var(--paper),var(--black));--color-danger:light-dark(var(--red),var(--coral));--color-field-line:color-mix(in srgb, var(--color-fg) 40%, transparent);--color-hairline:color-mix(in srgb, var(--color-fg) 14%, transparent);--color-grid:color-mix(in srgb, var(--color-fg) 5%, transparent);--text-h1:clamp(40px, 4.444vw, 64px);--text-h2:clamp(28px, 26px + .4vw, 32px);--text-body:16px;--text-note:19px;--text-button:15px;--text-small:clamp(13px, 12.5px + .15vw, 14px);--text-label:clamp(11px, 10.5px + .15vw, 12px);--measure:60ch;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--space-12:96px;--space-section:var(--space-12);--radius-button:8px;--radius-tile:10px;--radius-header:12px;--ease-out:cubic-bezier(.2, .7, .2, 1);--dur-1:.15s;--dur-2:.24s;--dur-3:.6s;--container:1440px;--margin:clamp(20px, 4vw, 64px);--cols:4;--gutter:16px;--header-height:52px;--header-inset:8px;--hero-offset:calc(56vw - var(--header-inset) - var(--header-height))}@media (forced-colors:active){:root{--color-bg:Canvas;--color-surface:Canvas;--color-fg:CanvasText;--color-muted:CanvasText;--color-cream:ButtonText;--color-on-cream:ButtonFace;--color-danger:CanvasText}}@media (width>=48rem){:root{--cols:8;--gutter:20px;--header-height:56px;--header-inset:12px;--hero-offset:var(--space-6)}}@media (width>=75rem){:root{--cols:12;--gutter:24px;--hero-offset:calc(19.5vw - var(--header-inset) - var(--header-height))}}}@layer base{:root{font-synthesis:none}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);font-size:var(--text-body);line-height:1.55}h1{font-family:var(--font-display);font-size:var(--text-h1);letter-spacing:-.02em;text-wrap:pretty;font-weight:600;font-stretch:125%;line-height:.95}h2{font-size:var(--text-h2);letter-spacing:-.01em;font-weight:600;line-height:1.1}a{color:inherit}:focus-visible{outline:2px solid var(--color-cream);outline-offset:3px}@media (height>=30rem){html{scroll-padding-block-start:calc(var(--header-inset) + var(--header-height) + var(--space-2))}}.skip-link{z-index:20;padding:var(--space-1) var(--space-2);border-radius:var(--radius-button);background:var(--color-cream);color:var(--color-on-cream);position:absolute;inset-block-start:var(--space-1);inset-inline-start:var(--space-1);transform:translateY(-200%)}.skip-link:focus-visible{transform:none}[tabindex="-1"]:focus{outline:none}}@layer layout{body>header,body>footer,body>main>:not(.hero),.gridlines{inline-size:min(100% - 2 * var(--margin), var(--container));margin-inline:auto}@media (width<48rem){body>header{inline-size:calc(100% - 2 * var(--header-inset))}}body{flex-direction:column;min-block-size:100svh;display:flex}body>main{padding-block:var(--space-2) var(--space-section);flex-grow:1;overflow-x:clip}body>main:has(>.hero){padding-block-start:0}body>main:has(>.hero):before{display:none}body>main:before{content:"";inline-size:min(100% - 2 * var(--margin), var(--container));border-block-start:1px solid var(--color-hairline);margin-block-end:var(--space-4);margin-inline:auto;display:block}body>footer{padding-block:var(--space-3)}.gridlines{z-index:-1;border-inline:1px solid var(--color-grid);pointer-events:none;background-origin:border-box;position:fixed;inset-block:0;inset-inline:0}@media (width>=48rem){.gridlines{background-image:linear-gradient(to right, var(--color-grid) 1px, transparent 1px);background-size:calc((100% + var(--gutter)) * 2 / var(--cols)) 100%}}}@layer components{.hero__label,.note__label,.video figcaption{font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--color-muted);font-weight:500;line-height:1.3}.small,.field__hint{color:var(--color-muted);font-size:var(--text-small);line-height:1.5}.site-header{align-items:center;gap:var(--space-2);block-size:var(--header-height);padding-inline:var(--space-2) 10px;border:1px solid var(--color-hairline);border-radius:var(--radius-header);background:color-mix(in srgb, var(--color-surface) 80%, transparent);backdrop-filter:blur(12px);margin-block-start:var(--header-inset);display:flex}@media (height>=30rem){.site-header{z-index:10;position:sticky;inset-block-start:var(--header-inset)}}.wordmark img{block-size:20px;inline-size:auto}.site-header__join{white-space:nowrap;visibility:hidden;opacity:0;transition:opacity .2s var(--ease-out), visibility 0s .2s;flex-shrink:0;margin-inline-start:auto}.site-header__join[data-shown]{visibility:visible;opacity:1;transition:opacity .2s var(--ease-out)}.button{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-button);background:var(--color-cream);min-block-size:48px;color:var(--color-on-cream);font-size:var(--text-button);cursor:pointer;transition:scale var(--dur-1) var(--ease-out);border:0;padding:14px 20px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.button--small{min-block-size:36px;padding-block:0;padding-inline:14px}.button:active:not(:disabled){scale:.98}.arrow{transition:translate var(--dur-1) var(--ease-out);display:inline-block}@media (hover:hover){:is(.button,.text-action):hover:not(:disabled) .arrow{translate:2px}.step__back:hover:not(:disabled) .arrow{translate:-2px}}.text-action{align-items:center;gap:var(--space-1);min-block-size:48px;color:var(--color-fg);font-size:var(--text-button);cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;display:inline-flex}.button:disabled,.text-action:disabled{opacity:.7;cursor:progress}@media (forced-colors:active){.button{color:buttontext;background:buttonface;border:1px solid buttontext}}.hero{--pad:max(var(--margin), (100% - var(--container)) / 2);grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);min-block-size:100svh;padding-block:calc(var(--header-inset) + var(--header-height) + var(--hero-offset)) var(--space-8);padding-inline:var(--pad);background:linear-gradient(to bottom, var(--color-bg) calc(100% - 120px), transparent);align-content:start;align-items:start;margin-block-start:calc(-1 * (var(--header-inset) + var(--header-height)));display:grid;position:relative}.hero__content{z-index:1;grid-area:1/1/auto/-1;position:relative}:where(.hero__content)>*+*{margin-block-start:var(--space-3)}:where(.hero__content)>.signup-area{margin-block-start:var(--space-4)}.tile{aspect-ratio:3/2;max-inline-size:none;--fade:24%;--mask:linear-gradient(to bottom, transparent 0%, #0000000a calc(var(--fade) * .125), #00000025 calc(var(--fade) * .25), #0000004f calc(var(--fade) * .375), #00000080 calc(var(--fade) * .5), #000000b0 calc(var(--fade) * .625), #000000da calc(var(--fade) * .75), #000000f5 calc(var(--fade) * .875), #000 var(--fade), #000 calc(100% - var(--fade)), #000000f5 calc(100% - var(--fade) * .875), #000000da calc(100% - var(--fade) * .75), #000000b0 calc(100% - var(--fade) * .625), #00000080 calc(100% - var(--fade) * .5), #0000004f calc(100% - var(--fade) * .375), #00000025 calc(100% - var(--fade) * .25), #0000000a calc(100% - var(--fade) * .125), transparent 100%);inline-size:calc(100% + 2 * var(--pad));-webkit-mask-image:var(--mask);mask-image:var(--mask);grid-column:1/-1;margin-block-start:var(--space-3);margin-inline-start:calc(-1 * var(--pad))}.tile img{object-fit:cover;block-size:100%;inline-size:100%}.tile--scatter{--i:1;grid-row:2;margin-block-start:var(--space-8)}.tile--bar-race{--i:2;grid-row:3}.tile--pie img{object-position:0% 50%}@media (prefers-reduced-motion:no-preference){.tile{animation:tile-in var(--dur-3) var(--ease-out) both;animation-delay:calc(var(--i,0) * 40ms)}}@keyframes tile-in{0%{translate:0 8px}}@media (width>=48rem){.hero__content{grid-column:2/8}.tile{inline-size:auto;margin-inline-start:0}.tile--pie{grid-row:2;margin-block-start:var(--space-8)}.tile--pie,.tile--bar-race{grid-column:1/5}.tile--scatter{grid-column:5/9}.tile--bar-race{margin-block-start:var(--gutter)}}@media (width>=75rem){.hero__content{text-align:center;grid-column:4/10}.hero__content>.signup-area{text-align:start}.tile{inline-size:var(--w);aspect-ratio:auto;grid-area:auto;margin:0;position:absolute}.tile img{object-fit:fill;block-size:auto}.tile--pie,.tile--bar-race{--mask:none}.tile--pie{--w:37.2vw}.tile--scatter{--w:52.7vw;--mask:radial-gradient(ellipse farthest-corner at 0% 100%, transparent 21%, #0000000a 22.125%, #00000025 23.25%, #0000004f 24.375%, #00000080 25.5%, #000000b0 26.625%, #000000da 27.75%, #000000f5 28.875%, #000 30%);inset-block-start:-4vw;inset-inline-end:0}.tile--bar-race{--w:39.1vw;inset-block-end:0;inset-inline-start:min(0px, var(--pad) + (100% - 2 * var(--pad) + var(--gutter)) / 4 - var(--gutter) - var(--w))}}@media (width<48rem),(width>=75rem){.tile--pie{inline-size:calc(var(--w) * 1320 / 1533);aspect-ratio:auto;grid-area:auto;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}.tile--pie img{inline-size:var(--w);object-fit:fill;block-size:auto;max-inline-size:none}}@media (width<48rem){.tile--pie{--w:calc(100vw * 1533 / 1320);--mask:linear-gradient(to bottom, #000 40%, #000000f5 47.5%, #000000da 55%, #000000b0 62.5%, #00000080 70%, #0000004f 77.5%, #00000025 85%, #0000000a 92.5%, transparent 100%)}}.signup{gap:var(--space-3);display:grid}.signup__summary{color:var(--color-danger);font-size:var(--text-small)}.signup__summary:empty{display:none}.field{gap:var(--space-1);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.field input:not([type=checkbox]),.field select{border:1px solid var(--color-field-line);border-radius:var(--radius-button);block-size:56px;inline-size:100%;color:var(--color-fg);font-size:var(--text-body);background-color:#0000;grid-area:1/1;padding:22px 16px 6px;line-height:24px}.field>label:not(.choice){max-inline-size:calc(100% - 34px);color:var(--color-muted);font-size:var(--text-body);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;transform-origin:0 0;grid-area:1/1;place-self:start;margin:16px 17px 0;line-height:24px;overflow:hidden}.field:has(>:focus,>input:not(:placeholder-shown),>select)>label:not(.choice),.field:has(>input:autofill)>label{translate:0 -9px;scale:.75}.field:has(>input:autofill)>label{translate:0 -9px;scale:.75}@media (prefers-reduced-motion:no-preference){.field>label:not(.choice){transition:translate var(--dur-1) var(--ease-out), scale var(--dur-1) var(--ease-out)}}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23eeeae2' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:12px 8px;padding-inline-end:40px}.field option{background:var(--color-surface);color:var(--color-fg)}.field input:not([type=checkbox]):focus,.field select:focus{outline:2px solid var(--color-cream);outline-offset:-2px}.field [aria-invalid=true]{border-color:var(--color-danger)}.field__error,.signup__error{color:var(--color-danger);font-size:var(--text-small);font-weight:500}html:not([data-js]) [data-steps-only],.signup[data-steps=off] [data-steps-only],html[data-js] .signup:not([data-steps=off],[data-step="2"]) .step--2,html[data-js] .signup[data-step="2"]:not([data-steps=off]) .step--1{display:none}.step{gap:var(--space-3);border:0;align-items:start;min-inline-size:0;margin:0;padding:0;display:grid}.step .button{inline-size:100%}@media (width>=48rem){.step .button{inline-size:auto}.step--1{grid-template-columns:1fr 1.6fr auto}.step--2{grid-template-columns:1fr 1.3fr}.step__wide{grid-column:1/-1}.step__continue{min-block-size:56px}}.step__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.step__actions .button{flex:auto}@media (width>=48rem){.step__actions .button{flex:none}}.progress{gap:var(--space-1);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.progress__track{background:var(--color-hairline);block-size:1px;display:block}[aria-current=step] .progress__track{background:var(--color-muted)}.progress__fill{block-size:100%;inline-size:calc(var(--fill,0) * 100%);background:var(--color-cream);transition:inline-size var(--dur-2) var(--ease-out);display:block}.progress__label{color:var(--color-muted);font-size:var(--text-label);font-variant-numeric:tabular-nums;margin-block-start:var(--space-1);line-height:1.3;display:block}@media (forced-colors:active){.progress__track{background:graytext}[aria-current=step] .progress__track{background:canvastext}.progress__fill{forced-color-adjust:none;background:highlight}}.choice{align-items:center;gap:var(--space-1);min-block-size:32px;display:flex}.choice input{block-size:20px;inline-size:20px;accent-color:var(--color-cream)}.role-other{display:none}.signup:has(#role option[value=other]:checked) .role-other{display:grid}:where(main)>*+*{margin-block-start:var(--space-section)}:where(.page,.note__body)>*+*{margin-block-start:var(--space-2)}.signup-area{display:grid}.signup-area>*{grid-area:1/1}.signup-success{block-size:0;min-block-size:100%}.signup-area:not([data-done])>.signup-success,.signup-area[data-done]>.signup{visibility:hidden}.panel{align-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-3);border:1px solid var(--color-field-line);border-radius:var(--radius-button);text-align:center;display:grid}.panel [data-state]{justify-items:center;gap:var(--space-2);display:grid}.panel h1{font-family:var(--font-sans);font-size:var(--text-h2);letter-spacing:-.01em;font-stretch:100%;line-height:1.1}.panel__list{gap:var(--space-1);padding:0;list-style:none;display:grid}.panel__actions{justify-content:center;align-items:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-1);display:flex}.status{max-inline-size:520px}.video,.note{--span:var(--cols);max-inline-size:calc((min(100% - 2 * var(--margin), var(--container)) + var(--gutter)) * var(--span) / var(--cols) - var(--gutter))}@media (width>=48rem){.note{--span:6}}@media (width>=75rem){.video{--span:10}}.prose,.note__body{max-inline-size:var(--measure)}.video{position:relative}.video__media{aspect-ratio:16/9;border:1px solid var(--color-hairline);border-radius:var(--radius-tile);background:var(--color-surface);block-size:auto;inline-size:100%}.video figcaption{margin-block-start:var(--space-1)}.video__toggle{min-block-size:44px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-hairline);border-radius:var(--radius-button);background:var(--color-bg);color:var(--color-fg);cursor:pointer;margin-block-start:var(--space-1)}.note{gap:var(--space-3);grid-template-columns:96px minmax(0,1fr);grid-template-areas:"label label""portrait body";align-items:start;display:grid}.note__label{grid-area:label}.note__portrait{grid-area:portrait}.note__portrait img{aspect-ratio:4/5;border-radius:var(--radius-tile);block-size:auto;inline-size:100%}.note__body{font-size:var(--text-note);grid-area:body}.note__signature{font-weight:500}@media (width>=48rem){.note{grid-template-columns:140px minmax(0,1fr)}}.site-footer{border-block-start:1px solid var(--color-hairline);justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-small);flex-wrap:wrap;display:flex}.site-footer a{color:var(--color-fg)}.site-footer ul{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}}@layer utilities{.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@layer overrides;