/*
  Homepage-only visibility correction.
  The CRT overlays previously sat above the fixed header and dimmed it.
  This file intentionally is not loaded by epk.html.
*/

header{
  z-index:150!important;
  isolation:isolate;
  opacity:1!important;
  filter:none!important;
  background:#020308!important;
  border-bottom:2px solid #72f7ff!important;
  box-shadow:
    0 2px 0 rgba(255,255,255,.42),
    0 0 24px rgba(114,247,255,.38),
    0 16px 45px rgba(0,0,0,.92)!important;
}

header .brandmark,
header nav,
header .nav-toggle{
  position:relative;
  z-index:2;
  opacity:1!important;
  filter:none!important;
}

header .brandmark span{
  color:#fff!important;
  text-shadow:
    0 0 7px rgba(255,255,255,.82),
    0 0 16px rgba(114,247,255,.64)!important;
}

header .brandmark svg{
  filter:
    drop-shadow(0 0 5px #72f7ff)
    drop-shadow(0 0 10px rgba(114,247,255,.7))!important;
}

.scanlines{
  z-index:20!important;
  opacity:.14!important;
}

.vignette{
  z-index:19!important;
  box-shadow:inset 0 0 10vw rgba(0,0,0,.34)!important;
}

@media(min-width:981px){
  header nav a{
    opacity:1!important;
    color:#010307!important;
    background:#b9fbff!important;
    border:2px solid #fff!important;
    font-size:.9rem!important;
    font-weight:900!important;
    box-shadow:
      0 0 10px #72f7ff,
      0 0 25px rgba(114,247,255,.72),
      inset 0 0 0 1px rgba(0,0,0,.2)!important;
  }

  header nav a:hover,
  header nav a:focus-visible{
    color:#fff!important;
    background:#bd007f!important;
    border-color:#fff!important;
    box-shadow:
      0 0 12px #ff3fb4,
      0 0 28px rgba(255,63,180,.72)!important;
  }
}