.esport-page{display:block}
.hero-esport{position:relative}
.hero-img{width:100%;height:auto}
.hero-overlay{position:absolute;inset:0;display:flex;align-items:center}
.hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-3)}
.hero-label{font-size:var(--text-small);letter-spacing:0.08em;text-transform:uppercase}
.bookmark-btn{align-self:flex-start}

.news-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.news-card{display:flex;flex-direction:column;gap:var(--space-2)}

.analysis-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5)}
.analysis-main{display:flex;flex-direction:column;gap:var(--space-3)}
.analysis-side{display:flex;flex-direction:column;gap:var(--space-3)}

.calendar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}

.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}

.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}

.carousel{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory}
.carousel-item{min-width:280px;scroll-snap-align:start}

.newsletter-box{max-width:480px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

.closing-text{max-width:600px;margin-inline:auto;text-align:center}

@media(max-width:1000px){
.news-items{grid-template-columns:repeat(2,minmax(0,1fr))}
.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.analysis-grid{grid-template-columns:1fr}
.spotlight-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
.news-items{grid-template-columns:1fr}
.calendar-grid{grid-template-columns:1fr}
}