.match-visual{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;aspect-ratio:16/9;min-height:360px;padding:clamp(22px,3vw,38px);overflow:hidden;background:#00183d;color:#fff}
.match-promo-image .match-visual{height:100%}
.match-visual__background,.match-visual__shade{position:absolute;inset:0;width:100%;height:100%}
.match-visual__background{z-index:-2;object-fit:cover;object-position:center}
.match-visual__shade{z-index:-1;background:linear-gradient(90deg,rgba(0,10,34,.89),rgba(0,35,88,.48) 50%,rgba(0,10,34,.89)),linear-gradient(0deg,rgba(0,10,34,.52),transparent 50%)}
.match-visual__top{display:flex;align-items:center;justify-content:space-between;gap:15px;font:800 clamp(.75rem,1.35vw,1rem) 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.match-visual__top span:first-child{display:flex;align-items:center;gap:12px}.match-visual__top span:first-child:before{content:"";width:34px;height:3px;background:#c7b719}.match-visual__top span:last-child{padding:7px 11px;border:1px solid #ffffff55;background:#00183d70}
.match-visual__teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;gap:clamp(15px,3vw,38px);width:min(660px,92%);margin:auto}.match-visual__team{display:grid;justify-items:center;align-items:end;gap:18px;text-align:center}.match-visual__crest{width:clamp(92px,14vw,160px);height:clamp(92px,14vw,160px);display:grid;place-items:center;filter:drop-shadow(0 14px 18px #0008)}.match-visual__crest img{width:100%;height:100%;object-fit:contain}.match-visual__crest--afco{width:clamp(76px,10vw,122px);height:clamp(92px,12vw,144px);padding:5px 5px 10px}.match-visual__crest--round{overflow:hidden;border-radius:50%;background:#f6e74f;border:4px solid #ffffffb5}.match-visual__crest--round img{transform:scale(1.025)}
.match-visual__team strong{position:relative;z-index:2;padding:5px 10px;background:#00183dbd;font:900 clamp(1rem,2vw,1.45rem)/1 'Barlow Condensed',sans-serif;text-transform:uppercase;text-shadow:0 2px 10px #000;white-space:nowrap}.match-visual__versus{width:clamp(45px,6vw,68px);height:clamp(45px,6vw,68px);display:grid;place-items:center;border:1px solid #ffffff80;background:#00183dcc;font:900 clamp(1.15rem,2vw,1.55rem) 'Barlow Condensed',sans-serif;transform:rotate(45deg)}.match-visual__versus span{transform:rotate(-45deg)}
.match-visual__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-top:1px solid #ffffff4a;padding-top:15px}.match-visual__bottom strong{font:900 clamp(1.15rem,2.7vw,1.9rem)/1 'Barlow Condensed',sans-serif;text-transform:uppercase}.match-visual__bottom span{color:#d8e3f2;font-size:clamp(.7rem,1.2vw,.88rem);font-weight:700;text-align:right;text-transform:uppercase;letter-spacing:.06em}
.match-page .hero>.wrap{width:100%;max-width:none}.match-page .hero>.wrap>.back{display:table;margin-left:max(18px,calc((100% - 1120px)/2));margin-right:18px}.match-page .hero>.wrap>.match-visual{width:100%;min-height:clamp(520px,48vw,720px);aspect-ratio:auto;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}.match-page .hero .hero-copy,.match-page .hero .hero-grid{width:min(1120px,calc(100% - 36px));margin-left:auto;margin-right:auto}
.match-zone>.wrap{width:100%;max-width:none}.match-zone .match-promo{grid-template-columns:1fr;border-left:0;border-right:0}.match-zone .match-promo-image{min-height:0}.match-zone .match-promo-image .match-visual{min-height:clamp(520px,48vw,720px);aspect-ratio:auto}.match-zone .match-promo-content{padding:42px max(20px,calc((100% - 1180px)/2))}
@media(max-width:580px){.match-visual{min-height:0;padding:18px 16px}.match-visual__top span:first-child:before{width:22px}.match-visual__top span:last-child{padding:5px 7px}.match-visual__teams{width:100%;gap:10px}.match-visual__crest{width:80px;height:80px}.match-visual__crest--afco{width:62px;height:76px;padding:2px 2px 7px}.match-visual__crest--round{border-width:2px}.match-visual__team{gap:10px}.match-visual__team strong{font-size:.74rem;padding:4px 6px}.match-visual__versus{width:38px;height:38px}.match-visual__bottom{padding-top:10px}.match-visual__bottom span{max-width:48%;line-height:1.35}.match-page .hero>.wrap>.match-visual,.match-zone .match-promo-image .match-visual{min-height:440px}.match-page .hero .hero-copy,.match-page .hero .hero-grid{width:min(100% - 28px,1120px)}}