/* ==========================================================================
   Header nav links: "negative" invert-against-background effect.
   Text is forced white, then mix-blend-mode: difference inverts it against
   whatever is directly behind the fixed header — the hero image/video when
   the header is transparent, or the header's own solid background once
   scrolled/sticky. Hover and the active link intentionally opt out of the
   blend so the accent-red hover feedback stays clearly, plainly visible.

   Undo-able: delete this file (or its one <link> line on each page) to
   revert the nav text to its previous plain white styling.
   ========================================================================== */
.nav-menu .nav-link {
  color: #ffffff !important;
  mix-blend-mode: difference;
}

.nav-menu .nav-link:hover,
.nav-menu .nav-link.active {
  mix-blend-mode: normal;
}