/* Animated network behind a dark hero band (drawn by hero-network.js).
   Put .band-network on a .band-on-dark band, with the .hero-network div as its
   first child and the page's .wrap after it. */
.band-network {
  position: relative;
  overflow: hidden;
}

.band-network>.hero-network {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.55;
}

.band-network>.wrap {
  position: relative;
  z-index: 1;
}

.hero-network-svg {
  display: block;
  width: 100%;
  height: 100%;
}

@keyframes dotGlow {

  0%,
  100% {
    opacity: var(--glow-lo, .3);
  }

  50% {
    opacity: var(--glow-hi, 1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-network circle {
    animation: none !important;
    opacity: .6 !important;
  }
}