.galerie-page {display:block}

.galerie-hero {position:relative; min-height:70vh; display:flex; align-items:center}
.galerie-hero__bg {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(0.6)}
.galerie-hero__overlay {position:absolute; inset:0; background:linear-gradient(90deg, rgba(16,18,26,0.8), rgba(16,18,26,0.2))}
.galerie-hero__content {position:relative}
.galerie-hero__text {max-width:520px}

.galerie-intro__inner {max-width:700px; margin-inline:auto; text-align:center; display:flex; flex-direction:column; gap:var(--space-md)}
.galerie-intro__notice {border:1px solid var(--color-brand-gold); padding:var(--space-md); border-radius:var(--radius-sm)}

.galerie-category__lead {max-width:50ch}

.galerie-grid {display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--space-md); margin-top:var(--space-md)}
.galerie-grid img {width:100%; height:100%; object-fit:cover; border-radius:var(--radius-sm); cursor:pointer}

.galerie-details__grid {display:grid; grid-template-columns:40% 60%; gap:var(--space-lg); align-items:center}
.galerie-details__text {max-width:55ch}

.galerie-steps__grid {display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--space-md); margin-top:var(--space-md)}

.galerie-cta {background:linear-gradient(135deg, var(--color-brand-navy), var(--color-surface-accent)); text-align:center}
.galerie-cta__inner {max-width:600px; margin-inline:auto; display:flex; flex-direction:column; gap:var(--space-md)}

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

@media (max-width: 900px) {
.galerie-grid {grid-template-columns:1fr}
.galerie-details__grid {grid-template-columns:1fr}
.galerie-steps__grid {grid-template-columns:1fr}
}