/* Only the hero's background changes. Shelf and coverflow posters remain 2:3. */
#content-presentation .cp-track{pointer-events:none}#content-presentation .cp-cover{pointer-events:auto}
:is(#content-presentation,#content-progress) .cp-episode-placeholder{display:grid;place-items:center;grid-column:1;grid-row:1;width:100%;aspect-ratio:16/9;min-height:64px;border-radius:6px;background:#171c25;color:#9aa2b0;font-size:11px}
:is(#content-presentation,#content-progress) .cp-episode-image{grid-column:1;grid-row:1;z-index:1;aspect-ratio:16/9;height:auto}
:is(#content-presentation,#content-progress) .cp-episode-copy{grid-column:2;grid-row:1}
:is(#content-presentation,#content-progress) .cp-row-play{grid-column:3;grid-row:1}
#content-presentation [data-view="favorites"] .cp-hero{background:radial-gradient(ellipse at 78% 35%,#63223940,transparent 65%),linear-gradient(125deg,#11131b,#08090b 75%);isolation:isolate}
#content-presentation [data-view="favorites"] .cp-hero[data-art-layout="poster"] .cp-poster-identity{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;max-height:none;transform:none;opacity:.68;pointer-events:none;overflow:hidden;border-radius:0;mask-image:linear-gradient(90deg,transparent 12%,#000 68%)}
#content-presentation [data-view="favorites"] .cp-hero[data-art-layout="poster"] .cp-poster-identity:not([hidden]){display:block}
#content-presentation [data-view="favorites"] .cp-hero[data-art-layout="poster"] .cp-hero-poster{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:75% 24%;border:0;border-radius:0;box-shadow:none}
#content-presentation [data-view="favorites"] .cp-hero::before{background:linear-gradient(0deg,var(--canvas,#090a0c),transparent 45%),linear-gradient(90deg,var(--canvas,#090a0c) 4%,#090a0ce8 30%,#090a0c70 60%,#090a0c20);pointer-events:none}
#content-presentation [data-view="favorites"] .cp-hero-art{height:100%;object-fit:cover;object-position:70% center}
#content-presentation [data-view="favorites"] .cp-hero::before{bottom:0}
@media(max-width:1180px){#content-presentation [data-view="favorites"] .cp-hero[data-art-layout="poster"] .cp-poster-identity{opacity:.5;mask-image:linear-gradient(0deg,transparent,#000 85%)}#content-presentation [data-view="favorites"] .cp-hero::before{background:linear-gradient(0deg,#090a0c 3%,#090a0ca8 45%,#090a0c50),linear-gradient(90deg,#090a0cb0,transparent)}}
/* The connected catalog uses the same inset rhythm as the approved Labs.
   Movie/series posters remain 2:3; only the panorama reaches the edges. */
@media(max-width:1180px){
  body.mobile-shell-active #content-presentation .cp-hero{padding-inline:calc(var(--cp-inset-start) + 4px) calc(var(--cp-inset-end) + 4px)}
  body.mobile-shell-active #content-presentation .cp-hero-copy{max-width:100%;box-sizing:border-box}
  body.mobile-shell-active #content-presentation .cp-title-slot{min-width:0;padding:3px 2px}
  body.mobile-shell-active #content-presentation .cp-hero-title{line-height:1.08;overflow-wrap:anywhere}
  body.mobile-shell-active #content-presentation .cp-eyebrow{white-space:normal;height:auto;line-height:1.5}
}