/* ═══════════════════════════════════════════════════════════════════════════════
   THE DIGITAL VAULT — CINEMATIC PARALLAX SCROLLING
   Lightweight, GPU-composited parallax. No will-change spam, no transition
   fighting, pure translate3d on compositor layers.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── Ambient Floating Nebula Orbs ── */
.parallax-orb-field {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}

.parallax-orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(85px);
  opacity: 0.2;
}

.parallax-orb.orb-1 {
  width: min(520px, 80vw);
  height: min(520px, 80vw);
  top: 4%;
  left: -8%;
  background: radial-gradient(circle, #ffd76a 0%, rgba(212, 175, 55, 0.45) 55%, transparent 75%);
}

.parallax-orb.orb-2 {
  width: min(620px, 90vw);
  height: min(620px, 90vw);
  top: 42%;
  right: -12%;
  background: radial-gradient(circle, #f5d36b 0%, rgba(184, 134, 11, 0.35) 60%, transparent 80%);
}

.parallax-orb.orb-3 {
  width: min(480px, 75vw);
  height: min(480px, 75vw);
  top: 78%;
  left: 15%;
  background: radial-gradient(circle, #ffe27a 0%, rgba(245, 211, 107, 0.28) 55%, transparent 75%);
}

/* White & Royal Gold Theme Orbs */
body.white .parallax-orb {
  opacity: 0.15 !important;
  filter: blur(100px) !important;
}
body.white .parallax-orb.orb-1 {
  background: radial-gradient(circle, rgba(237, 208, 107, 0.4) 0%, rgba(212, 175, 55, 0.22) 55%, transparent 75%) !important;
}
body.white .parallax-orb.orb-2 {
  background: radial-gradient(circle, rgba(245, 211, 107, 0.35) 0%, rgba(184, 134, 11, 0.18) 60%, transparent 80%) !important;
}
body.white .parallax-orb.orb-3 {
  background: radial-gradient(circle, rgba(255, 230, 140, 0.3) 0%, rgba(212, 175, 55, 0.16) 55%, transparent 75%) !important;
}

/* Red-Gold Theme Orbs */
body.redgold .parallax-orb.orb-1 {
  background: radial-gradient(circle, #ff5252 0%, rgba(229, 57, 53, 0.45) 55%, transparent 75%);
}
body.redgold .parallax-orb.orb-2 {
  background: radial-gradient(circle, #ff8a80 0%, rgba(142, 0, 0, 0.35) 60%, transparent 80%);
}
body.redgold .parallax-orb.orb-3 {
  background: radial-gradient(circle, #ffb74d 0%, rgba(229, 57, 53, 0.28) 55%, transparent 75%);
}

/* Emerald Theme Orbs */
body.emerald .parallax-orb.orb-1 {
  background: radial-gradient(circle, #34d399 0%, rgba(16, 185, 129, 0.45) 55%, transparent 75%);
}
body.emerald .parallax-orb.orb-2 {
  background: radial-gradient(circle, #6ee7b7 0%, rgba(4, 120, 87, 0.35) 60%, transparent 80%);
}
body.emerald .parallax-orb.orb-3 {
  background: radial-gradient(circle, #fde68a 0%, rgba(16, 185, 129, 0.28) 55%, transparent 75%);
}

/* ── Hero Parallax ── */
.hero-u {
  position: relative;
  overflow: hidden;
}

/* ── Accessibility & Reduced Motion Override ── */
@media (prefers-reduced-motion: reduce) {
  .parallax-orb-field {
    display: none !important;
  }
}