/* Natural photograph proportions in three desktop columns, without empty frames. */
.art-grid,
.gallery-group > .art-grid,
.section--gallery-first > .art-grid,
.project-gallery {
  display: block;
  column-count: 3;
  column-gap: 18px;
}

.art-grid > .art-card,
.gallery-group > .art-grid > .art-card,
.section--gallery-first > .art-grid > .art-card,
.project-gallery > .project-gallery__item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  min-width: 0;
  margin: 0 0 24px;
  break-inside: avoid;
  page-break-inside: avoid;
}

.art-grid .art-card__image,
.gallery-group > .art-grid .art-card__image,
.section--gallery-first > .art-grid .art-card__image,
.project-gallery .project-gallery__frame {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.art-grid .art-card__image img,
.gallery-group > .art-grid .art-card__image img,
.section--gallery-first > .art-grid .art-card__image img,
.project-gallery .project-gallery__frame img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  max-width: 100%;
  max-height: none;
  object-fit: contain;
  border-radius: 0;
  transform: none;
}

.art-grid .art-card__body h3 {
  overflow-wrap: anywhere;
}

.art-grid .art-card:hover .art-card__image img {
  transform: none;
}

.art-grid > .empty-state {
  column-span: all;
}

@media (max-width: 900px) {
  .art-grid,
  .gallery-group > .art-grid,
  .section--gallery-first > .art-grid,
  .project-gallery {
    column-count: 2;
  }
}

@media (max-width: 620px) {
  .art-grid,
  .gallery-group > .art-grid,
  .section--gallery-first > .art-grid,
  .project-gallery {
    column-count: 1;
  }
}