/* Mahina exhibition responsive gallery refinements — v3.8 */

.exhibition-page .current-poster-button,
.exhibition-page .work-grid button,
.exhibition-page .archive-grid button {
  cursor: zoom-in;
}

.image-lightbox,
.image-lightbox figure,
.image-lightbox figure > img {
  cursor: zoom-out;
}

@media (min-width: 981px) {
  .exhibition-page .work-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }

  .exhibition-page .archive-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 761px) and (max-width: 980px) {
  .exhibition-page .work-grid,
  .exhibition-page .archive-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .exhibition-page .current-poster-button {
    width: min(62vw, 230px);
  }

  .exhibition-page .work-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .exhibition-page .work-grid span {
    min-height: 112px;
    gap: 4px;
    padding: 11px 9px 13px;
  }

  .exhibition-page .work-grid strong {
    font-size: 10.5px;
    line-height: 1.38;
  }

  .exhibition-page .work-grid small {
    font-size: 8.5px;
  }

  .exhibition-page .work-grid em {
    font-size: 9.5px;
    line-height: 1.38;
  }

  .exhibition-page .archive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 400px) {
  .exhibition-page .current-poster-button {
    width: min(60vw, 210px);
  }

  .exhibition-page .work-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .exhibition-page .work-grid span {
    min-height: 118px;
    gap: 5px;
    padding: 12px 11px 14px;
  }

  .exhibition-page .work-grid strong {
    font-size: 11.5px;
  }

  .exhibition-page .work-grid small {
    font-size: 9px;
  }

  .exhibition-page .work-grid em {
    font-size: 10px;
  }
}