.media-home{--media-hero-max:1600px;gap:calc(var(--space-unit,.25rem) * 8);flex-direction:column;display:flex}.media-home,.media-title{--watch-h:var(--accent-h);--watch-bg:var(--background);--watch-bg-2:var(--card);--watch-surface:var(--card);--watch-surface-hi:var(--muted);--watch-border:var(--border);--watch-fg:var(--foreground);--watch-fg-dim:var(--muted-foreground);--watch-fg-muted:color-mix(in oklch, var(--muted-foreground) 70%, transparent);--watch-accent:var(--primary);--watch-accent-2:var(--primary);--watch-accent-glow:color-mix(in oklch, var(--primary) 35%, transparent);--watch-radius:var(--radius-lg,var(--radius));--watch-radius-lg:var(--radius-xl,var(--radius));--watch-hover-scale:1.06;--watch-ease:var(--ease-out);--watch-row-gap:calc(var(--space-unit,.25rem) * 3);--watch-poster-w:calc(180px * var(--text-scale,1))}@media (max-width:47.99rem){.media-home,.media-title{--watch-poster-w:calc(124px * var(--text-scale,1))}}.media-hero{width:100%;max-width:var(--media-hero-max);isolation:isolate;border-radius:var(--radius-2xl,var(--radius));background:var(--card);min-height:clamp(360px,52vh,640px);color:var(--foreground);align-items:flex-end;margin-inline:auto;display:flex;position:relative;overflow:hidden}.media-hero-bg{z-index:0;object-fit:cover;object-position:center 20%;position:absolute;inset:0}@keyframes media-hero-drift{0%{scale:1}to{scale:1.06}}:root[data-motion=full] .media-hero-bg{animation:media-hero-drift 24s var(--ease-in-out) infinite alternate;transform-origin:50% 30%}@keyframes media-hero-rise{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}:root[data-motion=full] .media-hero-content>*{animation:media-hero-rise var(--dur-slow) var(--ease-out) both}:root[data-motion=full] .media-hero-content>:nth-child(2){animation-delay:80ms}:root[data-motion=full] .media-hero-content>:nth-child(3){animation-delay:.16s}:root[data-motion=full] .media-hero-content>:nth-child(4){animation-delay:.24s}.media-hero-scrim{z-index:1;background:linear-gradient(to top, var(--background) 0%, color-mix(in oklch, var(--background) 70%, transparent) 35%, transparent 70%), linear-gradient(to right, color-mix(in oklch, var(--background) 85%, transparent) 0%, transparent 60%);position:absolute;inset:0}.media-hero-content{z-index:2;gap:calc(var(--space-unit,.25rem) * 3);flex-direction:column;max-width:min(640px,92%);padding:clamp(1rem,4vw,3rem);display:flex;position:relative}.media-hero-logo{object-fit:contain;object-position:left bottom;filter:drop-shadow(0 4px 24px #00000080);filter:drop-shadow(0 4px 24px lab(0% 0 0/.5));width:min(420px,70%);height:auto;max-height:160px}.media-hero-title{font-family:var(--font-heading);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.75rem,4vw,3.25rem);font-weight:800;line-height:1.05}.media-hero-meta{color:var(--muted-foreground);flex-wrap:wrap;gap:.5rem;font-size:.85rem;display:flex}.media-hero-overview{color:var(--foreground);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.media-hero-actions{flex-wrap:wrap;gap:.6rem;margin-top:.25rem;display:flex}.media-hero-dots{z-index:3;gap:.4rem;display:flex;position:absolute;bottom:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.media-hero-dot{background:color-mix(in oklch, var(--foreground) 35%, transparent);cursor:pointer;width:.5rem;height:.5rem;transition:background var(--dur-fast) var(--ease-out), width var(--dur-fast) var(--ease-out);border:0;border-radius:999px;padding:0}.media-hero-dot[aria-current=true]{background:var(--primary);width:1.5rem}.media-row{position:relative}.media-row-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.75rem;display:flex}.media-row-title{font-family:var(--font-heading);letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.media-row-reason{color:var(--muted-foreground);font-size:.8rem}.media-row-link{color:var(--muted-foreground);margin-right:.5rem;font-size:.8rem}.media-row-link:hover{color:var(--foreground)}.media-row-arrow[disabled]{opacity:.3}.media-row-viewport{border-radius:var(--radius);margin:-.5rem 0 -.75rem;padding:.5rem 0 .75rem;overflow:hidden}.media-row-viewport:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.media-row-track{gap:calc(var(--space-unit,.25rem) * 3);touch-action:pan-y pinch-zoom;display:flex}.media-row-slide{flex:0 0 var(--watch-poster-w,calc(180px * var(--text-scale,1)));min-width:0}.media-row-slide .poster-card{scroll-snap-align:unset;flex-basis:100%;width:100%}.media-row-more{aspect-ratio:2/3;border-radius:var(--radius-lg,var(--radius));border:1px dashed var(--border);width:100%;color:var(--muted-foreground);text-align:center;place-items:center;padding:1rem;font-size:.85rem;display:grid}.media-chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.media-chip{height:var(--control-sm,2rem);border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:999px;align-items:center;gap:.4rem;padding:0 .75rem;font-size:.8rem;display:inline-flex}.media-chip:hover{background:var(--muted)}.media-chip[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);border-color:#0000}.media-chip[data-offline]{opacity:.55}.media-chip:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.media-chip-dot{background:var(--success);border-radius:999px;width:.5rem;height:.5rem}.media-chip[data-offline] .media-chip-dot{background:var(--muted-foreground)}.media-chip-count{font-variant-numeric:tabular-nums;opacity:.75}.media-notice{border-radius:var(--radius);background:color-mix(in oklch, var(--warning) 12%, transparent);color:var(--foreground);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;display:flex}.media-curator{color:var(--muted-foreground);flex-direction:column;gap:.25rem;margin-block:.5rem 1rem;font-size:.8rem;display:flex}.media-curator-head{color:var(--primary);align-items:center;gap:.375rem;font-weight:600;display:inline-flex}.media-curator-list{flex-direction:column;gap:.125rem;display:flex}.media-curator-title{color:var(--foreground);border-radius:var(--radius-sm);font-weight:500}.media-curator-title:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.media-curator-why{text-wrap:pretty}.media-title-hero{isolation:isolate;min-height:clamp(280px,48vh,560px);position:relative;overflow:hidden}.media-title-hero .media-hero-bg{object-position:center 25%}.media-title-body{z-index:2;grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-top:clamp(-8rem,-14vh,-4rem);display:grid;position:relative}@media (min-width:48rem){.media-title-body{grid-template-columns:11rem minmax(0,1fr)}}.media-title-poster{aspect-ratio:2/3;border-radius:var(--radius-xl,var(--radius));object-fit:cover;background:var(--card);width:100%;box-shadow:0 18px 40px -16px #0009;box-shadow:0 18px 40px -16px lab(0% 0 0/.6)}.media-title-section{flex-direction:column;gap:.75rem;display:flex}.media-title-section h2{font-family:var(--font-heading);font-size:1rem;font-weight:700}.media-sources{flex-wrap:wrap;gap:.5rem;display:flex}.media-offers{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem;display:grid}.media-offer{border-radius:var(--radius-lg,var(--radius));border:1px solid var(--border);background:var(--card);color:var(--foreground);transition:background var(--dur-fast) var(--ease-out), translate var(--dur-fast) var(--ease-out);align-items:center;gap:.6rem;padding:.5rem .75rem;text-decoration:none;display:flex}.media-offer:hover{background:var(--muted);translate:0 -1px}.media-offer:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.media-offer-logo{border-radius:var(--radius-md,var(--radius));object-fit:cover;background:var(--muted);width:2.25rem;height:2.25rem}.media-offer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.85rem;font-weight:600;overflow:hidden}.media-cast{scrollbar-width:thin;gap:.75rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.media-cast-item{text-align:center;flex-direction:column;flex:0 0 5.5rem;gap:.35rem;font-size:.75rem;display:flex}.media-cast-item img,.media-cast-avatar{object-fit:cover;background:var(--muted);border-radius:999px;width:5.5rem;height:5.5rem}.media-attribution{color:var(--muted-foreground);flex-wrap:wrap;gap:.5rem 1rem;font-size:.72rem;display:flex}.media-trailer{aspect-ratio:16/9;border-radius:var(--radius-xl,var(--radius));background:var(--card);border:0;width:100%}