/* Review-card overrides are limited to the four titles in the fit audit. */
.compact-review-card:is([href="/the-long-ballad-review"], [href="/the-killer-is-also-romantic-review"], [href="/the-prisoner-of-beauty-review"], [href="/pursuit-of-jade-review"]) .compact-card__poster img {
  object-fit: cover;
  object-position: center;
}
/* Keep the top artwork and all faces visible while trimming promotional copy. */
.compact-review-card[href="/the-killer-is-also-romantic-review"] .compact-card__poster img { object-position: center top; }
.compact-review-card[href="/the-prisoner-of-beauty-review"] .compact-card__poster img { object-position: center 35%; }
.compact-review-card[href="/pursuit-of-jade-review"] .compact-card__poster img { object-position: center 25%; }

/* This hero follows its own artwork's ratio, with an even decorative inset. */
.review-template-hero .long-ballad-poster-frame {
  --poster-frame-padding: clamp(24px, 2.4vw, 32px);
  display: block;
  box-sizing: border-box;
  aspect-ratio: auto;
  padding: var(--poster-frame-padding);
}
.long-ballad-poster-frame::before { inset: calc(var(--poster-frame-padding) * .5625); }
.long-ballad-poster-frame::after { inset: calc(var(--poster-frame-padding) * .78125); }
.long-ballad-poster-frame > picture { display: block; width: 100%; }
.long-ballad-poster-frame > picture > img {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}