.art-image { cursor: zoom-in; }
.art-image--uniform { aspect-ratio: 4 / 3; }
.art-image--uniform img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.art-lightbox {
  background: #212024;
  color: #fafaf8;
  border: 0;
  padding: 1.25rem;
  width: min(94vw, 1200px);
  max-width: 94vw;
  max-height: 94dvh;
  overflow: auto;
}
.art-lightbox::backdrop { background: rgb(0 0 0 / 85%); }
.art-lightbox-toolbar, .art-lightbox-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  font: 0.75rem Inter, sans-serif;
  letter-spacing: 0.08em;
}
.art-lightbox-control { padding: 0.75rem; cursor: pointer; }
.art-lightbox-control:focus-visible { outline: 1px solid #fafaf8; outline-offset: 2px; }
.art-lightbox-control:disabled { opacity: 0.4; cursor: default; }
.art-lightbox-figure { margin: 1rem 0; text-align: center; }
.art-lightbox-figure img { display: block; max-width: 100%; max-height: 66dvh; width: auto; height: auto; margin: auto; }
.art-lightbox-figure figcaption { font-family: "Cormorant Garamond", serif; font-size: 1.3rem; margin-top: 1rem; }
@media (max-width: 639px) {
  .art-lightbox { padding: 0.75rem; }
  .art-lightbox-toolbar, .art-lightbox-navigation { font-size: 0.65rem; }
}