/* Standalone menu illustrations never participate in combat pose/atlas rendering. */
.sprite.menu-portrait {
  aspect-ratio: 2 / 3;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  clip-path: none;
}

/* Cap the width, then derive height from the artwork's 2:3 aspect ratio.
   A separate max-height compressed wide-screen figures and atlas cells. */
.showcase > .showcase-sprite {
  width: min(95%, 370px);
  height: auto;
  max-height: none;
  aspect-ratio: 2 / 3;
}

@media (min-width: 1500px) {
  .showcase > .showcase-sprite {
    width: min(95%, 406.666667px);
  }
}