/*
 * Video card poster images (Knowledge Hub + Video Resources).
 * Loaded after landing.css by the two templates that render video cards, so the
 * z-index overrides below intentionally win over the base component rules.
 * Scoped entirely to .rg-video-card — no global element rules, no fonts.
 */
.rg-video-card__img {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Set by video-thumb.js when the poster image fails to load, so the local
   fallback photo behind it shows instead of a broken-image icon. */
.rg-video-card__img.is-unavailable {
  display: none;
}

.rg-video-card__thumb::before {
  z-index: 1;
}

.rg-video-card__play {
  z-index: 2;
}