/* V22: Gallery-only desktop and mobile refinements.
   Scoped to #galerij so all other website sections remain unchanged. */
#galerij {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #0b0b0b !important;
  color: #f1ebe2 !important;
  padding: clamp(64px, 6vw, 100px) 2.5% !important;
  overflow: hidden !important;
}
#galerij, #galerij * { box-sizing: border-box !important; }
#galerij .eyebrow {
  color: #c2b19c !important;
  margin: 0 0 36px !important;
  max-width: 100% !important;
}
#galerij .gallery {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
#galerij .gallery .photo {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  position: relative !important;
  overflow: hidden !important;
}
#galerij .gallery .photo img {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: cover !important;
}
@media (max-width: 800px) {
  #galerij {
    padding: 58px 16px 64px !important;
  }
  #galerij .eyebrow {
    margin-bottom: 24px !important;
    font-size: clamp(10px, 2.6vw, 13px) !important;
    letter-spacing: .22em !important;
    overflow-wrap: anywhere !important;
  }
  #galerij .gallery {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  #galerij .gallery .photo {
    aspect-ratio: 4 / 3 !important;
  }
}