/* Galerij: licht en ruim. De kop staat gecentreerd, de omslagfoto hangt
   binnen de marges en de tekst staat eronder in plaats van eroverheen. */

.thema-galerij {
  --kop-gewicht: 400;
  --kop-spatiering: -0.028em;
  --gat: 14px;
  --straal: 2px;
  --blok-ruimte: clamp(72px, 10vw, 150px);
}

.thema-galerij .kop { flex-direction: column; gap: 20px; padding-block: 40px 30px; text-align: center; }
.thema-galerij .merk { align-items: center; gap: 6px; }
.thema-galerij .merk-naam { font-size: 1.6rem; font-weight: 500; }
.thema-galerij .merk-sub { font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; }
.thema-galerij .menu { justify-content: center; }
.thema-galerij .menu a { font-size: 0.92rem; color: var(--gedempt); }
.thema-galerij .menu a:hover, .thema-galerij .menu a[aria-current] { color: var(--tekst); }

.thema-galerij .blok.omslag { display: block; padding: 0 var(--rand); color: var(--tekst); min-height: 0; }
.thema-galerij .omslag-beeld { border-radius: var(--straal); max-width: 1680px; margin-inline: auto; }
.thema-galerij .omslag-beeld::after { content: none; }
.thema-galerij .omslag-volledig .omslag-beeld { height: max(380px, calc(100svh - 350px)); }
.thema-galerij .omslag-groot .omslag-beeld { height: 66svh; }
.thema-galerij .omslag-middel .omslag-beeld { height: 46svh; }
.thema-galerij .omslag-inhoud { padding: clamp(32px, 4vw, 56px) 0 0; max-width: 46rem; margin-inline: auto; text-align: center; }
.thema-galerij .omslag-kop { max-width: none; font-size: clamp(2rem, 4.2vw, 3.5rem); }
.thema-galerij .omslag-tekst { max-width: none; margin-top: 14px; color: var(--gedempt); font-size: 1.08rem; }

.thema-galerij .blok-kop { text-align: center; }
.thema-galerij .blok-kop .proza { margin-inline: auto; }

.thema-galerij .galerij-item:hover img { transform: scale(1.025); }

.thema-galerij .series { grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); }
.thema-galerij .serie-beeld { aspect-ratio: 4 / 5; }
.thema-galerij .serie-info { text-align: center; }

.thema-galerij .citaat-blok blockquote p { font-size: clamp(1.4rem, 2.6vw, 2.1rem); }

.thema-galerij .knop { padding: 13px 30px; border-radius: 999px; }

.thema-galerij .voet { justify-content: center; text-align: center; flex-direction: column; align-items: center; }

@media (max-width: 820px) {
  .thema-galerij .kop { flex-direction: row; text-align: left; padding-block: 22px; }
  .thema-galerij .merk { align-items: flex-start; }
  .thema-galerij .menu a { color: var(--tekst); }
  .thema-galerij .series { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .thema-galerij .omslag-volledig .omslag-beeld { height: 62svh; }
}