.home{display:block}

.hero-grid{display:grid;grid-template-columns:65% 35%;gap:var(--space-4)}
.hero-main{position:relative;display:block}
.hero-overlay{position:absolute;bottom:0;left:0;padding:var(--space-4);background:linear-gradient(to top,rgba(0,0,0,0.6),transparent);color:#fff;display:flex;flex-direction:column;gap:var(--space-2);max-width:70ch}
.hero-side{display:flex;flex-direction:column;gap:var(--space-3)}
.side-card{display:block;padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-elevated)}

.trending-list{display:flex;gap:var(--space-4);overflow-x:auto;padding-block:var(--space-2)}
.trending-list a{white-space:nowrap;font-size:var(--fs-400)}

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

.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.review-text{max-width:55ch}

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

.timeline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.timeline-item{border-left:2px solid var(--color-accent-primary);padding-left:var(--space-3)}

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

.editorial-inner{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4);text-align:center}

.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.category-card{display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}

@media (max-width:1024px){
.hero-grid{grid-template-columns:1fr}
.news-grid{grid-template-columns:repeat(2,1fr)}
.esports-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:700px){
.news-grid,.esports-grid,.timeline-grid,.tech-grid,.category-grid{grid-template-columns:1fr}
.review-grid{grid-template-columns:1fr}
}