@font-face{font-family:Inter;src:url(/fonts/inter-variable.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-variable-italic.woff2) format("woff2");font-style:italic;font-weight:100 900;font-display:swap}@font-face{font-family:Poiset;src:url(/fonts/poiset-roman.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Poiset;src:url(/fonts/poiset-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}:root{color-scheme:light dark;--font-family-sans: "Inter", "IBM Plex Sans", "Avenir Next", "Segoe UI", sans-serif;--font-family-display: "Poiset", "Iowan Old Style", "Book Antiqua", serif;--font-family-prose: "Poiset", "Iowan Old Style", "Book Antiqua", serif;--font-family-mono: "IBM Plex Mono", "Fira Code", "SFMono-Regular", monospace;--line-height-body: 1.5;--radius-xl: .125rem;--color-bg-canvas: light-dark(oklch(.9417 .0107 100.83), oklch(.2034 .005 325.76));--color-surface-1: light-dark(oklch(.9417 .0107 100.83), oklch(.2034 .005 325.76));--color-surface-2: light-dark(oklch(.9417 .0107 100.83), oklch(.2034 .005 325.76));--color-surface-3: light-dark(oklch(.9417 .0107 100.83), oklch(.2034 .005 325.76));--color-border-1: light-dark(oklch(.82 .015 250), oklch(.38 .012 320));--color-border-2: light-dark(oklch(.78 .018 250), oklch(.42 .015 320));--color-text-primary: light-dark(oklch(.25 .03 257), oklch(.93 .01 90));--color-text-muted: light-dark(oklch(.43 .03 255), oklch(.74 .015 90));--color-text-subtle: light-dark(oklch(.54 .02 255), oklch(.66 .012 90));--color-accent: light-dark(oklch(.7037 .1877 24.65), oklch(.74 .16 24.65));--color-accent-strong: light-dark(oklch(.63 .17 24.65), oklch(.7 .14 24.65));--color-highlight-bg: light-dark(oklch(.96 .03 24.65), oklch(.34 .05 24.65));--color-status-attention: light-dark(oklch(.7037 .1877 24.65), oklch(.74 .16 24.65));--color-status-attention-bg: light-dark(oklch(.96 .03 24.65), oklch(.34 .05 24.65));--color-link: var(--color-accent-strong);--color-link-hover: var(--color-accent);--color-selection-bg: light-dark(oklch(.83 .13 24.65), oklch(.58 .13 24.65));--color-selection-text: light-dark(oklch(.2 .02 250), oklch(.97 .01 90));--color-text-accent: var(--color-accent-strong);--color-action-bg: var(--color-accent);--color-action-bg-hover: var(--color-accent-strong);--color-action-text: oklch(.985 .01 95);--color-callout-info-border: light-dark(oklch(.82 .03 250), oklch(.55 .03 250));--color-callout-info-bg: light-dark(oklch(.97 .01 250), oklch(.3 .01 290));--color-callout-warning-border: light-dark(oklch(.78 .1 85), oklch(.66 .09 85));--color-callout-warning-bg: light-dark(oklch(.97 .03 88), oklch(.32 .04 88));--color-callout-danger-border: var(--color-status-attention);--color-callout-danger-bg: var(--color-status-attention-bg);--color-callout-success-border: light-dark(oklch(.65 .1 155), oklch(.62 .09 155));--color-callout-success-bg: light-dark(oklch(.97 .03 152), oklch(.32 .04 152));--shadow-elevated: none;--type-step-7: clamp(5.4rem, 15vw, 13rem);--type-step-6: clamp(4.1rem, 10.8vw, 8.6rem);--type-step-5: clamp(3.25rem, 5.5vw, 4rem);--type-step-4: clamp(2.35rem, 4.2vw, 3rem);--type-step-3: clamp(1.9rem, 3.1vw, 2.3rem);--type-step-2: clamp(1.5rem, 2.3vw, 1.75rem);--type-step-1: clamp(1.125rem, 1.5vw, 1.25rem);--type-step-0: clamp(.94rem, .9vw, 1rem);--type-step--1: clamp(.81rem, .7vw, .88rem);font-family:var(--font-family-sans);line-height:var(--line-height-body)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-bg-canvas);color:var(--color-text-primary)}.site-shell{min-height:100dvh;display:flex;flex-direction:column}.site-shell__main{flex:1}.site-footer{border-top:1px solid var(--color-border-1);padding:.75rem clamp(1rem,2vw,2rem) .95rem}.site-footer__inner{width:min(76rem,100%);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem}.site-footer__copyright{margin:0;color:var(--color-text-subtle);font-family:var(--font-family-sans);font-size:var(--type-step--1);letter-spacing:.04em;text-transform:uppercase}.site-footer__socials{display:flex;flex-wrap:wrap;gap:.45rem .9rem}.site-footer__social-link{display:inline-flex;align-items:center;gap:.38rem;color:var(--color-text-subtle);font-family:var(--font-family-sans);font-size:var(--type-step--1);letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.site-footer__social-link:hover{color:var(--color-link)}.site-footer__social-link svg{width:.96rem;height:.96rem}.home-page{min-height:100%;padding:clamp(1rem,2vw,2rem)}.home-page__content{width:min(76rem,100%);margin:0 auto;display:grid;gap:0;padding-inline:clamp(.95rem,2.6vw,2rem)}.home-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;border-bottom:1px solid var(--color-border-1);padding-block:.2rem .9rem}.home-nav__brand{margin:0;display:inline-flex;align-items:center;font-family:var(--font-family-sans);font-size:var(--type-step--1);font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);text-decoration:none}.home-nav__brand:hover{color:var(--color-link)}.home-nav__links{display:flex;flex-wrap:wrap;gap:.75rem}.home-nav__links a{color:var(--color-text-muted);font-family:var(--font-family-sans);font-size:var(--type-step--1);letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.home-nav__links a:hover{color:var(--color-link)}.home-hero{border-top:1px solid var(--color-border-1);border-bottom:1px solid var(--color-border-1)}.home-hero__body{width:min(62rem,100%);margin:0;display:grid;align-content:start;gap:1.1rem;padding-inline:0 clamp(1rem,4vw,3.5rem);padding-block:clamp(2rem,9vh,5.2rem) clamp(.9rem,2vh,1.4rem)}.home-page__eyebrow{margin:0;font-size:var(--type-step--1);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-accent)}.home-hero h1{margin:0;max-width:none;display:grid;gap:0;line-height:.94;text-wrap:balance}.home-hero h1 span{display:block;font-size:clamp(3.8rem,10vw,7.9rem)}.home-hero__name{line-height:.92;letter-spacing:-.024em}.home-hero__title-rule{display:block;width:min(26rem,55%);margin-top:.35rem;margin-bottom:.35rem;border-top:1px solid var(--color-border-2)}.home-hero__dek{max-width:43ch;color:var(--color-text-primary);font-size:var(--type-step-2);line-height:1.3;font-weight:500}.home-hero__lede{max-width:50ch;color:var(--color-text-muted);font-size:var(--type-step-0);line-height:1.45}.home-hero__actions{display:flex;flex-wrap:wrap;gap:.65rem;padding-top:.3rem}.home-hero__social-rail{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;color:var(--color-text-subtle);font-family:var(--font-family-sans);font-size:var(--type-step--1);letter-spacing:.02em}.home-hero__social-rail a{color:var(--color-text-subtle);text-decoration:none}.home-hero__social-rail a:hover{color:var(--color-link)}.under-construction{min-height:100%;display:grid;place-items:center;padding:clamp(1rem,2vw,2rem)}.under-construction__content{width:min(52rem,100%);display:grid;gap:.85rem;border:1px solid var(--color-border-1);border-left-width:2px;padding:clamp(1rem,1.2vw + .8rem,1.6rem)}.under-construction__eyebrow{font-family:var(--font-family-sans);font-size:var(--type-step--1);font-weight:620;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-accent)}.under-construction__message{max-width:54ch;color:var(--color-text-muted)}.under-construction__ascii{margin:.2rem 0;border:1px solid var(--color-border-1);padding:.58rem .72rem;width:fit-content;font-family:var(--font-family-mono);font-size:var(--type-step-0);color:var(--color-text-muted)}.under-construction__ascii-frame:before{content:"[>      ]";animation:under-construction-ascii 1.1s steps(1,end) infinite}.under-construction__links{color:var(--color-text-subtle);font-family:var(--font-family-sans);font-size:var(--type-step--1);letter-spacing:.02em}@keyframes under-construction-ascii{0%{content:"[>      ]"}16%{content:"[=>     ]"}32%{content:"[==>    ]"}48%{content:"[===>   ]"}64%{content:"[====>  ]"}80%{content:"[=====> ]"}to{content:"[======>]"}}@media(prefers-reduced-motion:reduce){.under-construction__ascii-frame:before{animation:none;content:"[======>]"}}.home-cta{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-1);border-radius:var(--radius-xl);padding:.52rem .88rem;color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--type-step-0);font-weight:620;letter-spacing:.02em;text-decoration:none}.home-cta--primary{border-color:var(--color-action-bg);background:var(--color-action-bg);color:var(--color-action-text)}.home-cta--primary:hover{border-color:var(--color-action-bg-hover);background:var(--color-action-bg-hover);color:var(--color-action-text)}.home-cta--secondary{border-color:var(--color-border-2);background:transparent}.home-cta--secondary:hover{background:var(--color-highlight-bg)}h1{margin:.8rem 0;font-family:var(--font-family-display);font-size:var(--type-step-4);line-height:1.2;font-weight:400}p{margin:0}a{color:var(--color-link);text-decoration-thickness:.08em;text-underline-offset:.16em}a:hover{color:var(--color-link-hover)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:0}::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}::-moz-selection{background:var(--color-selection-bg);color:var(--color-selection-text)}.components-page{display:grid;min-height:100%;place-items:center;padding:2rem}.components-page__content{width:min(68rem,100%);display:grid;gap:1.3rem;border:1px solid var(--color-border-1);border-radius:var(--radius-xl);background:var(--color-bg-canvas);padding:clamp(1.25rem,2vw + 1rem,2.25rem);box-shadow:var(--shadow-elevated)}.components-page__eyebrow{margin:0;font-size:var(--type-step--1);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-accent)}.color-foundations{display:grid;gap:1rem}.color-foundations__header{display:grid;gap:.55rem}.color-foundations__header h2{margin:0;font-family:var(--font-family-display);font-size:var(--type-step-3);line-height:1.18;font-weight:400}.color-foundations__header code{font-family:var(--font-family-mono);font-size:var(--type-step-0)}.color-foundations__list{margin:0;padding:0;list-style:none;display:grid;gap:.8rem;border-top:none}.color-foundations__item{display:grid;gap:.5rem;padding:.95rem 1rem;border:1px solid var(--color-border-1);border-left-width:2px;border-radius:.125rem;background:var(--color-bg-canvas)}.color-foundations__name{margin:0;font-family:var(--font-family-sans);font-size:var(--type-step-0);font-weight:650;color:var(--color-text-primary)}.color-foundations__token{margin:0;font-family:var(--font-family-mono);font-size:var(--type-step--1);color:var(--color-text-subtle)}.color-foundations__swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.color-foundations__swatch{min-height:3.25rem;border:1px solid var(--color-border-2);border-radius:.125rem;display:grid;place-items:center;font-family:var(--font-family-sans);font-size:var(--type-step--1);font-weight:620;letter-spacing:.04em;text-transform:uppercase}.color-foundations__swatch--light{color:#16202d}.color-foundations__swatch--dark{color:#f1eee7}.color-foundations__value{margin:0;font-family:var(--font-family-mono);font-size:var(--type-step--1);color:var(--color-text-subtle)}.color-foundations__usage{margin:0;font-size:var(--type-step-0);color:var(--color-text-muted)}.components-page__backlink{margin-top:.35rem}.type-scale{display:grid;gap:1rem}.type-scale__header{display:grid;gap:.55rem}.type-scale__header h2{margin:0;font-family:var(--font-family-display);font-size:var(--type-step-3);line-height:1.18}.type-scale__list{margin:0;padding:0;list-style:none;display:grid;gap:0;border-top:1px solid var(--color-border-1)}.type-scale__item{display:grid;gap:.55rem;padding:.95rem 0;border-bottom:1px solid var(--color-border-1);border-radius:0;background:transparent}.type-scale__meta{display:grid;gap:.2rem}.type-scale__name{font-size:var(--type-step-0);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.type-scale__token,.type-scale__metrics{font-size:var(--type-step--1);color:var(--color-text-subtle)}.type-scale__sample{margin:0;color:var(--color-text-primary)}.type-scale__sample--display{font-family:var(--font-family-display);font-size:var(--type-step-5);line-height:1.05;font-weight:400}.type-scale__sample--headline{font-family:var(--font-family-display);font-size:var(--type-step-4);line-height:1.12;font-weight:400}.type-scale__sample--section{font-family:var(--font-family-display);font-size:var(--type-step-3);line-height:1.18;font-weight:400}.type-scale__sample--lead{font-size:var(--type-step-2);line-height:1.3;font-weight:500}.type-scale__sample--body{font-family:var(--font-family-prose);font-size:var(--type-step-1);line-height:1.45}.type-scale__sample--detail{font-size:var(--type-step-0);line-height:1.4;font-weight:500}.type-scale__sample--caption{font-size:var(--type-step--1);line-height:1.35;font-weight:500;letter-spacing:.01em}.type-scale__usage{margin:0;font-size:var(--type-step-0);color:var(--color-text-muted)}@media(min-width:52rem){.home-page{padding:clamp(1.25rem,2vw,2.5rem)}.home-page__content{padding-inline:clamp(1.25rem,2vw,2.5rem)}.home-hero__body{padding-right:clamp(2rem,8vw,8rem)}.color-foundations__list{grid-template-columns:repeat(3,minmax(0,1fr))}.type-scale__item{grid-template-columns:minmax(11rem,13rem) minmax(0,1fr);align-items:start;column-gap:1.1rem}.type-scale__usage{grid-column:2}}.blog-page{display:grid;min-height:100%;place-items:center;padding:2rem}.blog-page__content{width:min(48rem,100%);display:grid;gap:1.25rem;border:1px solid var(--color-border-1);border-radius:var(--radius-xl);background:var(--color-bg-canvas);padding:clamp(1.25rem,2vw + 1rem,2.25rem);box-shadow:var(--shadow-elevated)}.blog-page__eyebrow{margin:0;font-size:.85rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-accent)}.blog-panel{display:grid;gap:.8rem}.blog-panel h2{margin:0;font-family:var(--font-family-display);font-size:1.2rem;font-weight:400}.blog-metadata{margin:0;display:grid;grid-template-columns:minmax(9rem,12rem) minmax(0,1fr);gap:.45rem .75rem}.blog-metadata dt{margin:0;font-weight:600}.blog-metadata dd{margin:0}.blog-list{margin:0;padding-left:1.25rem;display:grid;gap:.75rem}.blog-list li{display:grid;gap:.2rem}.blog-content-fallback{margin:0;padding:.85rem;border:1px solid var(--color-border-1);border-radius:.125rem;background:var(--color-surface-2);overflow:auto;white-space:pre-wrap;line-height:1.45}.blog-markdoc-content{display:grid;gap:.75rem}.blog-markdoc-content p,.blog-markdoc-content li,.blog-markdoc-content blockquote,.blog-content-fallback{font-family:var(--font-family-prose)}.blog-markdoc-content h1,.blog-markdoc-content h2,.blog-markdoc-content h3,.blog-markdoc-content p{margin:0}.markdoc-callout{border:1px solid var(--color-callout-info-border);border-left-width:.35rem;border-radius:.125rem;padding:.8rem;background:var(--color-callout-info-bg);display:grid;gap:.45rem}.markdoc-callout__title{margin:0;font-weight:600}.markdoc-callout__body{display:grid;gap:.4rem}.markdoc-callout--warning{border-color:var(--color-callout-warning-border);background:var(--color-callout-warning-bg)}.markdoc-callout--danger{border-color:var(--color-callout-danger-border);background:var(--color-callout-danger-bg)}.markdoc-callout--success{border-color:var(--color-callout-success-border);background:var(--color-callout-success-bg)}.markdoc-codefence{margin:0;display:grid;gap:.4rem}.markdoc-codefence figcaption{font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.markdoc-codefence pre{margin:0;border:1px solid var(--color-border-1);border-radius:.125rem;padding:.85rem;background:var(--color-surface-2);overflow:auto}.markdoc-codefence code{font-family:var(--font-family-mono);font-size:.9rem}.markdoc-figure{margin:0;display:grid;gap:.5rem}.markdoc-figure figcaption{font-size:.9rem;font-weight:600;color:var(--color-text-muted)}.markdoc-figure img{max-width:100%;border-radius:.125rem;border:1px solid var(--color-border-1)}.markdoc-figure__video-wrap{display:grid;gap:.5rem}.markdoc-figure__video-wrap video{width:100%;border-radius:.125rem;border:1px solid var(--color-border-1);background:#000}.markdoc-figure__video-wrap a{font-weight:600}.markdoc-figure__caption{font-size:.95rem;color:var(--color-text-muted)}.markdoc-figure__credit{margin:0;font-size:.82rem;color:var(--color-text-subtle)}