.galeria-page{}

.galeria-hero{position:relative;overflow:hidden}
.galeria-hero-image{width:100%;height:90vh;object-fit:cover}
.galeria-hero-overlay{position:absolute;left:5%;bottom:10%;max-width:520px;padding:var(--space-4)}
.galeria-hero-content{display:flex;flex-direction:column;gap:var(--space-3)}
.galeria-hero-content p{margin:0}

.galeria-intro-inner{display:flex;justify-content:center}
.galeria-intro-text{max-width:640px;text-align:center}

.galeria-filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}
.galeria-filter-label{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.05em}
.galeria-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}
.filter-btn{padding:.5rem 1rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-primary)}
.filter-btn.active{background:var(--color-cta-primary);color:var(--color-cta-primary-text)}

.galeria-grid{column-count:3;column-gap:var(--space-3)}
.galeria-item{break-inside:avoid;margin-bottom:var(--space-3);overflow:hidden;border-radius:var(--radius-md)}
.galeria-item img{width:100%;height:auto;transition:transform var(--transition-fast)}
.galeria-item:hover img{transform:scale(1.04)}

.galeria-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
@media(max-width:900px){.galeria-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.galeria-highlight-card{display:flex;flex-direction:column;gap:var(--space-3)}

.galeria-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:center}
.galeria-story-text{max-width:520px}

.galeria-cta-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}
.galeria-cta-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}

@media(max-width:1024px){
.galeria-grid{column-count:2}
.galeria-story-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
.galeria-hero-image{height:70vh}
.galeria-hero-overlay{left:1rem;right:1rem;bottom:1rem}
.galeria-intro-text{text-align:left}
.galeria-grid{column-count:1}
.galeria-highlight-grid{grid-template-columns:1fr}
}