/* /gallery-2/ — page-specific rules. Shared rules are in /assets/site.css. */

/* hero */
.hero--gallery {
  background-image: url("/wp-content/uploads/2026/09/gallery-hero.jpg");
}
.hero--gallery::before { opacity: .5; }

/* photo grid (production's own .sf-gallery block, with the site.js lightbox) */
.gallery { position: relative; padding: 10px; background: var(--c-white); }
.gallery__inner { padding: 24px 10px 90px; } /* full width: 20px from the screen edge */
.gallery__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.gallery__grid a { display: block; aspect-ratio: 1 / 1; overflow: hidden; }
.gallery__grid img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}
.gallery__grid a:hover img { transform: scale(1.05); }

@media (max-width: 980px) {
  .gallery__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px) {
  .gallery__inner { padding-left: 0; padding-right: 0; }
  .gallery__grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}