.gallery-page{display:block}

.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:center}
.hero-text{max-width:520px}
.hero-media img{width:100%;height:auto;transition:transform .3s ease}
.hero-media:hover img{transform:scale(1.03)}

.intro-box{max-width:720px;margin-inline:auto;padding:var(--space-5);text-align:center}

.section-lead{max-width:900px}
.narrow{max-width:600px}

.battle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.battle-grid img{width:100%}
.battle-grid .media-frame:hover{border-color:var(--accent-cyan)}

.fleet-grid{display:grid;grid-template-columns:5fr 7fr;gap:var(--space-5);align-items:center}
.fleet-text{max-width:500px}
.fleet-media img{width:100%}

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

.ui-center{text-align:center}
.ui-center .narrow{margin-inline:auto}
.ui-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}

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

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

@media (max-width:1024px){
.hero-grid{grid-template-columns:7fr 5fr}
}

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

@media (max-width:768px){
.battle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ui-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:600px){
.battle-grid,.ui-grid,.value-grid,.map-grid{grid-template-columns:1fr}
}