/* v8 • Poster palette: porcelain white, sky blue, ink black and BEL red. */
:root{--bg:#f3f9fd;--paper:#fbf8f2;--card:#fff;--ink:#232323;--mute:#626262;--line:#dedede;--brown:#5a4331;--gold:#bc8c44;--gold-d:#775421;--red:#bd1520;--sepia:#302923;--blue:#226b9a;--sky:#e6f3fc}
body{background:linear-gradient(#fff 0,#f3f9fd 1100px,#fff 90%)}
.top{border-color:var(--line);background:rgba(255,255,255,.98)}
.contest-menu .next-link{background:var(--sky);color:#204e6f}
.contest-menu a:hover{background:var(--sky);color:var(--red)}
:focus-visible{outline-color:var(--blue)}
.hero-b{background:#eaf6ff;color:var(--ink);border-bottom:1px solid var(--line)}
.hero-b .hero-bg{object-position:center center;object-fit:cover}
.hero-b::before{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.95) 34%,rgba(255,255,255,.76) 45%,rgba(255,255,255,0) 65%)}
.hero-b .hero-in{max-width:1240px;min-height:640px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:46px 32px 50px}
.hero-b .hero-copy{max-width:530px;padding-top:0}
.hero-b .hero-contest{color:var(--ink);font-size:clamp(22px,2.25vw,29px);letter-spacing:.06em}
.hero-b .eyebrow{color:#526573}
.hero-b .pill.live{background:var(--red);color:#fff}
.hero-b h1{color:#111820;font-size:clamp(42px,4.35vw,58px);text-shadow:none;letter-spacing:-.035em;line-height:1.28;margin-top:22px}
.hero-b h1 small{color:#3b6077;font-size:20px;letter-spacing:.16em;margin-bottom:10px}
.hero-b h1 em{color:var(--red);font-style:normal}
.hero-b .lead{color:#364d5e;line-height:1.9;max-width:31em;font-size:15.5px;margin-top:20px}
.hero-b .btn.gold,.btn.gold{color:#fff;background:var(--red);border-color:var(--red)}
.hero-b .btn.ghost{border-color:#8daec2;color:#244e6c;background:rgba(255,255,255,.8)}
.hero-b .hero-stats{border-top:1px solid #bcd4e3;max-width:465px;margin-top:28px;padding-top:18px}
.hero-b .hero-stats b{color:#236589;font-size:29px}
.hero-b .hero-stats span{color:#425e71}
.hero-art-space{min-width:0;min-height:420px}
.hero-media-strip{padding:20px;background:#fff;border-bottom:1px solid var(--line)}
.hero-media-strip .hero-media{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;max-width:1088px;margin:auto;align-items:stretch}
.hero-media-strip .vd{display:grid;grid-template-columns:142px minmax(0,1fr);position:relative;min-height:82px;aspect-ratio:auto;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f4faff;box-shadow:none;color:var(--ink)}
.hero-media-strip .vd::after{display:none}
.hero-media-strip .vd>img{position:static;grid-column:1;grid-row:1;width:142px;height:82px;object-fit:cover;opacity:1}
.hero-media-strip .vd .ct{position:static;grid-column:2;grid-row:1;display:flex;justify-content:center;flex-direction:column;padding:10px 18px;background:none;color:var(--ink);font-size:15px;line-height:1.6;text-shadow:none}
.hero-media-strip .vd .ct small{font-size:12px;color:var(--blue);font-weight:600}
.hero-media-strip .vd .pl{left:71px;top:41px;width:36px;height:36px;background:var(--red)}
.hero-media-strip .vd .pl::after{border-width:6px 0 6px 9px}
.hero-media-strip .poster-mini{grid-template-columns:40px minmax(0,1fr);padding:10px 18px;gap:14px;border:1px solid var(--line);background:#f4faff}
.hero-media-strip .poster-ph{border-color:#8db8d2;background:repeating-linear-gradient(135deg,#fff 0 8px,#e4f1fa 8px 16px);aspect-ratio:3/4}
.hero-media-strip .poster-mini figcaption{color:var(--ink)}
.hero-media-strip .poster-mini figcaption span{color:var(--mute)}
.facts{background:#fff}.fact b{color:#203c50}.fact small{color:#5a7282}
main .sec-h h2{color:#172f41}
main .sec-h h2::after{content:"";display:block;width:44px;height:2px;background:var(--gold);margin-top:13px}
/* Keep the content's individual gold, red and green accents. */
.strip{background:#302923;border:1px solid #443a31}
.strip::before,.strip::after{background:repeating-linear-gradient(180deg,#d9c5a3 0 10px,transparent 10px 20px)}
.fr{background:#fbf8f2}.fr small{color:#775421}.fr b{color:#302923}
.band{background:#eaf4fa;color:#262626;border-top:1px solid #d6e2e9}
.band a{background:#303030;color:#fff;border-radius:6px}
.band p{color:#626262}
@media(min-width:860px){.strip::before,.strip::after{background:repeating-linear-gradient(90deg,#d9c5a3 0 10px,transparent 10px 20px)}}
@media(hover:hover) and (pointer:fine){
 .hero-b .btn.gold:hover,.btn.gold:hover,#signup .registration-link:not([aria-disabled=true]):hover{background:#a40f19;border-color:#a40f19;color:#fff}
 .hero-b .btn.ghost:hover{background:#e3f2fc;color:#194968;border-color:#7faccc}
 .contest-menu a:hover{background:#eef5f9;color:#bd1520}.faq summary:hover{background:#f1f4ef;color:#235a55}
 #prev .recap-thumb:hover,#prev .recap-thumb[aria-pressed=true]:hover{border-color:#315d53}
 #prev .recap-archive a:hover,#prev .recap-link-channel:hover{background:transparent;color:var(--red)}
}
@media(max-width:1023px) and (min-width:700px){
 .hero-b .hero-in{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:10px;padding-inline:24px;min-height:590px}
 .hero-b h1{font-size:46px}.hero-b .hero-contest{font-size:23px}.hero-b .lead{font-size:14.5px}
 .hero-b::before{background:linear-gradient(90deg,#ffffffed 0%,#ffffffdd 35%,#ffffff40 65%,transparent 88%)}
}
@media(max-width:699px){
 .hero-b .hero-in{display:flex;flex-direction:column;gap:0;min-height:0;padding:28px 20px 0;align-items:stretch}
 .hero-b .hero-copy{max-width:100%}
 .hero-b .hero-bg{inset:auto 0 0;height:310px;object-fit:cover;object-position:88% 50%;width:100%}
 .hero-b::before{background:linear-gradient(180deg,#fff 0%,#fff 57%,#ffffffed 63%,#ffffff00 82%)}
 .hero-b .hero-contest{font-size:23px;letter-spacing:.025em}
 .hero-b h1{font-size:clamp(35px,9.5vw,48px);margin-top:20px;line-height:1.3;letter-spacing:-.04em}
 .hero-b h1 small{font-size:17px;margin-bottom:8px}
 .hero-b .lead{font-size:14.5px;line-height:1.85;margin-top:18px}
 .hero-b .btns{margin-top:20px;gap:10px}.hero-b .btn{padding-inline:22px}
 .hero-b .hero-stats{margin-top:22px;padding-top:16px;gap:12px}
 .hero-b .hero-stats b{font-size:26px}.hero-b .hero-stats span{font-size:12px}
 .hero-art-space{height:245px;min-height:245px}
 .hero-media-strip{padding:16px 20px}
 .hero-media-strip .hero-media{grid-template-columns:1fr;gap:12px}
 .hero-media-strip .vd{grid-template-columns:116px minmax(0,1fr);min-height:76px}
 .hero-media-strip .vd>img{width:116px;height:76px}
 .hero-media-strip .vd .ct{padding:10px 12px;font-size:13px}.hero-media-strip .vd .ct small{font-size:11px}
 .hero-media-strip .vd .pl{left:58px;top:38px;width:32px;height:32px}
 .hero-media-strip .poster-mini{grid-template-columns:32px minmax(0,1fr);padding:10px 14px}
 .hero-media-strip .poster-mini figcaption span{display:inline;margin-left:8px}
 .hero-media-strip .poster-ph{max-height:42px}
}

/* Direct, full-size film player requested in place of the thumbnail card. */
.hero-media-strip{padding:34px 20px;background:#fff}
.hero-media-strip .hero-media{display:block;max-width:1088px}
.promo-film{margin:0 auto;max-width:960px}
.promo-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#171717;border-radius:10px;box-shadow:0 10px 30px #20202016}
.promo-film figcaption{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;margin:14px 0 0;color:#262626;font-size:17px;line-height:1.6}
.promo-film figcaption small{font-size:13px;color:#676767}
.hero-media-strip .poster-mini{max-width:960px;margin:22px auto 0;background:#fafafa;border-color:#dedede}
.hero-media-strip .poster-mini figcaption{color:#262626}
@media(max-width:699px){.hero-media-strip{padding:24px 20px}.promo-film video{border-radius:7px}.promo-film figcaption{display:block;font-size:15px}.promo-film figcaption small{display:block;font-size:12px;margin-bottom:4px}.hero-media-strip .poster-mini{margin-top:18px}}

/* Full-width hero: proportionate panorama, a single surface, no crop. */
.hero-b{display:grid;position:relative;min-height:0;background:#fff;isolation:isolate}
.hero-b::before{display:none}
.hero-b .hero-visual{grid-area:1/1;display:block;align-self:center;justify-self:end;width:min(100%,1920px,calc((100svh - 130px)*3));line-height:0;mask-image:linear-gradient(90deg,transparent,#000 10%)}
.hero-b .hero-bg{position:static;inset:auto;display:block;width:100%;height:auto;aspect-ratio:2170/725;object-fit:contain;object-position:center;border-radius:0;box-shadow:none}
.hero-b .hero-in{grid-area:1/1;position:relative;display:flex;align-items:center;width:100%;max-width:1440px;min-height:0;padding:28px 48px;margin-inline:auto;z-index:2}
.hero-b .hero-copy{width:43%;max-width:560px;padding:0}
.hero-b .hero-contest{font-size:clamp(21px,1.9vw,28px);line-height:1.35;margin-bottom:8px}
.hero-b h1{font-size:clamp(40px,3.7vw,64px);line-height:1.2;margin-top:20px}
.hero-b h1 small{font-size:clamp(17px,1.4vw,21px);line-height:1.4;margin-bottom:10px}
.hero-b .btns{margin-top:26px}
.hero-summary{background:#f5f9fc;border-top:1px solid #e3ebf0;border-bottom:1px solid #e3ebf0}
.hero-summary-in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);max-width:1140px;margin:auto;gap:56px;padding:24px 24px;align-items:center}
.hero-summary .lead{margin:0;color:#49525a;font-size:15px;line-height:1.9}
.hero-summary .hero-stats{border:0;margin:0;padding:0;gap:24px}
.hero-summary .hero-stats b{color:#315e74;font-size:30px}
.hero-summary .hero-stats span{color:#56656e;font-size:12px}
@media(min-width:1800px){.hero-b .hero-in{max-width:1600px}.hero-b .hero-copy{width:40%}}
@media(max-width:1099px) and (min-width:900px){.hero-b .hero-in{padding:20px 28px}.hero-b .hero-copy{width:45%}.hero-b h1{font-size:40px;margin-top:14px}.hero-b .btns{margin-top:18px}.hero-b .hero-contest{font-size:20px}}
@media(max-width:899px){
 .hero-b{display:flex;flex-direction:column;background:linear-gradient(#fff,#eef8ff)}
 .hero-b .hero-in{display:block;order:0;width:100%;max-width:760px;padding:28px 24px}
 .hero-b .hero-copy{width:100%;max-width:100%}
 .hero-b .hero-visual{order:1;width:100%;max-width:760px;align-self:center;mask-image:none}
 .hero-b .hero-bg{width:100%;height:auto;aspect-ratio:2170/725}
 .hero-b h1{font-size:42px}
 .hero-summary-in{grid-template-columns:1fr;gap:22px;padding:24px;max-width:760px}
 .hero-summary .hero-stats{gap:16px}
}
@media(max-width:599px){.hero-b .hero-in{padding:28px 20px}.hero-b h1{font-size:38px}.hero-b .hero-contest{font-size:23px}.hero-summary-in{padding:22px 20px}.hero-summary .lead{font-size:14px}}

/* Restore the original information order inside the hero. */
.hero-b .hero-in{padding-block:20px}
.hero-b .hero-contest{font-size:clamp(21px,1.7vw,26px);margin-bottom:6px}
.hero-b h1{font-size:clamp(38px,3.2vw,58px);margin-top:14px;line-height:1.2}
.hero-b h1 small{font-size:18px;margin-bottom:6px}
.hero-b .lead{font-size:14px;line-height:1.75;margin-top:12px;max-width:100%;color:#40525f}
.hero-b .btns{margin-top:16px}
.hero-b .hero-stats{margin-top:18px;padding-top:12px;max-width:100%;gap:20px}
.hero-b .hero-stats b{font-size:28px}
.hero-b .hero-stats span{font-size:12px}
@media(min-width:1100px) and (max-width:1299px){
 .hero-b .hero-in{padding:16px 30px}.hero-b .hero-copy{width:44%}
 .hero-b h1{font-size:38px;margin-top:12px}.hero-b h1 small{font-size:16px}
 .hero-b .lead{font-size:13px;line-height:1.65;margin-top:10px}
 .hero-b .btns{margin-top:14px}.hero-b .btn{height:42px}
 .hero-b .hero-stats{margin-top:14px;padding-top:10px}.hero-b .hero-stats b{font-size:25px}
}
@media(max-width:899px){.hero-b .hero-in{padding:28px 24px}.hero-b .hero-copy{width:100%}.hero-b .lead{max-width:42em;font-size:14px;line-height:1.8}.hero-b .hero-stats{margin-top:22px;padding-top:16px}}
@media(max-width:599px){.hero-b .hero-in{padding:28px 20px}.hero-b h1{font-size:38px}}

/* Keep the copy within the new poster artwork's clear left area. */
@media(min-width:900px){.hero-b .hero-copy{width:40%;max-width:530px}.hero-b .lead{max-width:31em}.hero-b .hero-stats{max-width:465px}}