:root{--aoe-red:#ef172f;--aoe-ink:#02070b}

/* AllStars of Europe brand layer: keeps every existing function and layout intact. */
img[src*="aoe-logo.png"]{object-fit:contain}
.brand img,.foot-brand img,.footer-brand img{filter:drop-shadow(0 0 10px rgba(239,23,47,.5))}

/* The requested full-width gaming header replaces the old individual slices. */
.hero .collage{inset:0;background:linear-gradient(180deg,rgba(1,5,9,.05),rgba(1,5,9,.22) 68%,rgba(1,5,9,.92)),url('/assets/aoe-hero-header.png') center/cover no-repeat!important;clip-path:none!important;transform:none!important}
.hero .collage .slice{display:none!important}
.hero-center img{width:clamp(150px,17vw,285px)!important;height:clamp(150px,17vw,285px)!important;object-fit:contain!important;margin-bottom:-34px!important;filter:drop-shadow(0 0 28px rgba(239,23,47,.62))!important}
.hero-center h1{font-size:clamp(36px,4.7vw,78px)!important;letter-spacing:.025em!important;text-align:center}
.hero-center h2{letter-spacing:.2em!important;text-align:center}
.hero-center p{text-align:center}

.intro-center img{object-fit:contain!important;filter:drop-shadow(0 0 34px rgba(239,23,47,.7))!important}
.event-logo img{object-fit:contain!important}
.welcome img{object-fit:contain!important;filter:drop-shadow(0 0 22px rgba(239,23,47,.5))}

@media(max-width:900px){
  .hero .collage{background-position:center}
  .hero-center img{width:150px!important;height:150px!important;margin-bottom:-16px!important}
  .hero-center h1{font-size:42px!important;line-height:1!important}
}