/* Nexus connections: quiet at rest, revealed by the visitor's pointer. */
#nexus-hero > .hero-network {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}
.hero-network svg { display: block; width: 100%; height: 100%; }
.hero-network .network-rest { color: #77b5d6; }
.hero-network .network-active { color: #2180b8; }
.hero-network .network-rest path { stroke: #77b5d6; }
.hero-network .network-rest circle { fill: #77b5d6; }
.hero-network .network-active path { stroke: #2180b8; }
.hero-network .network-active circle { fill: #2180b8; }
@media (hover: none), (pointer: coarse) {
  .hero-network .network-rest { opacity: .65; }
  .hero-network .network-active { display: none; }
}