/* Gallery page — Figma 2272:758 (grid 2272:814: 4 × 300×380 tiles, 30px gaps, 1290 wide) */

.gallery { overflow: clip; }
.gallery__glow { left: -50rem; top: 30rem; opacity: 0.55; }
.gallery__waves { --waves-width: 80rem; right: -36rem; top: 22rem; opacity: 0.45; }

.gallery__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-column-gap: 1.875rem;                 /* 30 */
  grid-row-gap: 1.875rem;                    /* 30 */
  align-items: stretch;
  justify-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 991px) {
  .gallery__grid { grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; }
}

@media (max-width: 767px) {
  .gallery__grid { grid-template-columns: 1fr 1fr; grid-column-gap: 1rem; grid-row-gap: 1rem; }
}