/* De Instagram-feed. Vier kolommen op desktop, twee op mobiel, zoals de feed die
   er nu staat. Vierkante uitsnede zodat een staande en een liggende post even groot zijn. */
.bb-ig { padding-block: clamp(1.5rem, 3vw, 3rem); }
.bb-ig__raster {
  display: grid; gap: 4px; list-style: none; margin: 0; padding: 0;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 700px) { .bb-ig__raster { grid-template-columns: repeat(4, 1fr); } }
.bb-ig__item { position: relative; }
.bb-ig__item a { display: block; position: relative; }
.bb-ig__item img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
.bb-ig__speel {
  position: absolute; inset: 0; display: grid; place-items: center;
  color: #fff; font-size: 2rem; text-shadow: 0 2px 12px rgb(0 0 0 / .5); pointer-events: none;
}
.bb-ig__volg { text-align: center; margin: 1.5rem 0 0; }
.bb-ig__knop {
  display: inline-block; text-decoration: none;
  font-size: .72rem; letter-spacing: .16em; text-transform: uppercase;
  padding: .8rem 1.8rem; border-radius: 999px;
  background: var(--e-global-color-primary, #421419);
  color: var(--e-global-color-text, #F9F3E7);
}
.bb-ig__knop:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }