.demo[data-astro-cid-utpzkyad]{padding:var(--space-xl);border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(90% 120% at 100% 0%, color-mix(in oklab, var(--accent) 12%, transparent), transparent 62%), var(--surface);margin-block-start:var(--space-2xl)}.demo__head[data-astro-cid-utpzkyad] h2[data-astro-cid-utpzkyad]{font-size:var(--step-2)}.demo__head[data-astro-cid-utpzkyad] p[data-astro-cid-utpzkyad]{max-inline-size:56ch;font-size:var(--step--1);color:var(--fg-muted);margin-block-start:var(--space-2xs)}.demo__panel[data-astro-cid-utpzkyad],.demo__fallback[data-astro-cid-utpzkyad]{margin-block-start:var(--space-lg)}.demo__panel[data-astro-cid-utpzkyad]{gap:var(--space-lg);align-items:start;display:grid}.demo__stage[data-astro-cid-utpzkyad]{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.demo__avatar[data-astro-cid-utpzkyad]{border-radius:var(--radius-xl);inline-size:min(100%,13.75rem);box-shadow:var(--shadow-md), var(--glow-ring);overflow:hidden}.demo__avatar[data-astro-cid-utpzkyad] svg{block-size:auto;inline-size:100%;display:block}.demo__seed[data-astro-cid-utpzkyad]{font-family:var(--font-mono);color:var(--fg-dim);align-items:center;gap:.5em;font-size:.7rem;display:flex}.demo__seed[data-astro-cid-utpzkyad] code[data-astro-cid-utpzkyad]{color:var(--accent-2)}.demo__controls[data-astro-cid-utpzkyad]{gap:var(--space-md);flex-direction:column;display:flex}.demo__field[data-astro-cid-utpzkyad]{gap:var(--space-2xs);flex-direction:column;display:flex}.demo__label[data-astro-cid-utpzkyad]{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-dim);font-size:.66rem}.demo__input-row[data-astro-cid-utpzkyad]{gap:var(--space-xs);display:flex}.demo__input-row[data-astro-cid-utpzkyad] input[data-astro-cid-utpzkyad]{min-inline-size:0;padding:.6rem var(--space-md);border:1px solid var(--line);border-radius:var(--radius-full);background-color:color-mix(in oklab, var(--ink-800) 60%, transparent);color:var(--fg);transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);outline:none;flex:1}.demo__input-row[data-astro-cid-utpzkyad] input[data-astro-cid-utpzkyad]:focus{border-color:var(--accent);box-shadow:var(--glow-ring)}.demo__shuffle[data-astro-cid-utpzkyad]{border:1px solid var(--line);border-radius:var(--radius-full);inline-size:2.6rem;color:var(--fg-muted);transition:color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);place-items:center;display:grid}.demo__shuffle[data-astro-cid-utpzkyad]:hover{color:var(--accent);border-color:var(--accent)}.demo__styles[data-astro-cid-utpzkyad]{flex-wrap:wrap;gap:.4rem;display:flex}.demo__style[data-astro-cid-utpzkyad]{border:1px solid var(--line);border-radius:var(--radius-full);font-family:var(--font-mono);color:var(--fg-muted);transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);padding:.35em .85em;font-size:.72rem}.demo__style[data-astro-cid-utpzkyad][data-active=true]{color:var(--accent);border-color:color-mix(in oklab, var(--accent) 55%, transparent);background-color:color-mix(in oklab, var(--accent) 14%, transparent)}.demo__gallery[data-astro-cid-utpzkyad]{gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.demo__tile[data-astro-cid-utpzkyad]{border:1px solid var(--line);border-radius:var(--radius-lg);inline-size:4.5rem;line-height:0;overflow:hidden}.demo__tile[data-astro-cid-utpzkyad] svg{block-size:auto;inline-size:100%}.demo__fallback[data-astro-cid-utpzkyad]{align-items:center;gap:var(--space-sm);text-align:center;font-size:var(--step--1);color:var(--fg-dim);flex-direction:column;display:flex}@media (width>=44rem){.demo__panel[data-astro-cid-utpzkyad]{gap:var(--space-xl);grid-template-columns:auto 1fr}}.project[data-astro-cid-s35pujdj]{padding-block-start:var(--space-xl)}.project__head[data-astro-cid-s35pujdj]{align-items:start;gap:var(--space-xs);flex-direction:column;padding-block-end:var(--space-lg);display:flex}.project__head[data-astro-cid-s35pujdj]>[data-astro-cid-s35pujdj]{max-inline-size:100%}.project__back[data-astro-cid-s35pujdj]{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-dim);align-items:center;gap:.35em;margin-block-end:var(--space-sm);font-size:.72rem;text-decoration:none;display:inline-flex}.project__back[data-astro-cid-s35pujdj]:hover{color:var(--accent)}.project__title[data-astro-cid-s35pujdj]{font-size:var(--step-5)}.project__tagline[data-astro-cid-s35pujdj]{max-inline-size:52ch;font-size:var(--step-1);color:var(--fg-muted)}.project__meta[data-astro-cid-s35pujdj]{align-items:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;margin-block-start:var(--space-sm);display:flex}.project__link[data-astro-cid-s35pujdj]{border:1px solid var(--line);border-radius:var(--radius-full);font-family:var(--font-mono);color:var(--fg-muted);transition:color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);align-items:center;gap:.4em;padding:.35em .85em;font-size:.72rem;text-decoration:none;display:inline-flex}.project__link[data-astro-cid-s35pujdj]:hover{color:var(--card-accent);border-color:color-mix(in oklab, var(--card-accent) 55%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--card-accent) 25%, transparent)}.project__cover[data-astro-cid-s35pujdj]{aspect-ratio:21/9;border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(80% 140% at 18% 0%, color-mix(in oklab, var(--card-accent) 34%, transparent), transparent 62%), linear-gradient(160deg, var(--ink-500), var(--ink-700));place-items:center;display:grid;overflow:hidden}.project__cover[data-astro-cid-s35pujdj] img{object-fit:cover;block-size:100%;inline-size:100%}.project__cover--empty[data-astro-cid-s35pujdj]{aspect-ratio:auto;block-size:clamp(5.5rem,13vw,9rem)}.project__monogram[data-astro-cid-s35pujdj]{font-family:var(--font-display);letter-spacing:.12em;color:color-mix(in oklab, var(--card-accent) 62%, var(--fg));opacity:.9;font-size:clamp(2rem,6vw,3.25rem);font-weight:700}.project__body[data-astro-cid-s35pujdj]{gap:var(--space-xl);padding-block-start:var(--space-xl);display:grid}.project__body[data-astro-cid-s35pujdj]>[data-astro-cid-s35pujdj]{min-width:0}.project__rail[data-astro-cid-s35pujdj]{gap:var(--space-lg);flex-direction:column;display:flex}.project__rail-title[data-astro-cid-s35pujdj]{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-dim);margin-block-end:var(--space-xs);font-size:.66rem;font-weight:500}.project__badges[data-astro-cid-s35pujdj]{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.project__badges[data-astro-cid-s35pujdj] a[data-astro-cid-s35pujdj]{text-decoration:none}.highlights[data-astro-cid-s35pujdj]{padding:var(--space-lg);border:1px solid var(--line);border-inline-start:2px solid var(--card-accent);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background-color:color-mix(in oklab, var(--card-accent) 6%, transparent);margin-block-end:var(--space-xl)}.highlights__title[data-astro-cid-s35pujdj]{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--card-accent);margin-block-end:var(--space-sm);font-size:.66rem;font-weight:500}.highlights[data-astro-cid-s35pujdj] ul[data-astro-cid-s35pujdj]{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.highlights[data-astro-cid-s35pujdj] li[data-astro-cid-s35pujdj]{align-items:start;gap:var(--space-xs);font-size:var(--step--1);color:var(--fg-muted);display:flex}.highlights[data-astro-cid-s35pujdj] li[data-astro-cid-s35pujdj] svg{color:var(--card-accent);flex-shrink:0;margin-block-start:.28em}.project__nav[data-astro-cid-s35pujdj]{gap:var(--space-md);border-block-start:1px solid var(--hairline);grid-template-columns:1fr 1fr;margin-block-start:var(--space-2xl);padding-block-start:var(--space-lg);display:grid}.project__nav-link[data-astro-cid-s35pujdj]{gap:var(--space-2xs);padding:var(--space-md);border:1px solid var(--line);border-radius:var(--radius-lg);transition:border-color var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.project__nav-link[data-astro-cid-s35pujdj]:hover{border-color:var(--accent);background-color:color-mix(in oklab, var(--accent) 8%, transparent)}.project__nav-link--next[data-astro-cid-s35pujdj]{text-align:end;grid-column:2}.project__nav-label[data-astro-cid-s35pujdj]{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);align-items:center;gap:.35em;font-size:.66rem;display:inline-flex}.project__nav-link--next[data-astro-cid-s35pujdj] .project__nav-label[data-astro-cid-s35pujdj]{justify-content:end}.project__nav-title[data-astro-cid-s35pujdj]{font-family:var(--font-display);color:var(--fg);font-weight:600}@media (width>=60rem){.project__body[data-astro-cid-s35pujdj]{gap:var(--space-2xl);grid-template-columns:13rem minmax(0,1fr);align-items:start}.project__rail[data-astro-cid-s35pujdj]{position:sticky;inset-block-start:6rem}}