.home .center{text-align:center}

.hero-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-xl);align-items:center}
.hero-text{display:flex;flex-direction:column;gap:var(--space-md);max-width:520px}
.hero-badges{display:flex;gap:var(--space-sm);flex-wrap:wrap}
.hero-visual img{width:100%;height:auto}

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

.mechanics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}
.mechanics-grid > div{min-width:0}

.lore-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-xl);align-items:center}
.lore-text{max-width:600px}

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

.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}
.gallery-grid img{width:100%}

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

.cta-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;max-width:500px;margin-inline:auto}

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

@media (max-width:1024px){
.hero-grid{grid-template-columns:1fr}
.lore-grid{grid-template-columns:1fr}
.mechanics-grid{grid-template-columns:1fr 1fr}
.benefit-grid,.feature-grid,.news-grid{grid-template-columns:1fr 1fr}
.gallery-grid{grid-template-columns:1fr}
}

@media (max-width:640px){
.mechanics-grid,.benefit-grid,.feature-grid,.news-grid{grid-template-columns:1fr}
.hero-text{max-width:100%}
}