@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid var(--rule);outline-color:color-mix(in oklab, var(--rec) 50%, transparent);margin:0;padding:0}html{tab-size:4;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}table{text-indent:0;border-color:inherit;border-collapse:collapse}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::placeholder{opacity:1;color:color-mix(in oklab, currentcolor 50%, transparent)}textarea{resize:vertical}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}[hidden]:where(:not([hidden=until-found])){display:none!important}}:root{--swatch-stage:#0b0b0d;--swatch-paper:#f4f1ea;--stage:#f4f1ea;--stage-raised:#e9e4d8;--stage-sunk:#ded8ca;--ink:#0d0d10;--ink-soft:#45434a;--mute:#5d5a60;--rule:#d4cebf;--rule-strong:#0d0d10;--rec:#d92a1c;--signal:#b88a00;--cyan:#007f8a;--magenta:#9b2fd1;--rec-ink:#b8200f;--signal-ink:#6f5300;--cyan-ink:#006670;--magenta-ink:#8526b8;--on-rec:#fff;--size-hero:clamp(3.25rem, 11vw, 11rem);--size-h2:clamp(2.25rem, 6vw, 5.5rem);--size-h3:clamp(1.375rem, 2.2vw, 2rem);--size-lede:clamp(1.125rem, 1.6vw, 1.375rem);--size-label:.75rem;--gutter:clamp(16px, 4vw, 48px);--content:1360px;--reading:64ch;--section-pad:clamp(96px, 14vh, 176px);--ease:cubic-bezier(.2, .8, .2, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);--accent:var(--rec);--accent-ink:var(--rec-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=studio],.m-studio{--stage:#0b0b0d;--stage-raised:#16161a;--stage-sunk:#060607;--ink:#f3f1ec;--ink-soft:#b9b6ae;--mute:#8f8c86;--rule:#2a2a30;--rule-strong:#f3f1ec;--rec:#ff3b2f;--signal:#ffd400;--cyan:#00c2d1;--magenta:#d65bff;--rec-ink:#ff5a4f;--signal-ink:#ffd400;--cyan-ink:#00c2d1;--magenta-ink:#d65bff;--on-rec:#0b0b0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-accent=rec]{--accent:var(--rec);--accent-ink:var(--rec-ink)}[data-accent=signal]{--accent:var(--signal);--accent-ink:var(--signal-ink)}[data-accent=cyan]{--accent:var(--cyan);--accent-ink:var(--cyan-ink)}[data-accent=magenta]{--accent:var(--magenta);--accent-ink:var(--magenta-ink)}.m-studio{background:var(--stage);color:var(--ink)}html{-webkit-text-size-adjust:100%;scroll-padding-top:88px;overflow-x:clip}body{background:var(--stage);color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .4s var(--ease), color .4s var(--ease);font-size:1.0625rem;line-height:1.65;overflow-x:clip}::selection{background:var(--rec);color:var(--on-rec)}:focus-visible{outline:3px solid var(--rec);outline-offset:3px;border-radius:2px}h1,h2,h3{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.03em;text-wrap:balance;font-weight:700;font-stretch:90%;line-height:.95}p{text-wrap:pretty}.m-container{width:100%;max-width:var(--content);padding-inline:var(--gutter);margin-inline:auto}.m-section{padding-block:var(--section-pad);position:relative}.m-label{font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--size-label);font-variant-numeric:tabular-nums;letter-spacing:.14em;text-transform:uppercase;font-weight:500}.m-h2{font-size:var(--size-h2)}.m-h3{font-size:var(--size-h3);line-height:1.1}.m-lede{font-size:var(--size-lede);color:var(--ink-soft);max-width:var(--reading);line-height:1.55}.m-h2+.m-lede{margin-top:20px}.m-button{--button-bg:var(--rec);--button-fg:var(--on-rec);border:2px solid var(--button-bg);background:var(--button-bg);min-height:48px;color:var(--button-fg);transition:transform .22s var(--ease-back), background-color .22s var(--ease);border-radius:999px;align-items:center;gap:.6em;padding:.75rem 1.4rem;font-weight:700;line-height:1.2;display:inline-flex}.m-button:hover{transform:translateY(-2px)}.m-button:active{transform:translateY(0)}.m-button-quiet{--button-bg:transparent;--button-fg:var(--ink);border-color:var(--ink)}.m-link{color:inherit;text-underline-offset:.2em;text-decoration-line:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);transition:text-decoration-color .18s var(--ease)}.m-link:hover{text-decoration-color:currentColor}.sr-only-focusable:not(:focus),.m-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link:focus{z-index:200;position:fixed;top:12px;left:12px}main:focus{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.not-found{flex-direction:column;justify-content:center;gap:16px;min-height:100svh;display:flex}.not-found h1{font-size:clamp(2.75rem,8vw,6rem)}.not-found-mark{width:88px;height:88px;margin-bottom:12px}.not-found-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}
