/* A continuous silver night sky, kept in the open space around page content. */
.site-header { isolation: isolate; border-bottom-color: #c3d5e03b; }
.site-header > :not(.nvl-sky) { position: relative; z-index: 1; }
.nvl-sky { position: absolute; inset: 0; bottom: auto; width: 100%; height: 100%; display: block; pointer-events: none; user-select: none; }
.nvl-sky-region { position: relative; isolation: isolate; }
.nvl-sky-region > .nvl-sky { z-index: -1; opacity: .92; }
.site-header > .nvl-sky { z-index: -1; opacity: 1; }
.hero.hero-with-key > .nvl-sky { z-index: -1; }
.hero.hero-with-key[data-celestial="ready"] > .key-night-sky { opacity: .12; }
.hero.hero-with-key[data-celestial="ready"]::after { display: none; }
.site-header .brand-star, .site-footer .brand-star { overflow: visible; filter: none; shape-rendering: geometricPrecision; }
.site-header .brand-star { width: 34px; height: 34px; }
.site-header .desktop-nav a { text-shadow: 0 1px 9px #030405; }
.nvl-sky-sparks { top: 0; bottom: 0; height: 100%; overflow: hidden; }
.nvl-twinkle {
  position: absolute;
  display: block;
  pointer-events: none;
  background: radial-gradient(circle, #e7f2ff68 0, #cfdeee24 27%, transparent 70%);
  opacity: .5;
  transform: scale(.88);
  animation: nvl-star-twinkle 5.8s ease-in-out infinite;
}
.nvl-twinkle::before {
  content: "";
  position: absolute;
  inset: 23%;
  background: #f1f7ff;
  clip-path: polygon(50% 0, 55% 42%, 84% 50%, 55% 57%, 50% 100%, 45% 57%, 16% 50%, 45% 42%);
}
.nvl-twinkle-point::before { inset: 36%; border-radius: 50%; clip-path: none; }
.nvl-sky-sparks.is-paused .nvl-twinkle { animation-play-state: paused; }
@keyframes nvl-star-twinkle {
  0%, 100% { opacity: .24; transform: scale(.82); }
  32% { opacity: .55; transform: scale(.98); }
  48%, 54% { opacity: 1; transform: scale(1.15); }
  74% { opacity: .46; transform: scale(.94); }
}
@media(prefers-reduced-motion:reduce) {
  .nvl-twinkle { animation: none; opacity: .78; transform: none; }
}
@media(max-width:580px) { .site-header .brand-star { width: 25px; height: 25px; } }
@media(forced-colors:active) { .nvl-sky { display:none; } .site-header .brand-star,.site-footer .brand-star { filter:none; } }
