/* Hallmark · component: static image gallery · genre: modern-minimal · tone: quiet
 * palette: existing VISUAL LABO paper · structural fingerprint: image-only responsive grid
 * states: static content only · contrast: not applicable
 * Preserve all four original photos, in order and uncropped.
 * Pre-emit critique: P5 H5 E5 S5 R5 V4 · slop: pass */
#records {
  background: var(--records-color-paper);
  padding-block: var(--records-space-section);
  scroll-margin-top: 112px;
}
#records .records-wrap { max-width: 1080px; }
#records .records-gallery {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--records-space-grid);
}
#records .records-gallery figure { margin: 0; min-width: 0; }
#records .records-gallery img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--records-radius);
  background: var(--records-color-photo);
}
@media (min-width: 40rem) {
  #records .records-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}