/* Vector circuit artwork. Only light moving along the existing tracks animates. */
.hero-circuit {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  pointer-events: none;
  isolation: isolate;
}

.hero-circuit__signal {
  animation: thhc-signal-flow 7.8s linear infinite;
  animation-play-state: paused;
}

.hero-circuit__signal--ae {
  animation-delay: -2.1s;
}

.hero-circuit__signal--sc {
  animation-delay: -5.2s;
  animation-duration: 9.2s;
}

.hero-circuit__signal--prime {
  animation-delay: -4.1s;
  animation-duration: 8.6s;
}

.hero-circuit__signal--knowledge {
  animation-delay: -0.6s;
  animation-duration: 9.8s;
}

.hero-circuit__signal--down {
  animation-delay: -3.1s;
  animation-duration: 6.8s;
}

.hero-circuit.is-inview .hero-circuit__signal {
  animation-play-state: running;
}

.motion-paused .hero-circuit .hero-circuit__signal,
.page-hidden .hero-circuit .hero-circuit__signal,
.hero-circuit[data-motion='paused'] .hero-circuit__signal,
.hero-circuit.hero-circuit--static .hero-circuit__signal {
  animation-play-state: paused;
}

@keyframes thhc-signal-flow {
  0% {
    stroke-dashoffset: 52;
    opacity: 0;
  }

  10% {
    opacity: 0.8;
  }

  72% {
    opacity: 0.65;
  }

  88%,
  100% {
    stroke-dashoffset: -1000;
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-circuit.is-inview .hero-circuit__signal {
    animation-play-state: paused;
  }
}