.gallery-page section:nth-child(even){background:var(--color-surface-alabaster)}
.hero-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-3);align-items:center}
.hero-text{max-width:38ch}
.hero-image img{border-radius:16px}
.hero-cta{margin-top:var(--space-2)}

.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);text-align:center}

.types-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.image-card img{border-radius:16px;margin-bottom:var(--space-2)}

.gallery-intro{max-width:60ch;margin-inline:auto;text-align:center}
.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.gallery-grid img{border-radius:16px;transition:transform .2s}
.gallery-grid img:hover{transform:scale(1.03)}

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

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

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

@media(max-width:1024px){
.hero-grid{grid-template-columns:1fr}
.map-grid{grid-template-columns:repeat(2,1fr)}
.types-grid{grid-template-columns:repeat(2,1fr)}
.progress-grid{grid-template-columns:repeat(2,1fr)}
.gallery-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
.map-grid,.types-grid,.progress-grid,.experience-grid{grid-template-columns:1fr}
.hero-text{max-width:100%;text-align:center}
}