/*
  Case Study Cover — shared primitive: a cover image with a drop
  shadow and a circular "Get the case study" badge overlapping its
  top-right corner. Used by both the Testimonial "Text + Case Study"
  variant and the standalone Case Study component below — extracted
  here rather than duplicated a second time in case-study.css.

  Requires tokens.css and buttons.css/flash.css to be loaded first
  (the badge reuses .rs-flash--case-study directly).

  The cover keeps the cover image's own natural proportions via
  aspect-ratio, rather than stretching to match the sibling text
  column's height — an earlier version used align-self: stretch,
  which looked fine for Testimonial/Case Study (whose text content
  happens to be close to the cover's natural height already), but
  broke badly for Download's longer 5-item checklist: stretching a
  230px-wide box to match a much taller column forced object-fit:
  cover to crop the image hard on both sides. Fixed aspect-ratio
  means the cover always renders at its correct proportions
  regardless of how tall the neighbouring content ends up being.

  The badge is NOT anchored to this cover box. In Figma, the "Flash
  Container" layer is a sibling of "Case Study" (this cover), both
  nested directly under the outer card frame — not a child of the
  cover. So its top: -24px; right: -24px offset is measured from the
  card's own edges. Concretely, each card (.rs-download,
  .rs-case-study, .rs-testimonial) has 48px of padding that the cover
  sits inside; anchoring the badge to the cover instead of the card
  would shortchange the offset by that padding amount. The consuming
  component's CSS is responsible for putting position: relative on
  its own card class and for placing .rs-case-study-cover__flash as
  a sibling of .rs-case-study-cover in markup, not inside it.
*/

.rs-case-study-cover {
  flex-shrink: 0;
  width: 230px;
  aspect-ratio: 230 / 322.563;
}
.rs-case-study-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 0 8px 4px rgba(0, 0, 0, 0.05);
}

.rs-case-study-cover__flash {
  position: absolute;
  top: -24px;
  right: -24px;
}