/* ══════════════════════════════════════════════════════════════════════
   NOMAD VAS AURORA HERO
   Brand-colored animated gradient stripes behind each page's hero section.
   Pure CSS, no dependencies, respects prefers-reduced-motion.
   (Dark/light theme toggle was tried and removed — too many components
   across the site were built assuming a single fixed light theme, causing
   more contrast bugs than the feature was worth.)
   ══════════════════════════════════════════════════════════════════════ */

@keyframes nv-aurora {
  from { background-position: 50% 50%, 50% 50%; }
  to   { background-position: 350% 50%, 350% 50%; }
}
.nv-aurora {
  position: absolute;
  inset: 0;
  /* Negative z-index: paints behind EVERY sibling in the hero section,
     positioned or not, so it never needs each page's content to opt in
     with its own z-index. Still above the page's own fixed background
     (a separate stacking context on <body>, unaffected by this). */
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  border-radius: inherit;
}
.nv-aurora::before {
  content: "";
  position: absolute;
  inset: -30%;
  background-image:
    repeating-linear-gradient(100deg,
      var(--color-accent) 0%, var(--color-accent) 7%,
      transparent 10%, transparent 12%,
      var(--color-accent-2) 16%, var(--color-accent-2) 23%,
      transparent 26%, transparent 28%,
      var(--color-accent) 32%),
    repeating-linear-gradient(100deg,
      var(--color-accent-400) 8%, var(--color-accent-2-400) 15%,
      var(--color-accent-300) 22%, var(--color-accent-2-300) 29%,
      var(--color-accent-500) 36%);
  background-size: 300% 200%, 200% 100%;
  background-position: 50% 50%, 50% 50%;
  filter: blur(40px);
  opacity: 0.16;
  animation: nv-aurora 24s linear infinite;
  will-change: background-position;
}
.nv-aurora::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(42% 42% at 92% 4%, transparent 0%, var(--color-bg) 66%);
}
@media (prefers-reduced-motion: reduce) {
  .nv-aurora::before { animation: none; }
}