.television-banner{position:relative;width:100%;aspect-ratio:3.1;background:#0a1726 url('/assets/television-original.jpg') center/100% auto no-repeat}
.television-banner::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 65%,#0a1726 100%),radial-gradient(ellipse at center,transparent 45%,rgba(10,23,38,.7) 100%)}
.television-banner .back-link{position:absolute;z-index:1;left:max(4vw,24px);bottom:12px;margin:0;color:var(--gold);background:#090c13;border:1px solid var(--gold);padding:12px 18px;min-height:44px}
.accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.video-section{padding-top:28px}
#honka-player{scroll-margin-top:16px}
.video-intro{margin-bottom:24px}
.video-intro .eyebrow{margin:0 0 8px}
.video-intro h2{margin:0 0 12px}
.video-intro p:last-child{margin:0 auto;font-size:15px;line-height:1.5;max-width:760px}
@media(max-width:800px){.television-banner{aspect-ratio:16/9;background-size:contain}.television-banner .back-link{left:24px;bottom:8px;font-size:14px;padding:10px 16px}.video-intro p:last-child{font-size:14px}}
@media(max-width:600px){
  .video-intro h2{font-size:2.6rem;line-height:1.15;margin-bottom:12px}
  .video-intro .eyebrow{font-size:10px;letter-spacing:.14em}
  .television-collection .player-caption{padding:14px 16px 16px}
  .television-collection .player-caption .eyebrow{font-size:.7rem;letter-spacing:.14em}
  .television-collection .player-caption h3{font-size:clamp(1.25rem,1.6vw,1.6rem);line-height:1.3;margin:6px 0}
  .television-collection .player-caption #now-subtitle{font-size:.9rem;font-weight:400;line-height:1.4;margin:4px 0 8px}
  .television-collection .player-caption #now-description{font-size:14px;line-height:1.5;margin:0}
}