:root {
  --card-aspect-ratio: 932 / 1232;
  --lightbox-frame-width: min(88vw, 680px, calc(var(--lightbox-max-frame-height) * 932 / 1232));
}

.statement code {
  overflow-wrap: anywhere;
}

.meta-details,
.meta-details a {
  font-size: 0.9rem;
  color: var(--color-meta);
}

.artwork-link {
  aspect-ratio: var(--card-aspect-ratio);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg);
}

.artwork-link img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.lightbox-frame-wrapper,
.lightbox-preview {
  background: var(--color-bg);
}

.lightbox-preview {
  object-fit: contain;
}
