/* Before playback the approved poster composition is unchanged. */
.hero-information,.hero-video-column,.hero-stat-dock{display:contents}
.hero-video-zone{position:absolute;inset:0 0 0 48%;z-index:0;opacity:0;overflow:hidden;background:transparent;transition:none;mask-image:linear-gradient(90deg,transparent 0%,transparent 5%,#0000000a 12%,#00000029 20%,#00000066 29%,#000000b8 39%,#000 50%,#000 94%,transparent 100%)}
.hero-video-zone video{display:block;position:absolute;left:0;top:50%;width:100%;height:100%;max-width:960px;transform:translateY(-50%);object-fit:contain;pointer-events:none;mask-image:linear-gradient(0deg,transparent,#000 14%,#000 88%,transparent)}
.hero-video-zone:after{content:'';position:absolute;inset:0;background:#02070a1f;pointer-events:none}
.hero[data-video-state=playing] .hero-video-zone{opacity:1}
.hero[data-video-transition=scrolling] .hero-video-zone{transition:none}
.hero-scene .hero-heading,.hero-scene .counter-shell,.hero-scene .remaining-shell{z-index:2;opacity:1}
.hero-video-controls{display:flex;justify-content:flex-end;position:absolute;top:10px;right:10px;z-index:4}
.hero-video-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px;border:1px solid #72736170;border-radius:8px;background:#02070abf;color:#e9d291;font:500 12px/1 RobotoCondensed,sans-serif}
.hero-video-controls button:hover,.hero-video-controls button[aria-pressed=true]{border-color:#dfc66b;background:#14212a}
@media(min-width:980px){
 .hero.is-cinema-layout .hero-information{position:absolute;inset:12px 18px 14px 48%;display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:128px minmax(0,1fr);grid-template-areas:'heading dock' 'video video';gap:16px}
 .hero.is-cinema-layout .hero-heading{grid-area:heading;align-self:start;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;height:100px!important;margin:0!important}
 .hero.is-cinema-layout .hero-live-title{width:100%;height:100%;overflow:visible}
 .hero.is-cinema-layout .hero-live-title text:last-child{font-size:16px}
 .hero.is-cinema-layout .hero-video-column{grid-area:video;align-self:end;justify-self:end;display:block;width:var(--cinema-video-width,420px);height:calc(var(--cinema-video-width,420px) * 9 / 16);min-width:0;min-height:0}
 .hero.is-cinema-layout .hero-video-zone{position:relative;inset:auto;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:16/9;mask-image:linear-gradient(90deg,transparent 0%,#0000000a 3%,#0000003b 8%,#0000009e 14%,#000000e6 20%,#000 25%,#000 96%,transparent 100%)}
 .hero.is-cinema-layout .hero-video-controls{position:absolute;left:0;bottom:0;right:auto;top:auto;width:44px;height:44px}
 .hero.is-cinema-layout .hero-stat-dock{grid-area:dock;display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:10px;width:100%;height:120px;align-self:start}
 .hero.is-cinema-layout .counter-shell,.hero.is-cinema-layout .remaining-shell{position:relative;inset:auto;width:100%;height:120px;border:1px solid #34434b;border-radius:12px;background:#03090df2}
 .hero.is-cinema-layout .counter-frame{display:none}
 .hero.is-cinema-layout .counter-top{top:7px;height:14px;font-size:10px;line-height:14px;letter-spacing:.6px}
 .hero.is-cinema-layout .counter-number-surface{left:0;top:20px;width:100%;height:62px}
 .hero.is-cinema-layout .counter{font-size:60px;line-height:62px;letter-spacing:1px;text-indent:0}
 .hero.is-cinema-layout .counter-breakdown{left:5px;right:5px;bottom:12px;height:25px}
 .hero.is-cinema-layout .counter-breakdown>div{display:block;text-align:center}
 .hero.is-cinema-layout .counter-breakdown svg,.hero.is-cinema-layout .counter-national-logo{display:none}
 .hero.is-cinema-layout .counter-breakdown small{font-size:9px;line-height:11px}
 .hero.is-cinema-layout .counter-breakdown b{font-size:12px;line-height:14px}
 .hero.is-cinema-layout .remaining-shell>span{left:4px;right:4px;top:9px;font-size:9px;line-height:12px;letter-spacing:0}
 .hero.is-cinema-layout .remaining-shell>span:last-child{top:auto;bottom:12px}
 .hero.is-cinema-layout .remaining-number-surface{left:0;top:37px;width:100%;height:48px}
 .hero.is-cinema-layout .remaining-shell strong{font-size:44px;line-height:48px;letter-spacing:0;text-indent:0}
}
@media(min-width:980px) and (max-width:1100px){
 .hero.is-cinema-layout .hero-information{grid-template-columns:minmax(0,1fr);grid-template-rows:72px 80px minmax(0,1fr);grid-template-areas:'heading' 'dock' 'video';gap:8px}
 .hero.is-cinema-layout .hero-heading{height:72px!important}
 .hero.is-cinema-layout .hero-live-title text:last-child{font-size:22px}
 .hero.is-cinema-layout .hero-stat-dock{grid-template-columns:minmax(0,1fr) 124px;height:80px}
 .hero.is-cinema-layout .counter-shell,.hero.is-cinema-layout .remaining-shell{height:80px}
 .hero.is-cinema-layout .counter-top{top:5px;font-size:9px;line-height:11px}
 .hero.is-cinema-layout .counter-number-surface{top:16px;height:38px}.hero.is-cinema-layout .counter{font-size:40px;line-height:42px}
 .hero.is-cinema-layout .counter-breakdown{bottom:5px;height:23px}
 .hero.is-cinema-layout .counter-breakdown>div{display:flex;gap:5px;justify-content:center;align-items:center}
 .hero.is-cinema-layout .remaining-shell>span{top:5px;font-size:8px;line-height:10px}.hero.is-cinema-layout .remaining-shell>span:last-child{bottom:5px}
 .hero.is-cinema-layout .remaining-number-surface{top:20px;height:39px}.hero.is-cinema-layout .remaining-shell strong{font-size:38px;line-height:40px}
}
@media(max-width:979px){
 .hero{height:auto!important}
 .hero-scene{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;padding:0 12px 18px;height:auto;--u:1px}
 .hero-art{position:relative;grid-column:1/-1;inset:auto;margin-inline:-12px;width:calc(100% + 24px);height:clamp(190px,52vw,360px);z-index:0;background-image:url('/assets/hero-banner-mobile-v1.webp');background-size:auto 100%;background-position:left top}
 .hero-video-zone{inset:0 0 auto;height:clamp(190px,52vw,360px);mask-image:linear-gradient(0deg,transparent,#000 16%,#000 92%,transparent)}
 .hero-video-controls{grid-column:1/-1;position:static;min-height:44px;margin-top:-6px}
 .hero-heading{grid-column:1/-1;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;height:auto!important;clip-path:none!important;overflow:visible!important;white-space:normal!important;margin:0!important}
 .hero-heading h1,.hero-heading p{position:static!important;width:auto!important;height:auto!important;clip-path:none!important;overflow:visible!important;white-space:normal!important}
 .hero-heading h1{font:600 clamp(29px,5vw,42px)/1.2 Oswald,sans-serif;margin:0}.hero-heading h1 strong{display:block;font:700 clamp(40px,8vw,60px)/1 Teko,sans-serif;color:#ffe086}.hero-heading p{font-size:10px;line-height:15px;letter-spacing:.8px;margin:7px 0 0}
 .hero-live-title{display:none!important}
 .counter-shell,.remaining-shell{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:150px;border:1px solid #34434b;border-radius:12px;background:#03090df2;--u:1px}
 .counter-frame{display:none}.counter-top{position:absolute;left:0;right:0;top:10px;text-align:center;width:auto;height:16px;clip-path:none;overflow:visible;font-size:11px;line-height:16px}
 .counter-number-surface{left:0;top:27px;width:100%;height:78px;background:none}.counter{font-size:82px;line-height:82px;letter-spacing:2px;text-indent:0}
 .counter-breakdown{position:absolute;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;left:7px;right:7px;bottom:8px;height:30px}.counter-breakdown>div{display:block;text-align:center}.counter-breakdown svg,.counter-national-logo{display:none}.counter-breakdown small,.counter-breakdown b{position:static;width:auto;height:auto;clip-path:none;overflow:visible;display:block;background:none}.counter-breakdown small{font-size:10px;line-height:13px}.counter-breakdown b{font-size:14px;line-height:17px}
 .remaining-shell>span{left:0;right:0;top:12px;font-size:10px;line-height:15px;letter-spacing:.3px}.remaining-shell>span:last-child{top:auto;bottom:12px}.remaining-number-surface{left:0;top:40px;width:100%;height:65px;background:none}.remaining-shell strong{font-size:72px;line-height:72px;letter-spacing:1px;text-indent:0}
}
@media(prefers-reduced-motion:reduce){.hero-video-zone{transition:none!important}}
@media(max-width:979px){.hero .counter-breakdown .counter-national-logo.team-mark{display:none}}
@media(max-width:979px){.hero .counter-breakdown{bottom:12px}}

.home-intro{position:relative;container-type:inline-size;background:#02070a;--u:calc(100cqw / 1024)}
.hero-scroll-skip{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;overflow:hidden;clip-path:inset(50%)}
.hero-scroll-skip:focus-visible{position:fixed!important;left:18px;top:72px;width:auto!important;height:44px!important;min-width:90px!important;padding:8px 12px!important;clip-path:none;z-index:200}
@media(max-width:979px){.home-intro+.dashboard{padding-top:0}}

/* One shared scroll progress drives the image, media and geometry. */
.hero-art{transition:none!important}
body>.home-intro{top:64px!important}
@media(min-width:980px){
 .hero.is-cinema-layout .hero-heading{height:94px!important}
 .hero.is-cinema-layout .hero-video-column{width:100%;height:100%;align-self:stretch;justify-self:stretch}
 .hero.is-cinema-layout .hero-video-zone{width:100%;height:100%}
 .hero.is-cinema-layout .hero-video-zone video{max-width:none;object-fit:cover;object-position:center center}
 .hero.is-cinema-layout .hero-video-controls{top:98px;bottom:auto}
}
@media(min-width:980px) and (max-width:1100px){
 .hero.is-cinema-layout .hero-heading{height:72px!important}
 .hero.is-cinema-layout .hero-video-controls{top:0;right:0;left:auto}
 .hero.is-cinema-layout .hero-heading{padding-right:54px}
}
/* Full-width footage rises from below; its pixels are never stretched. */
.hero .hero-video-column{display:block!important;position:absolute;inset:0;width:100%!important;height:100%!important;overflow:hidden;z-index:0;pointer-events:none}
.hero .hero-video-zone{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;background:none;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)!important;transition:none!important}
.hero .hero-video-zone video{position:absolute;inset:0;width:100%;height:100%;max-width:none;transform:none;object-fit:cover;object-position:center;mask-image:none}
@media(max-width:979px){.hero .hero-video-column{bottom:auto;height:clamp(190px,52vw,360px)!important}}
/* Original footage has a42px white encoded gutter: exclude that padding only. */
.hero .hero-video-zone video{width:102.236422%;left:-2.236422%;right:auto;object-fit:cover}
.hero .hero-video-zone{mask-image:none!important}
.hero .hero-video-zone:after{background:transparent}
.hero-sound-control{position:absolute;left:18px;bottom:14px;z-index:8;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:1px solid #ffffff38;border-radius:10px;color:#ffe6a0;background:rgb(0 0 0 / .45);cursor:pointer}
.hero-sound-control[hidden]{display:none}.hero-sound-control:hover{background:rgb(0 0 0 / .7);border-color:#e8ce87}.hero-sound-control svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hero-sound-control[data-sound=muted] .sound-on,.hero-sound-control[data-sound=enabled] .sound-off{display:none}
@media(max-width:979px){.hero-sound-control{left:12px;top:calc(clamp(190px,52vw,360px) - 54px);bottom:auto}}
@media(max-width:979px){.hero.is-scroll-pinned{z-index:2}}
/* Identify the featured goal on desktop without changing the hero geometry. */
@media(min-width:701px){
 body[data-view=home] .hero .hero-latest-label:not([hidden]){position:absolute;z-index:6;left:76px;bottom:18px;display:inline-flex;align-items:center;gap:9px;max-width:calc(100% - 100px);min-height:34px;padding:7px 11px;border:1px solid #f1d28266;border-radius:8px;background:#041015e6;color:#edf3f5;box-shadow:0 2px 12px #0005;font:500 12px/18px RobotoCondensed,sans-serif;pointer-events:none}
 body[data-view=home] .hero .hero-latest-label b{color:#ffe08a;font-weight:700}
}