/* Scoped addition for the explicitly selected panoramic artworks.
 * The central renderer adds fv-panorama only to the three verified project IDs.
 * The existing single-column grid-sizer and all list-view widths are unchanged.
 */
body:not(.grid-view-mode) .archive-grid .work.fv-panorama {
  width: 100%;
}
@media (min-width: 768px) {
  body:not(.grid-view-mode) .archive-grid .work.fv-panorama {
    width: calc(66.66% - 4px);
  }
}
@media (min-width: 1000px) {
  body:not(.grid-view-mode) .archive-grid .work.fv-panorama {
    width: calc(50% - 4px);
  }
}
@media (min-width: 1380px) {
  body:not(.grid-view-mode) .archive-grid .work.fv-panorama {
    width: calc(40% - 5px);
  }
}
@media (min-width: 1720px) {
  body:not(.grid-view-mode) .archive-grid .work.fv-panorama {
    width: calc(33.3333333334% - 6px);
  }
}

/* Related works currently use fixed portrait boxes with object-fit: cover.
 * --fv-artwork-ratio must be a finite positive number from the actual image.
 * These rules replace that box only on selected panoramic cards.
 */
.related_grid .project.fv-panorama {
  box-sizing: border-box;
  width: calc(100% - 6px);
  height: auto;
  padding: 0;
  aspect-ratio: var(--fv-artwork-ratio);
  align-self: flex-start;
}
.related_grid .project.fv-panorama img {
  object-fit: contain;
}
@media (min-width: 768px) {
  .related_grid .project.fv-panorama {
    width: calc(40% - 6px);
  }
}