.radar-page .hero.cinema-banner{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px;min-height:365px;margin:24px 0 20px;padding:42px 48px;border:0;border-radius:0;background-color:var(--bg);background-image:linear-gradient(90deg,rgba(8,17,12,.5) 0%,rgba(8,17,12,.15) 48%,transparent 72%),var(--cinema-banner-image,url('assets/cinema-banner-v1.png'));background-size:cover;background-position:center;overflow:hidden;box-shadow:none}
.radar-page .cinema-banner>div:first-child{width:57%;max-width:620px}.radar-page .cinema-banner .eyebrow{color:#dbf695}.radar-page .cinema-banner h1{font-size:clamp(36px,4.3vw,58px);margin:14px 0 16px;line-height:1.08;letter-spacing:-1.8px;text-shadow:0 2px 20px #0005}.radar-page .cinema-banner .intro{max-width:470px;font-size:12px;line-height:1.8;color:#d0dacb}.radar-page .cinema-banner .hero-tools{width:auto;max-width:57%;flex-shrink:1}.radar-page .cinema-banner .hero-tools .actions{flex-direction:row;gap:9px}.radar-page .cinema-banner .hero-tools .actions button{width:auto;min-height:44px;font-size:11px;backdrop-filter:blur(8px)}.radar-page .cinema-banner .hero-caption{display:none}
@media(max-width:1000px){.radar-page .hero.cinema-banner{min-height:345px;padding:32px}.radar-page .cinema-banner>div:first-child{width:65%}.radar-page .cinema-banner .hero-tools{max-width:65%}.radar-page .cinema-banner h1{font-size:42px}.radar-page .cinema-banner .intro{max-width:370px}}
@media(max-width:650px){.radar-page .hero.cinema-banner{min-height:490px;margin:18px 0 16px;padding:180px 24px 28px;justify-content:flex-end;gap:20px;border-radius:0;background-image:linear-gradient(0deg,rgba(8,17,12,.98) 0%,rgba(8,17,12,.93) 28%,rgba(8,17,12,.62) 56%,rgba(8,17,12,.08) 100%),var(--cinema-banner-image,url('assets/cinema-banner-v1.png'));background-position:95% center}.radar-page .cinema-banner>div:first-child{width:100%;max-width:none}.radar-page .cinema-banner .hero-tools{width:100%;max-width:none}.radar-page .cinema-banner h1{font-size:38px;letter-spacing:-1.3px;margin:12px 0}.radar-page .cinema-banner .intro{max-width:420px;font-size:11px}.radar-page .cinema-banner .hero-tools .actions button{flex:1 1 140px}}
@media(max-width:360px){.radar-page .hero.cinema-banner{padding:165px 18px 22px}.radar-page .cinema-banner h1{font-size:34px}}

.series-page .hero.cinema-banner{--cinema-banner-image:url('assets/series-banner-v1.png')}

/* Blend the photographs into the exact page background, keeping text above the fade. */
.radar-page .hero.cinema-banner{position:relative;isolation:isolate}
.radar-page .hero.cinema-banner::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,transparent 9%,transparent 91%,var(--bg) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 23%,transparent 81%,var(--bg) 100%)}
.radar-page .hero.cinema-banner>div{position:relative;z-index:1}
@media(max-width:650px){.radar-page .hero.cinema-banner::before{background:linear-gradient(90deg,var(--bg) 0%,transparent 10%,transparent 90%,var(--bg) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 28%,transparent 86%,var(--bg) 100%)}}