/* Preserve full portraits and campaign images at every viewport width. */
.creator-hero .creator-portrait {
  align-self: center;
  background: transparent;
  height: auto;
  min-height: 0;
  max-width: 32rem;
  width: 100%;
  aspect-ratio: auto;
  justify-self: center;
  overflow: hidden;
}
.creator-hero .creator-portrait img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 42rem;
  object-fit: contain;
  object-position: center;
}
.case-hero .case-hero-image {
  align-self: center;
  width: 100%;
  min-height: 0;
  max-height: none;
}
.case-hero .case-hero-image img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 36rem;
  object-fit: contain !important;
  object-position: center !important;
}
/* Case overview frames stay the same size; keep the complete artwork visible. */
.case-card .case-image img {
  object-fit: contain !important;
  object-position: center !important;
}
.case-card:hover .case-image img { transform: none; }