/* Contained 4×2 photograph grids, matching the mockup density. */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gallery-gap);
  margin-top: clamp(1.75rem, 4vw, 3rem);
}

.gallery-item {
  margin: 0;
  overflow: hidden;
}

.gallery-item img {
  width: 100%;
  aspect-ratio: var(--gallery-ratio);
  object-fit: cover;
  border-radius: var(--radius-card);
  transform: scale(1.001);
  transition: transform 1.15s var(--ease-out);
}

@media (hover: hover) and (pointer: fine) {
  .gallery-item:hover img {
    transform: scale(1.045);
  }
}

@media (max-width: 860px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}