.gallery-page{}

.gallery-hero{position:relative}
.gallery-hero__img{width:100%;height:70vh;object-fit:cover}
.gallery-hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom, rgba(26,46,34,0.4), rgba(26,46,34,0.7));display:flex;align-items:center}
.gallery-hero__text{max-width:480px;margin-left:5%;color:#fff;display:flex;flex-direction:column;gap:var(--space-md)}
.gallery-hero__text h1{color:#fff}
.gallery-hero__text p{color:#f0f0f0}

.gallery-cta__inner{max-width:500px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-md)}

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

.gallery-text-wide{max-width:900px}
.gallery-text-medium{max-width:600px}

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

@media (max-width:900px){
.gallery-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:600px){
.gallery-hero__img{height:50vh}
.gallery-hero__text{margin:var(--space-md)}
.gallery-grid-3,.gallery-grid-2{grid-template-columns:1fr}
.gallery-text-wide,.gallery-text-medium{max-width:100%}
}