/* =========================================================
   Super HD gemstone video background
   ========================================================= */

.site-backdrop {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background: #060504;
}

.backdrop-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.7s ease;
  /* Keep filters light — heavy filters + CSS transform tanks playback */
  filter: brightness(0.62) saturate(1.08);
  backface-visibility: hidden;
  transform: translateZ(0);
}

.backdrop-video.is-active {
  opacity: 1;
}

.backdrop-veil {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 70% 55% at 50% 40%, rgba(196, 165, 116, 0.05), transparent 55%),
    linear-gradient(180deg, rgba(6, 5, 4, 0.28) 0%, rgba(6, 5, 4, 0.52) 50%, rgba(6, 5, 4, 0.82) 100%),
    linear-gradient(90deg, rgba(6, 5, 4, 0.45) 0%, transparent 40%, rgba(6, 5, 4, 0.35) 100%);
}

.site-backdrop.is-fallback .backdrop-video {
  opacity: 0;
}

.site-backdrop.is-fallback::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 50% 40% at 50% 35%, rgba(196, 165, 116, 0.1), transparent 55%),
    linear-gradient(165deg, #12100e 0%, #060504 55%, #0a0908 100%);
}