.gallery-page .hero-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-xl);align-items:center}
.hero-text{display:flex;flex-direction:column;gap:var(--space-md);max-width:60ch}
.hero-image img{width:100%;height:auto}

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

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

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

.habitats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}
.habitats-text{max-width:60ch}

.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}
.gallery-intro{text-align:center;max-width:50ch;margin-inline:auto}

.cta-banner{background:var(--color-cta);color:#fff}
.cta-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}

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

@media(max-width:1024px){
.hero-grid{grid-template-columns:1fr}
.types-grid,.bestiary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.habitats-grid{grid-template-columns:1fr}
}

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