.demo-showcase.svelte-gm3n32{container-type:inline-size}.demo-scenes.svelte-gm3n32{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.demo-scene.svelte-gm3n32{isolation:isolate;aspect-ratio:3/4;color:#fff;-webkit-tap-highlight-color:transparent;background:#131518;border-radius:12px;max-height:280px;display:block;position:relative;overflow:hidden}.demo-scene.svelte-gm3n32:nth-child(2n){transform:translateY(20px)}.demo-scene.svelte-gm3n32:after{z-index:-1;content:"";background:linear-gradient(#0000 25%,#0000001f 42%,#000000d6 100%);position:absolute;inset:0}.demo-scene.svelte-gm3n32 img:where(.svelte-gm3n32){z-index:-2;object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.scene-copy.svelte-gm3n32{padding:16px;position:absolute;inset:auto 0 0}.scene-copy.svelte-gm3n32 h3:where(.svelte-gm3n32){letter-spacing:-.025em;white-space:pre-line;margin:0 0 14px;font-size:clamp(1.25rem,5cqi,1.75rem);font-weight:600;line-height:1.08}.scene-link.svelte-gm3n32{justify-content:space-between;align-items:center;gap:8px;font-size:.75rem;font-weight:500;line-height:1.4;display:flex}.scene-link.svelte-gm3n32 svg{flex-shrink:0;transition:transform .25s ease-out}.demo-scene[aria-current=page].svelte-gm3n32{outline-offset:4px;outline:2px solid #7da4f8}.demo-scene[aria-disabled=true].svelte-gm3n32{cursor:wait}.demo-scene.svelte-gm3n32:focus-visible{outline-offset:5px;outline:2px solid #7da4f8}.demo-scene.svelte-gm3n32:focus-visible img:where(.svelte-gm3n32){transform:scale(1.04)}.showcase-caption.svelte-gm3n32{color:#94a3b8;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-top:40px;font-size:.75rem;line-height:1.6;display:flex}@container (width>=28rem){.scene-copy.svelte-gm3n32{padding:20px}.scene-link.svelte-gm3n32{font-size:.8125rem}}@container (width>=44rem){.demo-scenes.svelte-gm3n32{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.demo-scene.svelte-gm3n32{aspect-ratio:2/3;max-height:none}.demo-scene.svelte-gm3n32:nth-child(2n){transform:translateY(32px)}.scene-copy.svelte-gm3n32 h3:where(.svelte-gm3n32){font-size:clamp(1.5rem,2.9cqi,2rem)}.showcase-caption.svelte-gm3n32{margin-top:52px;font-size:.8125rem}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.demo-scene.svelte-gm3n32:hover img:where(.svelte-gm3n32){transform:scale(1.04)}.demo-scene.svelte-gm3n32:hover .scene-link:where(.svelte-gm3n32) svg{transform:translate(2px,-2px)}}@media (prefers-reduced-motion:reduce){.demo-scene.svelte-gm3n32 img:where(.svelte-gm3n32),.scene-link.svelte-gm3n32 svg{transition:none}}