.lore-page{display:block}

.lore-hero-grid{display:grid;grid-template-columns:5fr 7fr;gap:var(--space-5);align-items:center}
.lore-hero-text{max-width:60ch}
.lore-hero-image img{width:100%;height:auto}

.lore-cta{margin-top:var(--space-3)}

.lore-narrow{max-width:800px;margin-inline:auto}
.lore-image{margin-top:var(--space-4)}

.lore-factions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.lore-factions .card{min-width:0}
.lore-factions .card:hover{border-color:var(--accent-cyan)}

.lore-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:center}
.lore-text{max-width:65ch}

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

.lore-wide{max-width:1000px;margin-inline:auto}

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

@media (max-width:900px){
.lore-hero-grid{grid-template-columns:1fr}
.lore-split{grid-template-columns:1fr}
.lore-factions{grid-template-columns:repeat(2,minmax(0,1fr))}
.lore-tech{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:640px){
.lore-factions{grid-template-columns:1fr}
.lore-tech{grid-template-columns:1fr}
.lore-hero-text{text-align:center;margin-inline:auto}
}