.home-main{display:block}

.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-5);align-items:center}
.hero-text{grid-column:span 5;max-width:520px}
.hero-media{grid-column:span 7}
.hero-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.hero-links a{font-family:var(--font-heading);text-transform:uppercase;color:var(--text-secondary)}
.hero-cta{margin-top:var(--space-3)}

@media(max-width:900px){
.hero-grid{grid-template-columns:1fr}
.hero-text,.hero-media{grid-column:span 1;max-width:100%}
}

.intro-wrap{max-width:700px;margin-inline:auto;padding:var(--space-5)}
.intro-text{display:flex;flex-direction:column;gap:var(--space-3)}

.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.feature-card{min-width:0}

@media(max-width:900px){
.features-grid{grid-template-columns:1fr}
}

.depth-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-5);align-items:center}
.depth-text{grid-column:span 6;max-width:600px}
.depth-media{grid-column:span 6}

@media(max-width:900px){
.depth-grid{grid-template-columns:1fr}
.depth-text,.depth-media{grid-column:span 1;max-width:100%}
}

.lore-wrap{max-width:600px;margin-inline:auto;padding:var(--space-5)}
.lore-text{display:flex;flex-direction:column;gap:var(--space-3);text-align:left}

.screenshot-wrap{max-width:900px;margin-inline:auto;text-align:center}
.screenshot-media{max-width:800px;margin-inline:auto}
.screenshot-caption{max-width:500px;margin:var(--space-3) auto 0 auto;color:var(--text-secondary)}

.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
@media(max-width:900px){.why-grid{grid-template-columns:1fr}}

.nav-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.nav-card{display:flex;align-items:center;justify-content:center;text-align:center}
@media(max-width:900px){.nav-grid{grid-template-columns:1fr}}

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