/*
 * gallery.css
 * Galerijen met beeld en onderschrift voor print- en campagnecases.
 * Gebruikt door: all-inn-yoga, beursstands-imbema, bewustwordingscampagne, faq-widget, duraflow-productlancering, sundstrom-baarddragers
 */

.gal {
  display: grid;
  gap: 16px;
  margin: 40px 0 0;
}

@media (min-width:768px) {
  .gal--2 {
    grid-template-columns: 1fr 1fr;
  }
  .gal--3 {
    grid-template-columns: repeat(3,1fr);
  }
  .gal--wide {
    grid-template-columns: 3fr 2fr;
  }
  .gal--port {
    grid-template-columns: 1fr 1fr 1fr;
    align-items: start;
  }
}

.gal figure {
  margin: 0;
}

.gal .shot {
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 0 0 1px var(--line);
  background: var(--surface);
}

.gal .shot img {
  width: 100%;
  height: auto;
  display: block;
}