.gallery.editorial {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 10px;
  padding: 82px 5vw 64px;
  align-items: start;
}

.gallery.editorial button {
  aspect-ratio: auto;
  background: transparent;
  overflow: visible;
}

.gallery.editorial img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.gallery.editorial .opening-small,
.gallery.editorial .opening-large,
.gallery.editorial .quarter,
.gallery.editorial .half,
.gallery.editorial .third,
.gallery.editorial .finale {
  grid-column: span 4;
  margin-top: 0;
}

.gallery.editorial.black-madonna-grid button,
.gallery.editorial.uniform-portrait-grid button {
  aspect-ratio: 4 / 5;
  overflow: hidden;
}

.gallery.editorial.black-madonna-grid img,
.gallery.editorial.uniform-portrait-grid img {
  height: 100%;
  object-fit: cover;
}

.gallery.editorial.violet-static-grid .portrait {
  grid-column: span 4;
}

.gallery.editorial.violet-static-grid .wide-opening {
  grid-column: span 8;
}

.gallery.editorial.violet-static-grid .wide-finale {
  grid-column: 1 / -1;
}

.gallery.editorial.black-madonna-grid .natural-third {
  grid-column: span 4;
  aspect-ratio: auto;
  overflow: visible;
}

.gallery.editorial.black-madonna-grid .natural-third img {
  height: auto;
  object-fit: contain;
}

.gallery.editorial.berlin-noir-grid .berlin-portrait {
  grid-column: span 4;
}

.gallery.editorial.berlin-noir-grid .berlin-wide-major {
  grid-column: span 8;
}

.gallery.editorial.berlin-noir-grid .berlin-wide-half {
  grid-column: span 6;
}

@media (max-width: 760px) {
  .gallery.editorial {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    padding: 62px 5px 36px;
  }

  .gallery.editorial .opening-small,
  .gallery.editorial .opening-large,
  .gallery.editorial .quarter,
  .gallery.editorial .half,
  .gallery.editorial .third,
  .gallery.editorial .finale { grid-column: span 1; }

  .gallery.editorial.violet-static-grid .portrait,
  .gallery.editorial.violet-static-grid .wide-opening,
  .gallery.editorial.violet-static-grid .wide-finale {
    grid-column: span 1;
  }

  .gallery.editorial.black-madonna-grid .natural-third,
  .gallery.editorial.berlin-noir-grid .berlin-portrait,
  .gallery.editorial.berlin-noir-grid .berlin-wide-major,
  .gallery.editorial.berlin-noir-grid .berlin-wide-half {
    grid-column: span 1;
  }
}