.esport-page .hero{position:relative}
.hero-bg{width:100%;height:70vh;object-fit:cover}
.hero-content{position:absolute;bottom:10%;left:5%;max-width:520px;color:#fff;display:flex;flex-direction:column;gap:1rem}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.6),transparent)}

.tournament-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.analysis-grid{display:grid;grid-template-columns:3fr 2fr;gap:2rem}
.analysis-list{display:flex;flex-direction:column;gap:1rem}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.timeline{max-width:600px;display:flex;flex-direction:column;gap:1rem}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.trend-list{max-width:300px}
.tag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;text-align:center}
.cta-box{max-width:500px;margin:auto;text-align:center;display:flex;flex-direction:column;gap:1rem}

@media(max-width:1000px){
.tournament-grid,.team-grid{grid-template-columns:repeat(2,1fr)}
.analysis-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
.tournament-grid,.team-grid,.feature-grid,.tag-grid{grid-template-columns:1fr}
.hero-bg{height:50vh}
.hero-content{position:static;color:#000;padding:1rem}
}