.home-main{display:block}

.hero{position:relative;min-height:520px;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.6)}
.hero-inner{position:relative;display:flex}
.hero-panel{background:#141210;padding:32px;border:2px solid var(--color-antique-gold);max-width:520px;display:flex;flex-direction:column;gap:16px}
.hero-cta{width:fit-content}

.intro-card{max-width:800px;margin-inline:auto}

.pillars-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pillar{display:flex;flex-direction:column;gap:12px}

.lore-grid{display:grid;grid-template-columns:60% 40%;gap:32px;align-items:center}
.lore-image img{width:100%;border:2px solid var(--color-panel-gold)}
.lore-text{display:block}

.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.why-item{display:flex;flex-direction:column;gap:12px}

.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.guide-card{display:flex;flex-direction:column;gap:12px}

.tactics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

.cta-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:16px}

.summary-box{max-width:700px;margin-inline:auto;text-align:center}

@media (max-width:900px){
.pillars-grid,.why-grid,.guides-grid,.tactics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lore-grid{grid-template-columns:1fr}
}

@media (max-width:600px){
.pillars-grid,.why-grid,.guides-grid,.tactics-grid{grid-template-columns:1fr}
.hero-panel{max-width:100%}
.hero-cta{width:100%}
}