.demo-banner[data-astro-cid-muiwgd4g]{align-items:center;gap:var(--space-sm);padding:.55rem var(--gutter);background:var(--color-ochre);color:oklch(22% .04 70);font-size:var(--text-sm);text-align:center;border-block-end:1px solid oklch(22% .04 70/.22);flex-wrap:wrap;justify-content:center;display:flex}.demo-banner__tag[data-astro-cid-muiwgd4g]{font-size:var(--text-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-pill);color:var(--color-ochre);background:oklch(22% .04 70);flex:none;padding:.15rem .55rem;font-weight:700}.demo-banner[data-astro-cid-muiwgd4g] p[data-astro-cid-muiwgd4g]{margin:0}.header{z-index:50;background:color-mix(in oklch, var(--color-paper) 88%, transparent);backdrop-filter:blur(14px)saturate(1.3);border-block-end:1px solid var(--color-line);position:sticky;inset-block-start:0}.header__bar{align-items:center;gap:var(--space-sm);min-block-size:4.25rem;display:flex}.header__brand{font-family:var(--font-display), Georgia, serif;letter-spacing:-.02em;flex:none;align-items:center;gap:.6rem;margin-inline-end:auto;font-size:clamp(1.1rem,.9rem + .9vw,1.35rem);text-decoration:none;display:flex}.header__mark{border-radius:var(--radius-sharp);background:linear-gradient(140deg, var(--color-pigment), var(--color-ochre) 55%, var(--color-cobalt));flex:none;block-size:1.6rem;inline-size:1.6rem;box-shadow:inset 0 0 0 1px oklch(20% .02 60/.18)}.header__nav{display:none}.header__list{align-items:center;gap:clamp(.75rem,.2rem + 1.1vw,1.75rem);margin:0;padding:0;list-style:none;display:flex}.header__link{font-size:var(--text-sm);color:var(--color-ink-soft);transition:color var(--duration-fast) var(--ease-out-expo);padding-block:.4rem;font-weight:500;text-decoration:none;display:inline-block;position:relative}.header__link:after{content:"";background:var(--page-accent,var(--color-pigment));transform-origin:0;block-size:2px;inline-size:100%;transition:transform var(--duration-normal) var(--ease-out-expo);position:absolute;inset-block-end:0;inset-inline-start:0;transform:scaleX(0)}.header__link:hover,.header__link:focus-visible{color:var(--color-ink)}.header__link:hover:after,.header__link[aria-current=page]:after{transform:scaleX(1)}.header__link[aria-current=page]{color:var(--color-ink)}.header__aside{align-items:center;gap:var(--space-sm);flex:none;display:flex}.header__hotline{border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);font-size:var(--text-sm);white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-out-expo), color var(--duration-fast) var(--ease-out-expo);align-items:center;gap:.4rem;padding:.4rem .9rem;font-weight:500;text-decoration:none;display:none}.header__hotline:hover{border-color:var(--color-ink);color:var(--color-cta)}@media (width>=30rem){.header__hotline{display:inline-flex}}.header__toggle{border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);font-size:var(--text-micro);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.4rem .85rem;font-weight:700;display:inline-flex}.header__toggle-bars{gap:3px;display:grid}.header__toggle-bars span{background:currentColor;block-size:1.5px;inline-size:14px}.header__drawer{gap:var(--space-xs);padding-block:var(--space-md) var(--space-lg);border-block-start:1px solid var(--color-line);display:grid}.header__drawer[hidden]{display:none}.header__drawer a{font-family:var(--font-display), Georgia, serif;padding-block:.3rem;font-size:1.5rem;text-decoration:none}.header__drawer a[aria-current=page]{color:var(--page-accent,var(--color-pigment))}@media (width<=24rem){.header__toggle{padding:.4rem .6rem}.header__toggle [data-menu-label]{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@media (width>=34rem){.header__bar{gap:var(--space-lg)}}@media (width>=62rem){.header__nav{display:block}.header__toggle,.header__drawer{display:none}}.footer{background:var(--color-ink);color:var(--color-ink-invert);padding-block:var(--space-2xl) var(--space-xl);margin-block-start:var(--space-lg);position:relative;overflow:clip}.footer__swatches{block-size:6px;display:flex;position:absolute;inset-block-start:0;inset-inline:0}.footer__swatches span{flex:1}.footer__grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}.footer__brand{font-family:var(--font-display), Georgia, serif;letter-spacing:-.035em;font-size:clamp(2.25rem,1.4rem + 3.5vw,4rem);line-height:1}.footer__tagline{color:color-mix(in oklch, var(--color-ink-invert) 78%, transparent);max-inline-size:30ch;margin-block-start:var(--space-sm)}.footer__cols{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.footer__heading{font-size:var(--text-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:color-mix(in oklch, var(--color-ink-invert) 72%, transparent);margin-block-end:var(--space-sm);font-weight:700}.footer__list{font-size:var(--text-sm);gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.footer__list a{color:color-mix(in oklch, var(--color-ink-invert) 88%, transparent);transition:color var(--duration-fast) var(--ease-out-expo);text-decoration:none}.footer__list a:hover{color:var(--color-ink-invert)}.footer__bottom{border-block-start:1px solid color-mix(in oklch, var(--color-ink-invert) 18%, transparent);gap:var(--space-md);font-size:var(--text-micro);color:color-mix(in oklch, var(--color-ink-invert) 74%, transparent);flex-wrap:wrap;justify-content:space-between;margin-block-start:var(--space-xl);padding-block-start:var(--space-md);display:flex}@media (width>=52rem){.footer__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);align-items:start}}:root{color-scheme:light dark;--color-paper:oklch(97.2% .008 85);--color-paper-deep:oklch(93.6% .013 82);--color-surface:oklch(99.4% .004 85);--color-surface-raised:oklch(100% 0 0);--color-ink:oklch(21% .014 55);--color-ink-soft:oklch(42% .012 60);--color-ink-faint:oklch(52% .011 60);--color-ink-invert:oklch(97% .008 85);--color-line:oklch(88% .011 75);--color-line-strong:oklch(76% .014 70);--color-pigment:oklch(56% .185 32);--color-pigment-deep:oklch(43% .148 32);--color-pigment-wash:oklch(94% .03 40);--color-cta:oklch(43% .148 32);--color-cobalt:oklch(48% .13 245);--color-verde:oklch(50% .088 165);--color-ochre:oklch(76% .13 78);--color-focus:oklch(48% .13 245);--color-danger:oklch(52% .18 28);--color-success:oklch(50% .11 150);--text-micro:.75rem;--text-sm:.875rem;--text-base:clamp(1rem, .96rem + .2vw, 1.0625rem);--text-lead:clamp(1.125rem, 1.02rem + .5vw, 1.375rem);--text-h3:clamp(1.375rem, 1.2rem + .9vw, 1.875rem);--text-h2:clamp(1.875rem, 1.4rem + 2.2vw, 3.25rem);--text-h1:clamp(2.5rem, 1.5rem + 4.4vw, 5rem);--text-display:clamp(3.25rem, .8rem + 10vw, 10rem);--leading-tight:1.02;--leading-snug:1.18;--leading-body:1.65;--tracking-tight:-.03em;--tracking-wide:.14em;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1.25rem;--space-lg:2rem;--space-xl:3.25rem;--space-2xl:5rem;--space-section:clamp(4rem, 2.5rem + 6vw, 9rem);--gutter:clamp(1rem, .5rem + 2.4vw, 3.5rem);--measure:62ch;--max-width:84rem;--radius-sharp:2px;--radius-sm:6px;--radius-md:14px;--radius-lg:26px;--radius-pill:999px;--shadow-sm:0 1px 2px oklch(25% .02 60/.06), 0 2px 6px oklch(25% .02 60/.05);--shadow-md:0 2px 4px oklch(25% .02 60/.05), 0 10px 26px oklch(25% .02 60/.09);--shadow-lg:0 4px 8px oklch(25% .02 60/.05), 0 26px 60px oklch(25% .02 60/.14);--duration-fast:.14s;--duration-normal:.32s;--duration-slow:.62s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-paper:oklch(19% .012 60);--color-paper-deep:oklch(15.5% .012 60);--color-surface:oklch(23% .013 60);--color-surface-raised:oklch(27% .014 60);--color-ink:oklch(95% .008 85);--color-ink-soft:oklch(80% .01 70);--color-ink-faint:oklch(68% .01 65);--color-ink-invert:oklch(17% .012 60);--color-line:oklch(32% .014 62);--color-line-strong:oklch(45% .016 62);--color-pigment:oklch(70% .16 38);--color-pigment-deep:oklch(58% .17 34);--color-pigment-wash:oklch(30% .05 38);--color-cta:oklch(45% .16 34);--color-cobalt:oklch(70% .12 245);--color-verde:oklch(70% .09 165);--color-ochre:oklch(80% .12 78);--color-focus:oklch(78% .12 245);--shadow-sm:0 1px 2px oklch(0% 0 0/.3), 0 2px 6px oklch(0% 0 0/.24);--shadow-md:0 2px 4px oklch(0% 0 0/.3), 0 10px 26px oklch(0% 0 0/.36);--shadow-lg:0 4px 8px oklch(0% 0 0/.3), 0 26px 60px oklch(0% 0 0/.46)}}:root[data-theme=dark]{--color-paper:oklch(19% .012 60);--color-paper-deep:oklch(15.5% .012 60);--color-surface:oklch(23% .013 60);--color-surface-raised:oklch(27% .014 60);--color-ink:oklch(95% .008 85);--color-ink-soft:oklch(80% .01 70);--color-ink-faint:oklch(68% .01 65);--color-ink-invert:oklch(17% .012 60);--color-line:oklch(32% .014 62);--color-line-strong:oklch(45% .016 62);--color-pigment:oklch(70% .16 38);--color-pigment-deep:oklch(58% .17 34);--color-pigment-wash:oklch(30% .05 38);--color-cta:oklch(45% .16 34);--color-cobalt:oklch(70% .12 245);--color-verde:oklch(70% .09 165);--color-ochre:oklch(80% .12 78);--color-focus:oklch(78% .12 245);--shadow-sm:0 1px 2px oklch(0% 0 0/.3), 0 2px 6px oklch(0% 0 0/.24);--shadow-md:0 2px 4px oklch(0% 0 0/.3), 0 10px 26px oklch(0% 0 0/.36);--shadow-lg:0 4px 8px oklch(0% 0 0/.3), 0 26px 60px oklch(0% 0 0/.46)}body{font-family:var(--font-body), system-ui, sans-serif;font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400}.display,h1,h2,h3{font-family:var(--font-display), Georgia, serif;font-weight:400;line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);text-wrap:balance}h1{font-size:var(--text-h1);line-height:var(--leading-tight)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3);line-height:1.25}.display--xl{font-size:var(--text-display);font-variation-settings:"SOFT" 20, "WONK" 1, "opsz" 144;line-height:.92}.lead{font-size:var(--text-lead);color:var(--color-ink-soft);text-wrap:pretty;max-width:48ch;line-height:1.5}.eyebrow{font-family:var(--font-body), system-ui, sans-serif;font-size:var(--text-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-pigment);align-items:center;gap:var(--space-sm);font-weight:700;display:flex}.eyebrow:before{content:"";background:currentColor;flex:none;block-size:2px;inline-size:1.75rem}.prose{max-width:var(--measure);text-wrap:pretty}.prose>*+*{margin-block-start:var(--space-md)}.prose h2{font-size:var(--text-h3);margin-block-start:var(--space-xl)}.prose h3{margin-block-start:var(--space-lg);font-size:1.25rem}.prose ul,.prose ol{padding-inline-start:1.35rem}.prose li+li{margin-block-start:var(--space-xs)}.prose blockquote{border-inline-start:3px solid var(--color-pigment);font-family:var(--font-display), Georgia, serif;font-size:var(--text-lead);color:var(--color-ink);padding-inline-start:var(--space-md)}.prose img{border-radius:var(--radius-md);block-size:auto;inline-size:100%}.text-soft{color:var(--color-ink-soft)}.text-faint{color:var(--color-ink-faint)}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--color-paper);min-block-size:100svh;color:var(--color-ink);overflow-x:clip}img,picture,svg,video{max-inline-size:100%;display:block}a{color:inherit;text-decoration-color:color-mix(in oklch, currentColor 35%, transparent);text-underline-offset:.22em;transition:text-decoration-color var(--duration-fast) var(--ease-out-expo)}a:hover{text-decoration-color:currentColor}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}.shell{inline-size:min(100% - (var(--gutter) * 2), var(--max-width));margin-inline:auto}.shell--narrow{inline-size:min(100% - (var(--gutter) * 2), 58rem);margin-inline:auto}.section{padding-block:var(--space-section)}.stack>*+*{margin-block-start:var(--flow,var(--space-md))}.skip-link{padding:var(--space-xs) var(--space-md);background:var(--color-ink);color:var(--color-ink-invert);border-radius:var(--radius-pill);z-index:100;position:absolute;inset-block-start:var(--space-xs);inset-inline-start:var(--space-xs);transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}[data-reveal]{opacity:1}.js [data-reveal]{opacity:0;transition:opacity var(--duration-slow) var(--ease-out-expo), transform var(--duration-slow) var(--ease-out-expo);transition-delay:var(--reveal-delay,0s);transform:translateY(1.25rem)}.js [data-reveal].is-revealed{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js [data-reveal]{opacity:1;transform:none}}.grain:after{content:"";pointer-events:none;z-index:60;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.28'/%3E%3C/svg%3E");position:fixed;inset:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .grain:after{mix-blend-mode:screen;opacity:.16}}.empty-state{padding:var(--space-2xl) var(--space-lg);border:1px dashed var(--color-line-strong);border-radius:var(--radius-lg);text-align:center;color:var(--color-ink-soft);max-inline-size:46rem;margin-inline:auto}.empty-state__title{font-family:var(--font-display), Georgia, serif;font-size:var(--text-h3);color:var(--color-ink);margin-block-end:var(--space-sm)}.btn{--btn-bg:var(--color-ink);--btn-ink:var(--color-ink-invert);border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-ink);font-size:var(--text-sm);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo), background var(--duration-fast) var(--ease-out-expo);border:1px solid #0000;align-items:center;gap:.6rem;padding:.78rem 1.35rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn__arrow{transition:transform var(--duration-normal) var(--ease-out-expo)}.btn:hover .btn__arrow{transform:translate(4px)}.btn--accent{--btn-bg:var(--color-cta);--btn-ink:oklch(99% .01 80)}.btn--ghost{--btn-bg:transparent;--btn-ink:var(--color-ink);border-color:var(--color-line-strong)}.btn--ghost:hover{border-color:var(--color-ink)}.page-head{padding-block:clamp(3rem, 2rem + 5vw, 6.5rem) var(--space-xl);border-block-end:1px solid var(--color-line);position:relative}.page-head__grid{gap:var(--space-lg);align-items:end;display:grid}.page-head__title{font-size:var(--text-h1);line-height:.98}.page-head__swatches{gap:4px;display:flex}.page-head__swatches span{border-radius:var(--radius-sharp);block-size:2.5rem;inline-size:2.5rem;box-shadow:inset 0 0 0 1px oklch(20% .02 60/.12)}@media (width>=54rem){.page-head__grid{gap:var(--space-2xl);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);transition:transform var(--duration-normal) var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo), border-color var(--duration-normal) var(--ease-out-expo);position:relative;overflow:clip}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-line-strong);transform:translateY(-4px)}.tag{border-radius:var(--radius-pill);background:var(--color-paper-deep);font-size:var(--text-micro);letter-spacing:.04em;color:var(--color-ink-soft);padding:.22rem .6rem;font-weight:500;display:inline-block}