/* Use a consistent image frame while preserving each original image. */
:is(.print-case-card, .ai-case-card, .shop-case-card, .lecture-case-card, .web-case-card, .interactive-case-card) figure > a {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #eee9e3;
}

:is(.print-case-card, .ai-case-card, .shop-case-card, .lecture-case-card, .web-case-card, .interactive-case-card) figure > a > img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  background: transparent;
}

/* Align the image row beneath the interactive case headings. */
@media (min-width: 701px) {
  .interactive-case-grid .interactive-case-card > h3 {
    min-height: calc(4.5em + 1.7rem);
  }
}

/* Compact thumbnails retain the square layout used in the case summaries. */
.cases .case .case-thumb,
.case-list .case .case-thumb {
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  background: #eee9e3;
}