.galeria-page{display:block}

.galeria-hero{position:relative;min-height:80vh;display:flex;align-items:center}
.galeria-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.galeria-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.2) 60%, transparent 100%)}
.galeria-hero-inner{position:relative}
.galeria-hero-content{max-width:480px;color:#fff;display:flex;flex-direction:column;gap:var(--space-3)}
.galeria-hero-content h1{color:#fff}
.galeria-hero-lead{color:#f1e9dc}

.galeria-intro-content{max-width:720px;margin-inline:auto;text-align:center}

.galeria-filter-bar{display:flex;gap:var(--space-3);justify-content:center;padding:var(--space-3);border-radius:var(--radius-lg)}
.galeria-filter{padding:0.5rem 1rem;border-radius:999px;border:1px solid transparent}
.galeria-filter.active{border-color:var(--color-accent-gold);color:var(--color-accent-gold)}

.galeria-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.galeria-item{overflow:hidden;border-radius:var(--radius-md)}
.galeria-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}
.galeria-item:hover img{transform:scale(1.05)}

.galeria-highlights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.galeria-card{min-width:0}
.galeria-card img{width:100%;height:200px;object-fit:cover;margin-bottom:var(--space-3)}

.galeria-story-content{max-width:600px;margin-inline:auto;text-align:center}
.galeria-story-image{width:100%;max-width:520px;height:300px;object-fit:cover;margin:var(--space-4) auto 0}

.galeria-cta-box{background:var(--color-background-secondary);padding:var(--space-5);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}

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

@media (max-width:768px){
.galeria-hero{min-height:70vh}
.galeria-hero-content{max-width:100%}
.galeria-grid{grid-template-columns:1fr}
.galeria-highlights-grid{grid-template-columns:1fr}
.galeria-filter-bar{overflow-x:auto;justify-content:flex-start}
}