.media-hero{--media-hero-inner-radius:calc(var(--ds-radius-2xl) - var(--ds-border-width));background:var(--ds-bg-surface);border-radius:var(--ds-radius-2xl);border:var(--ds-border-width) solid var(--ds-border-default);isolation:isolate;position:relative;overflow:hidden;container:inline-badges/inline-size}.media-hero__main{clip-path:inset(0 round var(--media-hero-inner-radius) var(--media-hero-inner-radius) 0 0);position:relative}.media-hero__main:last-child{clip-path:inset(0 round var(--media-hero-inner-radius))}.media-hero__bg{z-index:var(--ds-z-base);position:absolute;inset:0}.media-hero__bg-container,.media-hero__bg-img{width:100%;height:100%}.media-hero__bg-img{object-fit:cover;display:block}.media-hero__bg-heavy{position:absolute;inset:0}.media-hero__bg-lqip{object-fit:cover;width:100%;height:100%;display:none;position:absolute;inset:0}.media-hero__bg:after{content:"";background:linear-gradient(to top, var(--ds-bg-surface) 4%, color-mix(in srgb, var(--ds-bg-surface) 62%, transparent) 34%, color-mix(in srgb, var(--ds-bg-surface) 14%, transparent) 64%, transparent 88%), linear-gradient(105deg, color-mix(in srgb, var(--ds-bg-surface) 78%, transparent) 0%, transparent 46%);position:absolute;inset:0}.media-hero__in{z-index:var(--ds-z-sticky);gap:var(--ds-space-5) var(--ds-space-6);padding:var(--ds-space-8) var(--ds-space-8) var(--ds-space-6);background:color-mix(in srgb, var(--ds-bg-surface) 32%, transparent);-webkit-backdrop-filter:var(--ds-glass-blur-3xs);backdrop-filter:var(--ds-glass-blur-3xs);grid-template-columns:234px minmax(0,1fr);grid-template-areas:"poster head""poster actions";align-items:start;display:grid;position:relative}.media-hero__poster{aspect-ratio:234/340;border-radius:var(--ds-radius-lg);width:234px;box-shadow:var(--ds-glass-shadow-md);border:var(--ds-border-width) solid var(--ds-onmedia-border);background:var(--ds-bg-inset);grid-area:poster;align-self:start;overflow:hidden}.media-hero__poster-img{object-fit:cover;width:100%;height:100%;display:block}.media-hero__actions{align-content:flex-end;align-self:end;align-items:flex-end;gap:var(--ds-space-3);flex-wrap:wrap;grid-area:actions;min-height:96px;display:flex}@container media-detail (max-width:1000px){.media-hero__in{gap:var(--ds-space-4) var(--ds-space-5);padding:var(--ds-space-6) var(--ds-space-6) var(--ds-space-8);grid-template-columns:190px minmax(0,1fr);grid-template-areas:"poster head""actions actions"}.media-hero__poster{aspect-ratio:190/278;align-self:start;width:190px}}@container media-detail (max-width:560px){.media-hero{--media-hero-inner-radius:calc(var(--ds-radius-lg) - var(--ds-border-width));border-radius:var(--ds-radius-lg)}.media-hero__bg{height:360px;-webkit-mask-image:linear-gradient(to bottom, var(--ds-text-primary) 60%, transparent 95%);mask-image:linear-gradient(to bottom, var(--ds-text-primary) 60%, transparent 95%);bottom:auto}.media-hero__bg-heavy{display:none}.media-hero__bg-lqip{display:block}.media-hero__bg:after{background:linear-gradient(to top, var(--ds-bg-surface) 8%, color-mix(in srgb, var(--ds-bg-surface) 55%, transparent) 42%, transparent 80%)}.media-hero__in{text-align:center;justify-items:center;gap:var(--ds-space-4);padding:var(--ds-space-4) var(--ds-space-4) var(--ds-space-5);grid-template-columns:1fr;grid-template-areas:"poster""head""actions"}.media-hero__poster{aspect-ratio:3/4;align-self:center;width:180px}.media-hero__actions{width:100%;margin-top:calc(-1 * var(--ds-space-4));background:var(--ds-glass-bg-inset);-webkit-backdrop-filter:var(--ds-glass-blur-md);backdrop-filter:var(--ds-glass-blur-md);border:var(--ds-border-width) solid var(--ds-border-neutral);border-radius:0 0 var(--ds-radius-lg) var(--ds-radius-lg);padding:var(--ds-space-2) var(--ds-space-4) var(--ds-space-4);box-shadow:var(--ds-glass-shadow-sm);border-top:0;justify-content:center}}