:root{color-scheme:light dark;--hue:184;--tone-ink:oklch(15% .04 var(--hue));--tone-mist:oklch(97% .014 var(--hue));--tone-signal:oklch(76% .15 var(--hue));--tone-muted:oklch(35% .03 var(--hue));--tone-rule:oklch(72% .025 var(--hue));--tone-rule-strong:oklch(35% .04 var(--hue));--tone-raised:color-mix(in oklch, var(--tone-signal) 14%, var(--tone-ink));--tone-on-raised:oklch(88% .045 var(--hue));--canvas:var(--tone-mist);--copy:var(--tone-ink);--surface:color-mix(in oklch, var(--tone-mist) 90%, var(--tone-signal));--surface-copy:var(--tone-ink);--quiet-copy:var(--tone-muted);--signal:var(--tone-signal);--on-signal:var(--tone-ink);--rule:var(--tone-rule);--rule-strong:var(--tone-rule-strong);--interactive-surface:color-mix(in oklch, var(--tone-mist) 58%, var(--tone-signal));--on-interactive:var(--tone-ink);--signal-edge:color-mix(in oklch, var(--tone-signal) 65%, var(--tone-ink));--color-teal:oklch(68% .2 184);--color-lime:oklch(88% .17 112);--color-coral:oklch(67% .23 13);--font-display:Geist, Arial, sans-serif;--font-mono:"DM Mono", monospace;--font-blob:Matemasie, ui-rounded, var(--font-display);--type-base:1rem;--type-ratio:1.2;--type-step-0:var(--type-base);--type-step-1:calc(var(--type-step-0) * var(--type-ratio));--type-step-2:calc(var(--type-step-1) * var(--type-ratio));--type-step-3:calc(var(--type-step-2) * var(--type-ratio));--type-step-4:calc(var(--type-step-3) * var(--type-ratio));--type-step-5:calc(var(--type-step-4) * var(--type-ratio));--type-step-6:calc(var(--type-step-5) * var(--type-ratio));--type-step-7:calc(var(--type-step-6) * var(--type-ratio));--type-step-8:calc(var(--type-step-7) * var(--type-ratio));--type-step-9:calc(var(--type-step-8) * var(--type-ratio));--type-step-10:calc(var(--type-step-9) * var(--type-ratio));--type-step-11:calc(var(--type-step-10) * var(--type-ratio));--type-step-12:calc(var(--type-step-11) * var(--type-ratio));--type-step-13:calc(var(--type-step-12) * var(--type-ratio));--fluid-min-viewport:34rem;--fluid-max-viewport:104rem;--fluid-viewport-range:calc(var(--fluid-max-viewport) - var(--fluid-min-viewport));--fluid-progress:clamp(0, calc((100vw - var(--fluid-min-viewport)) / var(--fluid-viewport-range)), 1);--type-display-size:clamp(var(--type-step-8), calc(var(--type-step-8) + (var(--type-step-13) - var(--type-step-8)) * var(--fluid-progress)), var(--type-step-13));--type-heading-size:clamp(var(--type-step-5), calc(var(--type-step-5) + (var(--type-step-8) - var(--type-step-5)) * var(--fluid-progress)), var(--type-step-8));--type-nav-size:clamp(var(--type-step-3), calc(var(--type-step-3) + (var(--type-step-5) - var(--type-step-3)) * var(--fluid-progress)), var(--type-step-5));--type-subheading-size:clamp(var(--type-step-2), calc(var(--type-step-2) + (var(--type-step-3) - var(--type-step-2)) * var(--fluid-progress)), var(--type-step-3));--type-copy-size:clamp(var(--type-step-1), calc(var(--type-step-1) + (var(--type-step-2) - var(--type-step-1)) * var(--fluid-progress)), var(--type-step-2));--type-body-size:clamp(var(--type-step-0), calc(var(--type-step-0) + (var(--type-step-1) - var(--type-step-0)) * var(--fluid-progress)), var(--type-step-1));--type-lead-size:var(--type-body-size);--type-label-size:.75rem;--type-meta-size:.6875rem;--type-micro-size:.625rem;--type-display-weight:800;--tracking-tight:-.05em;--tracking-breathable:.05em;--tracking-roomy:.08em;--space-unit:.25rem;--measure-min:20rem;--measure-prose:65ch;--space-0:0;--space-1:calc(var(--space-unit) * 1);--space-2:calc(var(--space-unit) * 2);--space-3:calc(var(--space-unit) * 3);--space-4:calc(var(--space-unit) * 4);--space-5:calc(var(--space-unit) * 5);--space-6:calc(var(--space-unit) * 6);--space-7:calc(var(--space-unit) * 7);--space-8:calc(var(--space-unit) * 8);--space-9:calc(var(--space-unit) * 9);--space-10:calc(var(--space-unit) * 10);--space-11:calc(var(--space-unit) * 11);--space-12:calc(var(--space-unit) * 12);--space-13:calc(var(--space-unit) * 13);--space-14:calc(var(--space-unit) * 14);--space-15:calc(var(--space-unit) * 15);--space-16:calc(var(--space-unit) * 16);--space-17:calc(var(--space-unit) * 17);--space-18:calc(var(--space-unit) * 18);--space-19:calc(var(--space-unit) * 19);--space-20:calc(var(--space-unit) * 20);--space-21:calc(var(--space-unit) * 21);--space-22:calc(var(--space-unit) * 22);--space-23:calc(var(--space-unit) * 23);--space-24:calc(var(--space-unit) * 24);--container-xs:28rem;--container-sm:34rem;--container-md:48rem;--container-lg:64rem;--container-max:104rem;--layout-gutter:clamp(var(--space-5), calc(var(--space-5) + (var(--space-13) - var(--space-5)) * var(--fluid-progress)), var(--space-13));--layout-gap:clamp(var(--space-5), calc(var(--space-5) + (var(--space-8) - var(--space-5)) * var(--fluid-progress)), var(--space-8));--layout-stack:clamp(var(--space-8), calc(var(--space-8) + (var(--space-13) - var(--space-8)) * var(--fluid-progress)), var(--space-13));--layout-section:clamp(var(--space-13), calc(var(--space-13) + (var(--space-21) - var(--space-13)) * var(--fluid-progress)), var(--space-21));--layout-panel:clamp(var(--space-5), calc(var(--space-5) + (var(--space-8) - var(--space-5)) * var(--fluid-progress)), var(--space-8));--layout-inset:clamp(var(--space-2), calc(var(--space-2) + (var(--space-5) - var(--space-2)) * var(--fluid-progress)), var(--space-5));--motion-frame:16.67ms;--motion-fast:.18s;--motion-base:.24s;--motion-slow:.36s;--motion-ease:ease-out;--radius-sm:.35rem;--radius-md:.65rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-control:clamp(.5rem, 1vw, .75rem);--radius-pill:999px;--radius-round:50%;--border-thin:1px;--border-strong:2px;--z-base:0;--z-content:1;--z-floating:2;--z-overlay:3}@supports (color:light-dark(white, black)){:root{--canvas:light-dark(var(--tone-mist),var(--tone-ink));--copy:light-dark(var(--tone-ink),var(--tone-on-raised));--surface:light-dark(color-mix(in oklch, var(--tone-mist) 90%, var(--tone-signal)),var(--tone-raised));--surface-copy:light-dark(var(--tone-ink),var(--tone-on-raised));--quiet-copy:light-dark(var(--tone-muted),var(--tone-on-raised));--rule:light-dark(var(--tone-rule),var(--tone-rule-strong));--rule-strong:light-dark(var(--tone-rule-strong),var(--tone-rule));--interactive-surface:light-dark(color-mix(in oklch, var(--tone-mist) 58%, var(--tone-signal)),color-mix(in oklch, var(--tone-ink) 80%, var(--tone-signal)));--on-interactive:light-dark(var(--tone-ink),var(--tone-on-raised))}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--canvas:var(--tone-ink);--copy:var(--tone-on-raised);--surface:var(--tone-raised);--surface-copy:var(--tone-on-raised);--quiet-copy:oklch(70% .04 var(--hue));--rule:var(--tone-rule-strong);--rule-strong:var(--tone-rule);--interactive-surface:color-mix(in oklch, var(--tone-ink) 80%, var(--tone-signal));--on-interactive:var(--tone-on-raised)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--canvas:var(--tone-ink);--copy:var(--tone-on-raised);--surface:var(--tone-raised);--surface-copy:var(--tone-on-raised);--quiet-copy:oklch(70% .04 var(--hue));--rule:var(--tone-rule-strong);--rule-strong:var(--tone-rule);--interactive-surface:color-mix(in oklch, var(--tone-ink) 80%, var(--tone-signal));--on-interactive:var(--tone-on-raised)}}*{box-sizing:border-box}body,html{max-inline-size:100%;overflow-x:clip}html{scroll-behavior:smooth;font-size:100%}body{min-width:var(--measure-min);background:var(--canvas);color:var(--copy);font-family:var(--font-display);font-size:var(--type-body-size);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color var(--motion-slow) var(--motion-ease), color var(--motion-slow) var(--motion-ease), border-color var(--motion-slow) var(--motion-ease);margin:0;line-height:1.5}.skip-link{z-index:var(--z-overlay);background:var(--copy);color:var(--canvas);font:500 var(--type-label-size)/1 var(--font-mono);transition:transform var(--motion-fast) var(--motion-ease);padding:.65rem .9rem;text-decoration:none;position:fixed;inset-block-start:var(--space-4);inset-inline-start:var(--layout-gutter);transform:translateY(-200%)}.skip-link:focus-visible{outline:var(--border-strong) solid var(--signal);outline-offset:3px;transform:translateY(0)}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit}:where(button,input,select,textarea){font:inherit}:where(h1,h2,h3,h4,h5,h6,p,figure,ul,ol,dl,dd){margin:0}:where(h1,h2,.title){font-weight:var(--type-display-weight);letter-spacing:var(--tracking-tight);text-wrap:balance;overflow-wrap:anywhere;line-height:.84}h1{font-size:var(--type-display-size)}h2{font-size:var(--type-heading-size)}:where(a,button,input,summary):focus-visible{outline:var(--border-strong) solid var(--signal);outline-offset:3px}@media (prefers-contrast:more){:where(a,button,input,summary):focus-visible{outline-width:3px}}@media (forced-colors:active){:where(a,button,input,summary):focus-visible{outline-color:highlight}}.eyebrow{margin-bottom:var(--layout-stack)}.lead{font-size:var(--type-lead-size);margin-top:var(--space-8);max-inline-size:var(--measure-prose)}.copy-width{max-inline-size:var(--measure-prose)}.type-label{font:500 var(--type-label-size)/1.25 var(--font-mono);letter-spacing:.1em}.section-note{max-inline-size:var(--container-xs);margin:var(--space-8) 0 var(--layout-stack)}.section-heading{gap:var(--layout-section);grid-template-columns:minmax(0,1.5fr) minmax(16rem,.5fr);align-items:start;display:grid}.section-heading .section-note{margin:0}@media (width<=64rem){.section-heading{grid-template-columns:1fr}}.note{color:var(--quiet-copy)}.freehand-title{width:fit-content;max-width:100%;padding-block-end:.16em;position:relative}.freehand-title:after{background:var(--color-coral);content:"";pointer-events:none;width:min(68%,18rem);height:.7rem;position:absolute;inset-block-end:0;inset-inline-start:0;transform:rotate(-1deg);-webkit-mask:url(/marks/freehand-rule.svg) 0/100% 100% no-repeat;mask:url(/marks/freehand-rule.svg) 0/100% 100% no-repeat}.freehand-rule{position:relative}.freehand-rule:after{background:color-mix(in oklch, var(--rule-strong) 82%, var(--color-teal));content:"";pointer-events:none;height:.65rem;position:absolute;inset-inline:0;-webkit-mask:url(/marks/freehand-rule.svg) 50%/100% 100% no-repeat;mask:url(/marks/freehand-rule.svg) 50%/100% 100% no-repeat}.freehand-rule--top:after{inset-block-start:0}.freehand-rule--bottom:after{inset-block-end:0}.link-underline:focus-visible,.link-underline:hover{text-decoration:underline wavy var(--color-coral);text-underline-offset:.24em;text-decoration-thickness:.08em}.btn-link{margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border:var(--border-thin) solid var(--rule);color:inherit;font:500 var(--type-label-size)/1 var(--font-mono);letter-spacing:var(--tracking-roomy);transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);border-radius:.2rem .55rem .25rem .45rem;align-items:center;gap:.65em;text-decoration:none;display:inline-flex}.btn-link:focus-visible,.btn-link:hover{background:var(--copy);color:var(--canvas)}::view-transition-group(menu-control){animation-duration:var(--motion-base);animation-timing-function:var(--motion-ease)}::view-transition-new(root),::view-transition-old(root){animation:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{transition:none}}