.demos.svelte-a54evv{display:flex;flex-direction:column;gap:clamp(56px,9vw,120px);max-width:1180px;margin:0 auto;padding:var(--section-gap) 32px;color:var(--nav-text, #1a1a2e)}.head.svelte-a54evv{text-align:center}h2.svelte-a54evv{margin:0 0 14px;font-family:var(--font-display, "BN Rumble");font-size:clamp(2.2rem,5vw,3.8rem);font-weight:400;line-height:.95;text-transform:uppercase}.sub.svelte-a54evv{margin:0;font-size:1.12rem;font-weight:600;opacity:.75}.demo.svelte-a54evv{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(28px,5vw,72px);align-items:center}.demo.flip.svelte-a54evv{grid-template-columns:.7fr 1.3fr}.demo.flip.svelte-a54evv .media:where(.svelte-a54evv){order:2}.media.svelte-a54evv{min-width:0}video.svelte-a54evv,.still.svelte-a54evv{display:block;max-width:100%;max-height:min(80svh,620px);margin:0 auto;border-radius:18px;background:#140f33}.still.svelte-a54evv{width:auto;height:auto}.pair.svelte-a54evv{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pair.svelte-a54evv figure:where(.svelte-a54evv){display:flex;flex-direction:column;gap:10px;align-items:center;margin:0}.pair.svelte-a54evv video:where(.svelte-a54evv),.pair.svelte-a54evv img:where(.svelte-a54evv){display:block;width:100%;height:auto;aspect-ratio:4 / 5;max-height:none;border-radius:18px;background:#140f33}.pair.svelte-a54evv figcaption:where(.svelte-a54evv){font-size:.95rem;font-weight:800}.strip.svelte-a54evv{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.strip.svelte-a54evv li:where(.svelte-a54evv){display:flex;flex-direction:column;gap:8px;align-items:center}.strip.svelte-a54evv img:where(.svelte-a54evv){display:block;width:100%;height:auto;border-radius:14px;background:#140f33}.strip.svelte-a54evv span:where(.svelte-a54evv){font-family:ui-monospace,SUSE Mono,monospace;font-size:.8rem;font-weight:700;opacity:.6}h3.svelte-a54evv{margin:0 0 18px;font-family:var(--font-display, "BN Rumble");font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:400;line-height:1;text-transform:uppercase}@media(max-width:900px){.demos.svelte-a54evv{padding-inline:20px}.demo.svelte-a54evv,.demo.flip.svelte-a54evv{grid-template-columns:1fr}.demo.flip.svelte-a54evv .media:where(.svelte-a54evv){order:0}.strip.svelte-a54evv{gap:5px}}
