/* Natural three-column project galleries
   Used by Wild Rumpus, Athens Library Store, and ProgenyHealth.
   Artboards keep their original aspect ratios. Nothing is cropped,
   enlarged beyond its intrinsic size, framed, or placed on a background. */

.project-static-gallery.project-static-gallery--three {
  display: block !important;
  column-count: 3 !important;
  column-gap: clamp(18px, 2.2vw, 32px) !important;
  width: min(calc(100% - 64px), 1380px) !important;
  margin: 0 auto clamp(72px, 8vw, 112px) !important;
  padding: 0 !important;
  background: transparent !important;
}

.project-static-gallery.project-static-gallery--three .project-static-gallery__item,
.project-static-gallery.project-static-gallery--three .project-static-gallery__item:nth-child(n) {
  display: block !important;
  break-inside: avoid !important;
  page-break-inside: avoid !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 0 0 clamp(18px, 2.2vw, 32px) !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  aspect-ratio: auto !important;
}

.project-static-gallery.project-static-gallery--three .project-static-gallery__item img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  image-rendering: auto !important;
}

/* The Learn More cards are intentionally removed on these three pages. */
.project-static-gallery.project-static-gallery--three + .learn-more {
  display: none !important;
}

@media (max-width: 900px) {
  .project-static-gallery.project-static-gallery--three {
    column-count: 2 !important;
    width: min(calc(100% - 40px), 1380px) !important;
  }
}

@media (max-width: 608px) {
  .project-static-gallery.project-static-gallery--three {
    column-count: 1 !important;
    width: calc(100% - 32px) !important;
    column-gap: 0 !important;
  }

  .project-static-gallery.project-static-gallery--three .project-static-gallery__item,
  .project-static-gallery.project-static-gallery--three .project-static-gallery__item:nth-child(n) {
    margin-bottom: 22px !important;
  }
}