/* Vitrine: preserve the colour and detail of the real video stills. */
.reel-card > img {
  filter: saturate(1.38) contrast(1.08) brightness(1.12) !important;
}

.reel-card:hover > img {
  filter: saturate(1.48) contrast(1.1) brightness(1.16) !important;
}

/* Keep the Reel scene as the focus; copy sits lightly in the card corners. */
.reel-card .reel-top {
  top: 15px !important;
  left: 15px !important;
  right: 15px !important;
  gap: 7px !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  letter-spacing: .08em !important;
}

.reel-card .reel-top svg { width: 15px; height: 15px; }

.reel-card .play-circle {
  top: 47% !important;
  width: 54px !important;
  height: 54px !important;
}

.reel-card .play-circle svg { width: 21px; height: 21px; }

.reel-card .reel-bottom {
  left: 17px !important;
  right: 17px !important;
  bottom: 17px !important;
}

.reel-card .reel-bottom > small {
  font-size: 10px !important;
  line-height: 1.3 !important;
}

.reel-card .reel-bottom > strong {
  display: block;
  font-size: clamp(18px, 1.7vw, 21px) !important;
  line-height: 1.14 !important;
  margin: 7px 0 12px !important;
}

.reel-card .reel-bottom > em {
  padding-top: 10px !important;
  font-size: 12px !important;
}

@media (max-width: 760px) {
  .reel-card .reel-top { top: 16px !important; left: 16px !important; }
  .reel-card .reel-bottom { left: 18px !important; right: 18px !important; bottom: 18px !important; }
  .reel-card .reel-bottom > strong { font-size: 22px !important; }
}