.demo-grid[data-astro-cid-qys43pkt]{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;display:grid}.demo-grid[data-astro-cid-qys43pkt]>li[data-astro-cid-qys43pkt]:first-child{grid-area:span 2/span 2}.demo-grid[data-astro-cid-qys43pkt]>li[data-astro-cid-qys43pkt]:first-child .demo-card[data-astro-cid-qys43pkt]{grid-template-rows:1fr auto}.demo-grid[data-astro-cid-qys43pkt]>li[data-astro-cid-qys43pkt]:first-child .demo-media[data-astro-cid-qys43pkt]{aspect-ratio:auto;min-height:100%}.demo-grid[data-astro-cid-qys43pkt]>li[data-astro-cid-qys43pkt]:first-child .demo-copy[data-astro-cid-qys43pkt] strong[data-astro-cid-qys43pkt]{font-size:var(--text-xl)}@media (width<=64rem){.demo-grid[data-astro-cid-qys43pkt]{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-grid[data-astro-cid-qys43pkt]>li[data-astro-cid-qys43pkt]:first-child{grid-row:auto}.demo-grid[data-astro-cid-qys43pkt]>li[data-astro-cid-qys43pkt]:first-child .demo-media[data-astro-cid-qys43pkt]{aspect-ratio:16/9;min-height:0}}@media (width<=40rem){.demo-grid[data-astro-cid-qys43pkt]{grid-template-columns:1fr}.demo-grid[data-astro-cid-qys43pkt]>li[data-astro-cid-qys43pkt]:first-child{grid-column:auto}}.demo-card[data-astro-cid-qys43pkt]{text-align:left;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;height:100%;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);padding:0;display:grid;overflow:hidden}.demo-card[data-astro-cid-qys43pkt]:hover{border-color:var(--color-line-strong);box-shadow:var(--shadow-md)}.demo-media[data-astro-cid-qys43pkt]{aspect-ratio:16/9;background:var(--color-stage);display:block;position:relative}.demo-media[data-astro-cid-qys43pkt] img[data-astro-cid-qys43pkt]{object-fit:cover;width:100%;height:100%}.demo-play[data-astro-cid-qys43pkt]{left:var(--space-3);bottom:var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-raised);width:2.75rem;height:2.75rem;color:var(--color-ink);box-shadow:var(--shadow-md);transition:transform var(--duration-base) var(--ease-out);place-items:center;display:grid;position:absolute}.demo-play[data-astro-cid-qys43pkt] svg{fill:currentColor;width:1.1rem;height:1.1rem;margin-left:2px}.demo-card[data-astro-cid-qys43pkt]:hover .demo-play[data-astro-cid-qys43pkt]{transform:scale(1.06)}.demo-copy[data-astro-cid-qys43pkt]{gap:var(--space-1);padding:var(--space-4) var(--space-5) var(--space-5);display:grid}.demo-copy[data-astro-cid-qys43pkt] small[data-astro-cid-qys43pkt]{color:var(--color-accent-ink);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.demo-copy[data-astro-cid-qys43pkt] strong[data-astro-cid-qys43pkt]{font-size:var(--text-md);line-height:var(--leading-snug)}.demo-copy[data-astro-cid-qys43pkt] span[data-astro-cid-qys43pkt]{color:var(--color-muted);font-size:var(--text-sm)}.demo-dialog[data-astro-cid-qys43pkt]{width:min(100% - 2 * var(--space-4), 70rem);background:var(--color-stage);color:var(--color-on-stage);overflow:hidden}.demo-dialog[data-astro-cid-qys43pkt] video[data-astro-cid-qys43pkt]{aspect-ratio:16/9;background:#000;width:100%;max-height:calc(100dvh - 9rem)}.demo-caption[data-astro-cid-qys43pkt]{gap:var(--space-2) var(--space-5);padding:var(--space-4) var(--space-5);flex-wrap:wrap;align-items:baseline;display:flex}.demo-caption[data-astro-cid-qys43pkt] span[data-astro-cid-qys43pkt]{color:#e7dfd3;font-size:var(--text-sm)}.demo-error[data-astro-cid-qys43pkt]{padding:var(--space-4) var(--space-5) 0}.demo-error[data-astro-cid-qys43pkt] .link[data-astro-cid-qys43pkt]{color:var(--color-stage-accent)}.band[data-astro-cid-hwvj6ntz]{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-7) var(--space-6);border-radius:var(--radius-lg);background:var(--color-accent-soft);border:1px solid var(--color-line);flex-wrap:wrap;display:flex}.band[data-astro-cid-hwvj6ntz] h2[data-astro-cid-hwvj6ntz]{font-size:var(--text-2xl)}.band[data-astro-cid-hwvj6ntz] p[data-astro-cid-hwvj6ntz]{color:var(--color-ink-soft);max-width:36rem}