/* Exhibit photography: retain the complete subject, including on hover.
   Reserved top/bottom space keeps the like/detail controls off the artwork. */
.product-card figure {
  aspect-ratio: 4 / 5;
}
.product-card figure > img {
  position: absolute;
  inset: 34px 8px 36px;
  width: calc(100% - 16px);
  height: calc(100% - 70px);
  margin-inline: auto;
  object-fit: contain;
  object-position: center;
  border-radius: 0;
  transform: none;
}
.product-card:hover figure > img,
.product-card:focus-within figure > img {
  transform: none;
}
.hero-main {
  object-fit: contain;
  object-position: center;
  padding: 6px;
  background: #fff;
}
.series-tile img {
  object-fit: contain;
  object-position: center;
  padding: 5px;
  background: #fff;
}
.detail-dialog .dialog-image {
  display: grid;
  place-items: center;
  min-width: 0;
  overflow: visible;
}
.detail-dialog .dialog-image img {
  width: 100%;
  height: auto;
  max-height: 72vh;
  max-height: 72svh;
  padding: 14px;
  margin: auto;
  object-fit: contain;
  object-position: center;
  transform: none;
}
@media (max-width: 680px) {
  .product-card figure { aspect-ratio: 4 / 5; }
  .detail-dialog .dialog-image img { padding: 12px; }
}
