.galerie-page img{width:100%;height:auto;border:var(--border-thin);}

.galerie-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center}
.galerie-hero-bg{position:absolute;inset:0;z-index:0}
.galerie-hero-bg img{width:100%;height:100%;object-fit:cover}
.galerie-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.65);z-index:1}
.galerie-hero-content{position:relative;z-index:2;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2)}

.galerie-intro-inner{max-width:720px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}
.galerie-intro-note{border-left:var(--border-thin);padding-left:var(--space-2)}

.galerie-grid-header{max-width:600px;display:flex;flex-direction:column;gap:var(--space-2)}
.galerie-grid{margin-top:var(--space-3);display:grid;gap:var(--space-2)}
.galerie-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.galerie-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.galerie-grid img{aspect-ratio:4/3;object-fit:cover}

.galerie-details-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:center}
.galerie-details-text{max-width:55ch}

.galerie-sequence-inner{text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}
.galerie-sequence-text{max-width:50ch;margin-inline:auto}
.galerie-sequence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}
.galerie-sequence-grid img{aspect-ratio:16/9;object-fit:cover}

.galerie-alert-box{max-width:700px;margin:0 auto;text-align:center;padding:var(--space-3);border:1.5px solid var(--color-danger);background:var(--color-surface)}
.galerie-alert-box h2{color:var(--color-danger)}

.galerie-cta-inner{text-align:center;display:flex;flex-direction:column;gap:var(--space-2);align-items:center}

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

@media(max-width:700px){
.galerie-grid-3,.galerie-grid-2{grid-template-columns:1fr}
.galerie-details-inner{grid-template-columns:1fr}
.galerie-sequence-grid{grid-template-columns:1fr}
.galerie-hero{min-height:50vh}
}