@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../fonts/archivo-variable.woff2) format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../fonts/figtree-variable.woff2) format("woff2")}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:75% 112.5%;font-display:swap;src:url(../fonts/martian-mono-variable.woff2) format("woff2")}:root{--u: min(100vw / 1440, 1.333px);--paper: #e7e6dd;--paper-2: #d9d8ce;--ground: #eeede7;--ground-2: #e2e1d7;--white: #fbfaf6;--ink: #141a14;--fg-2: #3f4a40;--fg-3: #565e55;--card: #fbfaf6;--card-2: #e4e3da;--hl: #2f5bea;--hl-ink: #ffffff;--hl-text: #2449c8;--hl-hover: #2449c8;--hl-soft: #e1e7fb;--moss: #2f5d3a;--hair-1: rgba(20, 26, 20, .1);--hair-2: rgba(20, 26, 20, .16);--hair-3: rgba(20, 26, 20, .26);--error: #b42318;--field-line: rgba(20, 26, 20, .42);--field-line-hover: rgba(20, 26, 20, .6);--font-ui: "Figtree", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-display: "Archivo", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-12: max(12px, calc(12 * var(--u)));--fs-13: max(12px, calc(13 * var(--u)));--fs-14: max(13px, calc(14 * var(--u)));--fs-15: max(14px, calc(15 * var(--u)));--fs-16: max(14px, calc(16 * var(--u)));--fs-23: max(17px, calc(23 * var(--u)));--radius-panel: calc(14 * var(--u));--radius-card: calc(8 * var(--u));--radius-tile: calc(12 * var(--u));--radius-field: calc(6 * var(--u));--radius-btn: calc(4 * var(--u));--gutter: calc(57 * var(--u));--wrap: calc(1326 * var(--u));--board: calc(1440 * var(--u));--nav-h: calc(48 * var(--u));--shadow-card: 0 1px 2px rgba(20, 26, 20, .04), 0 18px 40px -24px rgba(20, 26, 20, .28);--shadow-float: 0 10px 30px -12px rgba(20, 26, 20, .35);--ease: cubic-bezier(.16, 1, .3, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);--dur-fast: .18s;--dur: .32s;--dur-slow: .64s;color-scheme:light}@media(max-width:1023px){:root{--u: min(100vw / 390, 1.6px);--gutter: calc(20 * var(--u));--wrap: calc(350 * var(--u));--board: calc(390 * var(--u))}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(130 * var(--u));background:var(--ground)}html.reduced{scroll-behavior:auto}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-15);font-weight:400;line-height:1.55;font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;caret-color:var(--ink);overflow-x:clip}img,svg,video,canvas{display:block;max-width:100%}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}ul,ol{padding:0;list-style:none}::selection{background:var(--hl);color:var(--hl-ink)}:focus-visible{outline:2px solid var(--hl);outline-offset:3px;border-radius:var(--radius-btn)}@supports (scrollbar-color: auto){html{scrollbar-color:rgba(20,26,20,.3) transparent;scrollbar-width:thin}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}html.reduced *,html.reduced *:before,html.reduced *:after{transition:none!important;animation:none!important}.display{font-family:var(--font-display);font-variation-settings:"wdth" 112;font-weight:700;font-size:calc(90 * var(--u));line-height:.88;letter-spacing:-.035em;text-transform:uppercase}.label{font-family:var(--font-display);font-variation-settings:"wdth" 110;font-weight:500;font-size:var(--fs-14);letter-spacing:.06em;text-transform:uppercase;line-height:1.2}.label--sm{font-size:var(--fs-12)}.h-mid{font-family:var(--font-display);font-variation-settings:"wdth" 108;font-weight:700;font-size:calc(52 * var(--u));line-height:1.04;letter-spacing:-.025em;text-wrap:balance}.h-sub{font-family:var(--font-display);font-variation-settings:"wdth" 106;font-weight:650;font-size:calc(32 * var(--u));line-height:1.12;letter-spacing:-.018em;text-wrap:balance}.h-item{font-family:var(--font-ui);font-weight:650;font-size:var(--fs-16);line-height:1.25;letter-spacing:-.01em}.statement{font-family:var(--font-ui);font-weight:500;font-size:calc(52 * var(--u));line-height:1.33;letter-spacing:-.028em}.lead{font-size:var(--fs-23);line-height:1.4;color:var(--fg-2);max-width:28em;text-wrap:pretty}.body{font-size:var(--fs-15);color:var(--fg-2);max-width:62ch;text-wrap:pretty}.small{font-size:var(--fs-14);color:var(--fg-2)}.tiny{font-size:var(--fs-13);color:var(--fg-3)}.num{font-family:var(--font-ui);font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-size:var(--fs-12);letter-spacing:0;font-variation-settings:"wdth" 90}.hl{background:var(--hl);color:var(--hl-ink)}.grey{color:var(--fg-3)}.on-paper{color:var(--ink)}.board{position:relative;width:var(--board);margin-inline:auto}.wrap{width:var(--wrap);margin-inline:auto}.section{padding-block:calc(150 * var(--u))}.section-head{max-width:calc(640 * var(--u));margin-bottom:calc(64 * var(--u))}.section-head .lead{margin-top:calc(18 * var(--u))}.hr{border:0;border-top:1px solid var(--hair-1);margin:0}@media(max-width:1023px){.section{padding-block:calc(90 * var(--u))}.section-head{margin-bottom:calc(40 * var(--u))}}.btn{--btn-bg: var(--hl);--btn-ink: var(--hl-ink);display:inline-flex;align-items:center;justify-content:center;gap:calc(10 * var(--u));height:calc(46 * var(--u));min-height:40px;padding:0 calc(20 * var(--u));border-radius:var(--radius-btn);border:1px solid transparent;background:var(--btn-bg);color:var(--btn-ink);font-family:var(--font-ui);font-weight:600;font-size:var(--fs-14);letter-spacing:.005em;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform var(--dur) var(--ease),background-color var(--dur-fast) linear,color var(--dur-fast) linear}.btn:hover{transform:translateY(-1px);background:var(--hl-hover)}.btn--ink{--btn-bg: var(--ink);--btn-ink: var(--white)}.btn--ink:hover{background:#243024}.btn:active{transform:translateY(0);transition-duration:60ms}.btn svg{width:calc(14 * var(--u));min-width:12px;height:auto}.btn--ghost{--btn-bg: transparent;--btn-ink: var(--ink);border-color:var(--hair-3)}.btn--ghost:hover{background:#141a140d}.btn--lg{height:calc(54 * var(--u));min-height:46px;padding:0 calc(26 * var(--u));font-size:var(--fs-15)}.btn--sm{height:calc(40 * var(--u));padding:0 calc(16 * var(--u));font-size:var(--fs-13)}.link{display:inline-flex;align-items:center;gap:calc(6 * var(--u));font-family:var(--font-ui);font-weight:500;font-size:var(--fs-14);color:var(--ink);text-decoration:none;cursor:pointer}.link svg{width:calc(14 * var(--u));min-width:12px;height:auto;transition:transform var(--dur) var(--ease)}.link:hover{text-decoration:underline;text-decoration-color:var(--hl);text-decoration-thickness:2px;text-underline-offset:.25em}.link:hover svg{transform:translate(2px,-2px)}.pill{display:inline-flex;align-items:center;gap:calc(8 * var(--u));height:calc(36 * var(--u));min-height:32px;padding:0 calc(14 * var(--u));border-radius:999px;border:1px solid var(--hair-3);color:var(--ink);font-size:var(--fs-13);font-weight:500;text-decoration:none;white-space:nowrap;transition:background-color var(--dur-fast) linear,border-color var(--dur-fast) linear}.pill:hover{background:var(--hl-soft);border-color:var(--hl)}.chip{display:inline-flex;align-items:center;height:calc(30 * var(--u));min-height:26px;padding:0 calc(12 * var(--u));border-radius:999px;border:1px solid transparent;background:var(--hl-soft);color:var(--ink);font-size:var(--fs-13);font-weight:500;white-space:nowrap}.panel{border:1px solid var(--hair-3);border-radius:var(--radius-panel)}.card{position:relative;overflow:hidden;border-radius:var(--radius-card);background:var(--card);color:var(--ink);isolation:isolate}.card--2{background:var(--card-2)}.card--lift{transition:transform var(--dur-slow) var(--ease),box-shadow var(--dur-slow) var(--ease)}.card--lift:hover{transform:translateY(calc(-6 * var(--u)));box-shadow:var(--shadow-card)}.frame{position:relative;overflow:hidden;border-radius:var(--radius-card);background:var(--card-2);isolation:isolate}.frame>img{width:100%;height:100%;object-fit:cover}.glass{background:#141a140f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--hair-3);color:var(--ink)}.glass--ink{background:#141a14a3;border-color:#ffffff2e;color:var(--white)}.glass--paper{background:#fbfaf699;border-color:#141a141f;color:var(--ink)}.disc{display:inline-grid;place-items:center;border-radius:50%}html.js:not(.reduced) [data-reveal]:not(.is-revealed){opacity:0;transform:translateY(14px);will-change:opacity,transform}html.js:not(.reduced) [data-reveal=fade]:not(.is-revealed){transform:none}html.js:not(.reduced) [data-reveal=scale]:not(.is-revealed){transform:scale(.97) translateY(10px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:100;padding:.75rem 1rem;background:var(--ink);color:var(--white);border-radius:var(--radius-btn);font-weight:600;text-decoration:none;transition:top var(--dur-fast) var(--ease)}.skip-link:focus{top:1rem}.toast{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));z-index:200;margin:0;transform:translate(-50%,16px);opacity:0;pointer-events:none;padding:12px 18px 12px 14px;border-radius:999px;background:var(--ink);color:var(--white);font-size:14px;font-weight:500;box-shadow:0 18px 40px -18px #141a14b3;display:inline-flex;align-items:center;gap:10px;transition:opacity var(--dur) var(--ease),transform var(--dur-slow) var(--ease)}.toast:before{content:"";width:18px;height:18px;border-radius:50%;flex:none;background:var(--hl) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 11px no-repeat}.toast.is-on{opacity:1;transform:translate(-50%)}@media(max-width:1023px){.toast{bottom:calc(84px + env(safe-area-inset-bottom))}}kbd{font-family:var(--font-mono)}