/*
 * Projectpagina (één realisatie): fotogalerij.
 * Kolommen in plaats van een raster, zodat staande en liggende foto's
 * volledig zichtbaar blijven, zonder bijsnijden.
 */
.galerij {
  columns: 1;
  column-gap: var(--space-m);
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 40em) {
  .galerij {
    columns: 2;
  }
}

@media (min-width: 64em) {
  .galerij {
    columns: 3;
  }
}

.galerij li {
  margin: 0 0 var(--space-m);
  break-inside: avoid;
}

.galerij img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius);
}

.galerij__terug {
  margin: var(--space-m) 0 0;
}