.demo-hero[data-astro-cid-rx3xderj]{position:relative;padding-block:var(--space-10) var(--space-8);background:var(--gradient-hero);overflow:hidden}.demo-hero[data-astro-cid-rx3xderj] h1[data-astro-cid-rx3xderj]{max-width:22ch;font-size:var(--text-display);font-weight:var(--weight-black);line-height:var(--leading-tight);margin-top:var(--space-4)}.demo-hero[data-astro-cid-rx3xderj] .lede[data-astro-cid-rx3xderj]{max-width:44rem;margin-top:var(--space-5)}.demo-dir[data-astro-cid-rx3xderj]{padding-block:var(--space-8) var(--section-y)}.demo-dir[data-astro-cid-rx3xderj] .wrap[data-astro-cid-rx3xderj]{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head note" "grid grid";align-items:end;gap:var(--space-6) var(--space-10)}.demo-dir__head[data-astro-cid-rx3xderj]{grid-area:head}.demo-dir__note[data-astro-cid-rx3xderj]{grid-area:note}.demo-grid[data-astro-cid-rx3xderj]{grid-area:grid}.demo-dir__title[data-astro-cid-rx3xderj]{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-top:var(--space-3)}.demo-dir__note[data-astro-cid-rx3xderj]{max-width:38ch;font-size:var(--text-sm);color:var(--color-text-dim);padding-left:var(--space-4);border-left:var(--border-signal) solid var(--color-structure)}.demo-grid[data-astro-cid-rx3xderj]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.demo-card[data-astro-cid-rx3xderj]{position:relative;display:flex;flex-direction:column;border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-module);overflow:hidden;transition:border-color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out)}.demo-card[data-astro-cid-rx3xderj]:hover{border-color:var(--color-accent-border);background:var(--color-module-raised)}.demo-card[data-astro-cid-rx3xderj]:has(.demo-card__primary:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:3px}.demo-card__art[data-astro-cid-rx3xderj]{position:relative;padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:var(--border-width) solid var(--color-border)}.demo-card__num[data-astro-cid-rx3xderj]{position:absolute;left:var(--space-6);top:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-label);letter-spacing:var(--tracking-wide)}.demo-card__state[data-astro-cid-rx3xderj]{position:absolute;right:var(--space-5);top:var(--space-4);display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-nominal)}.demo-card__state[data-astro-cid-rx3xderj]:before{content:"";width:var(--space-2);height:var(--space-2);border-radius:50%;background:currentColor}.demo-card__state--preview[data-astro-cid-rx3xderj]{color:var(--color-caution)}.demo-card__state--concept[data-astro-cid-rx3xderj]{color:var(--color-text-dim)}.demo-card__body[data-astro-cid-rx3xderj]{display:flex;flex-direction:column;flex:1 1 auto;padding:var(--space-6)}.demo-card__name[data-astro-cid-rx3xderj]{font-size:var(--text-xl);font-weight:var(--weight-bold)}.demo-card__desc[data-astro-cid-rx3xderj]{color:var(--color-text);font-size:var(--text-sm);margin:var(--space-3) 0 var(--space-6);max-width:36rem}.demo-card__actions[data-astro-cid-rx3xderj]{margin-top:auto;display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.demo-card__primary[data-astro-cid-rx3xderj]{position:static}.demo-card__primary[data-astro-cid-rx3xderj]:after{content:"";position:absolute;inset:0;z-index:var(--z-base)}.demo-card__primary[data-astro-cid-rx3xderj]:focus-visible{outline-offset:2px}.demo-card__alt[data-astro-cid-rx3xderj]{position:relative;z-index:calc(var(--z-base) + 1)}.demo-card--cta[data-astro-cid-rx3xderj]{background:var(--gradient-card-art),var(--color-deck);border-style:dashed}.demo-card--cta[data-astro-cid-rx3xderj] .demo-card__body[data-astro-cid-rx3xderj]{justify-content:center;padding:var(--space-8) var(--space-6)}.demo-card--cta[data-astro-cid-rx3xderj] .demo-card__name[data-astro-cid-rx3xderj]{margin-top:var(--space-3);max-width:24ch}.demo-card--cta[data-astro-cid-rx3xderj] .demo-card__actions[data-astro-cid-rx3xderj]{margin-top:0}@media(max-width:760px){.demo-hero[data-astro-cid-rx3xderj]{padding-block:var(--space-6) var(--space-6)}.demo-hero[data-astro-cid-rx3xderj] h1[data-astro-cid-rx3xderj]{font-size:var(--text-3xl)}.demo-hero[data-astro-cid-rx3xderj] .lede[data-astro-cid-rx3xderj]{font-size:var(--text-base);margin-top:var(--space-3)}.demo-dir[data-astro-cid-rx3xderj]{padding-top:var(--space-6)}.demo-dir[data-astro-cid-rx3xderj] .wrap[data-astro-cid-rx3xderj]{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "grid" "note";gap:var(--space-5)}.demo-dir__title[data-astro-cid-rx3xderj]{font-size:var(--text-xl)}.demo-grid[data-astro-cid-rx3xderj]{grid-template-columns:minmax(0,1fr)}.demo-card__primary[data-astro-cid-rx3xderj]{flex:1 1 100%}}