.home .hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--space-5);align-items:center}
.hero-text{max-width:65ch}
.hero-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.hero-image img{width:100%;height:auto}

.beginner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.beginner-intro{max-width:65ch;margin-inline:auto;text-align:center}

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

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

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

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

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

.pvp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}

.news-list{display:flex;flex-direction:column;gap:var(--space-2)}

.carousel-track{display:flex;gap:var(--space-3);overflow-x:auto}
.carousel-track .card{min-width:220px}

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

@media (max-width:1000px){
.hero-grid,.skills-grid,.bosses-grid{grid-template-columns:1fr}
.hero-cards{grid-template-columns:1fr}
}

@media (max-width:900px){
.beginner-grid,.gold-grid{grid-template-columns:1fr 1fr}
.gear-grid{grid-template-columns:1fr 1fr}
.timeline{grid-template-columns:1fr}
}

@media (max-width:600px){
.beginner-grid,.gold-grid,.gear-grid,.pvp-grid{grid-template-columns:1fr}
.newsletter-form{flex-direction:column}
}