/* Clears the sticky header for events.html#benin-deal-room-2026. */
#benin-deal-room-2026 {
  scroll-margin-top: calc(var(--header-h) + 16px);
}

/* At 560px, wide/tall tiles have min-height 220px while rows stay 170px,
   so the next photo overlaps. Match the row to that minimum. */
@media (max-width: 560px) {
  .gallery-grid { grid-auto-rows: 220px; }
}