/* Timer layered over the hero film; its target is the confirmed first broadcast. */
.event-hero{height:auto;min-height:max(735px,calc(100svh - 90px));max-height:none}
.poster-content{padding-bottom:112px}
.poster-foot{justify-content:flex-start}
.countdown-overlay{position:absolute;top:38px;right:48px;z-index:4;color:#fff;background:#101014ad;border:1px solid #ffffff25;backdrop-filter:blur(12px);padding:20px 23px;pointer-events:none}
.poster-countdown{display:flex;flex-direction:column;align-items:stretch;gap:17px;min-width:0;letter-spacing:0;flex-shrink:1}
.countdown-intro p{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;color:#eeeaf0;line-height:1.5}
.countdown-intro time{display:block;margin-top:6px;font-family:Industry,sans-serif;font-size:9px;line-height:1.6;color:#bdb8c1;letter-spacing:.2px}
.countdown-digits{display:grid;grid-template-columns:minmax(54px,auto) 9px repeat(2,54px 9px) 54px;gap:6px;align-items:start}
.countdown-unit{text-align:center;min-width:0}
.countdown-unit b{display:block;font:800 46px/1 Industry,sans-serif;letter-spacing:-.8px;font-variant-numeric:tabular-nums;color:#fff}
.countdown-unit:last-child b{color:#f34c55}
.countdown-unit>span{display:block;margin-top:8px;font-size:9px;line-height:1.4;letter-spacing:.6px;color:#bdb8c1}
.countdown-colon{font:500 28px/46px Industry,sans-serif;text-align:center;color:#84778a}
#countdown-status{font-size:19px;font-weight:700;color:#fff;line-height:1.5}
.poster-countdown [hidden]{display:none!important}
@media(max-width:1190px){
 .countdown-overlay{right:32px;padding:18px 20px}
 .countdown-intro p{font-size:10px}
 .countdown-intro time{font-size:8px}
 .countdown-digits{grid-template-columns:minmax(46px,auto) 7px repeat(2,46px 7px) 46px;gap:5px}
 .countdown-unit b{font-size:40px}
 .countdown-colon{font-size:24px;line-height:40px}
}
@media(min-width:681px) and (max-width:960px){
 .event-hero{min-height:max(735px,calc(100svh - 80px))}
 .countdown-overlay{top:34px;padding:16px 18px}
 .countdown-unit b{font-size:34px}
 .countdown-colon{line-height:34px}
 .countdown-unit>span{margin-top:5px;font-size:8px}
}
@media(max-width:680px){
 .event-hero{min-height:0;padding-bottom:69px}
 .poster-content{padding-bottom:31px}
 .poster-foot{justify-content:center}
 .countdown-overlay{top:12px;right:12px;padding:11px 13px;max-width:calc(100% - 24px);background:#101014c9}
 .poster-countdown{gap:10px;font-size:10px;width:100%}
 .countdown-intro p{font-size:8px;gap:6px}
 .countdown-intro time{font-size:7px;margin-top:4px;letter-spacing:0}
 .countdown-digits{grid-template-columns:minmax(32px,auto) 5px repeat(2,32px 5px) 32px;gap:4px}
 .countdown-unit b{font-size:28px;letter-spacing:-.3px}
 .countdown-colon{font-size:18px;line-height:28px}
 .countdown-unit>span{font-size:7px;margin-top:5px}
 .poster-foot>a{justify-content:center;font-size:9px;gap:9px}
 .poster-foot-cross{font-size:20px}
 .poster-foot>a>span:last-child{margin-left:5px}
 #countdown-status{font-size:14px}
}