/* Reuse the case's hero assets and loader; keep the link independent of retry. */
.home-page .karkar-home-preview {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 800px;
  overflow: hidden;
  background: #fb6929;
}
.karkar-home-preview > picture,
.karkar-home-preview > video,
.karkar-home-preview > picture img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%; height: 100%;
  max-width: none;
  margin: 0;
  object-fit: contain;
}
.karkar-home-preview > video { opacity: 0; }
.karkar-home-preview[data-video-frame="ready"] > video { opacity: 1; }
.karkar-home-link { position: absolute; inset: 0; z-index: 2; }
.karkar-home-link:focus-visible { outline: 3px solid #3B45E0; outline-offset: -6px; }
@media (width < 768px) {
  .home-page .karkar-home-preview { min-height: 500px; background: #fa6a29; }
  .karkar-home-preview > video,
  .karkar-home-preview > picture img {
    left: 50%; right: auto;
    width: auto; height: 100%;
    transform: translateX(-50%);
  }
}