.home .hero{position:relative;min-height:70vh;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(13,16,21,0.92),rgba(13,16,21,0.65),rgba(13,16,21,0.35))}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:2fr 1fr;gap:var(--space-5)}
.hero-text{max-width:55ch;color:var(--text-primary)}
.hero-text h1{color:#fff;text-shadow:0 2px 12px rgba(13,16,21,0.65)}
.hero-text p{color:#F5F7FA;text-shadow:0 1px 8px rgba(13,16,21,0.55)}
.hero-text .tag{color:var(--accent-orange);font-size:var(--text-xs)}
.hero-text .meta{color:var(--text-secondary)}
.trending{background:var(--surface-secondary);padding:var(--space-3);border:1px solid var(--border-default)}

.breaking .news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.news-item{padding:var(--space-2);border-bottom:1px solid var(--border-default)}

.reviews-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}
.side-reviews{display:flex;flex-direction:column;gap:var(--space-3)}
.score{color:var(--accent-blue);font-weight:600}

.timeline-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);text-align:center}

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

.esport-scroll{display:flex;gap:var(--space-3);overflow-x:auto}
.es-card{min-width:280px}

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

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

.carousel{display:flex;overflow:hidden}
.slide{min-width:100%;text-align:center;padding:var(--space-5);background:var(--surface-secondary)}

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

.opinions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);max-width:700px;margin-inline:auto;text-align:center}

.newsletter-box{text-align:center;max-width:500px;margin-inline:auto}
.newsletter-form{display:flex;gap:var(--space-2);margin-top:var(--space-3)}

@media(max-width:1024px){
.hero-inner{grid-template-columns:1fr}
.breaking .news-grid{grid-template-columns:1fr 1fr}
.reviews-grid{grid-template-columns:1fr}
.timeline-row{grid-template-columns:1fr 1fr}
.editorial-grid,.indie-grid,.community-grid{grid-template-columns:1fr 1fr}
.hardware-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
.breaking .news-grid,.editorial-grid,.indie-grid,.community-grid,.timeline-row{grid-template-columns:1fr}
.newsletter-form{flex-direction:column}
}
