.hero.svelte-174c40k{border-radius:var(--radius);background:var(--brand-surface);align-items:end;min-height:28rem;margin:0 1.5rem 2rem;display:grid;position:relative;overflow:hidden}.backdrop.svelte-174c40k{position:absolute;inset:0}.backdrop.svelte-174c40k img:where(.svelte-174c40k){object-fit:cover;width:100%;height:100%;display:block}.scrim.svelte-174c40k{background:linear-gradient(180deg, transparent 30%, color-mix(in oklab, var(--brand-bg) 85%, transparent) 75%, var(--brand-bg) 100%);position:absolute;inset:0}.content.svelte-174c40k{z-index:1;align-items:flex-end;gap:1.75rem;padding:0 2rem 3rem;display:flex;position:relative}.poster.svelte-174c40k{aspect-ratio:2/3;border-radius:calc(var(--radius) - .25rem);background:var(--brand-raised);width:9rem;box-shadow:0 1.5rem 3rem color-mix(in oklab, var(--brand-bg) 60%, transparent);flex:none;place-items:center;display:grid;overflow:hidden}.poster.svelte-174c40k img:where(.svelte-174c40k){object-fit:cover;width:100%;height:100%;display:block}.fallback.svelte-174c40k{font-family:var(--font-display);color:var(--brand-muted);font-size:2.5rem}.details.svelte-174c40k{max-width:42rem}h1.svelte-174c40k{margin:0 0 .35rem;font-size:clamp(1.75rem,3.5vw,3rem)}.tagline.svelte-174c40k{color:var(--brand-muted);margin:0 0 .75rem;font-style:italic}.meta.svelte-174c40k{color:var(--brand-muted);align-items:center;gap:.75rem;margin:0 0 1rem;font-size:.9rem;display:flex}.rating.svelte-174c40k:before{content:"★ ";color:var(--brand-accent-soft)}.overview.svelte-174c40k{color:var(--brand-muted);margin:0 0 1.5rem;line-height:1.5}.genres.svelte-174c40k{flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.genres.svelte-174c40k a:where(.svelte-174c40k){border:1px solid var(--brand-hairline);color:var(--brand-fg);transition:border-color .18s var(--ease-out-expo), background-color .18s var(--ease-out-expo);border-radius:999px;padding:.35rem .85rem;font-size:.8rem;text-decoration:none;display:inline-block}.genres.svelte-174c40k a:where(.svelte-174c40k):hover,.genres.svelte-174c40k a:where(.svelte-174c40k):focus-visible{border-color:var(--brand-accent);background:color-mix(in oklab, var(--brand-fg) 8%, transparent)}.play.svelte-174c40k{background:var(--brand-fg);color:var(--brand-bg);transition:transform .18s var(--ease-out-expo);border-radius:999px;padding:.65rem 1.4rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.play.svelte-174c40k:hover,.play.svelte-174c40k:focus-visible{transform:translateY(-2px)}