.gallery-page{}

.gallery-hero{position:relative;overflow:hidden}
.gallery-hero-bg{position:absolute;inset:0;z-index:0}
.gallery-hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.35}
.gallery-hero .container{position:relative;z-index:1;display:flex;justify-content:center}
.gallery-hero-card{max-width:600px;text-align:center;display:flex;flex-direction:column;gap:var(--space-4);margin-inline:auto}

.gallery-text{max-width:720px}
.gallery-text-narrow{max-width:520px}

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

.gallery-img-card{overflow:hidden}
.gallery-img-card img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;transition:transform .3s ease,box-shadow .3s ease}
.gallery-img-card:hover img{transform:scale(1.05);box-shadow:0 0 20px var(--color-accent-violet)}

.gallery-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);text-align:center}
.gallery-cta-box{max-width:420px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}

.center{text-align:center}

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

@media (max-width:768px){
.gallery-grid-3,.gallery-grid-2,.gallery-value-grid{grid-template-columns:1fr}
.gallery-hero-card{max-width:100%}
}