/* Site-wide circuit trace background (from circuit.html) */
.it-circuit-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  width: 100%;
  max-width: 100vw;
}

.it-circuit-bg svg.circuit-path,
.it-circuit-bg object.circuit-path {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.72;
  width: 100vmax;
  height: auto;
  max-width: none;
  max-height: none;
  pointer-events: none;
  border: none;
}

.it-circuit-bg .path {
  animation: sseed-circuit-draw 20s infinite linear;
  stroke-opacity: 0.95;
}

.it-circuit-bg #static,
.it-circuit-bg #paths-bg {
  stroke: #c9b84a;
  opacity: 0.85;
}

.it-circuit-bg .path-01 {
  animation-delay: 0s;
}

.it-circuit-bg .path-02 {
  animation-delay: 1s;
}

.it-circuit-bg .path-03 {
  animation-delay: 2s;
}

.it-circuit-bg .path-04 {
  animation-delay: 3s;
}

.it-circuit-bg .path-05 {
  animation-delay: 4s;
}

@media screen and (min-width: 768px) {
  .it-circuit-bg svg.circuit-path,
  .it-circuit-bg object.circuit-path {
    width: 120vmax;
    height: auto;
  }
}

html,
body {
  overflow-x: clip;
  max-width: 100%;
}

body > main {
  position: relative;
  z-index: 2;
  overflow-x: clip;
  max-width: 100%;
}

@keyframes sseed-circuit-draw {
  100% {
    stroke-dashoffset: 0;
    stroke-opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .it-circuit-bg .path {
    animation: none;
    stroke-dashoffset: 0;
    stroke-opacity: 1;
  }
}