/* Page-wide particle material, behind content and sized to the viewport. */
.mono-home {
  --mh-particle-1: #555555;
  --mh-particle-2: #999999;
  --mh-particle-3: #707070;
  --mh-particle-opacity: .52;
  isolation: isolate;
}
html.dark .mono-home {
  --mh-particle-1: #d9d9d9;
  --mh-particle-2: #787878;
  --mh-particle-3: #aaaaaa;
  --mh-particle-opacity: .52;
}
.mono-home .mh-hero-particles {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  opacity: var(--mh-particle-opacity);
}
.mono-home .mh-hero-particles canvas {display: block; width: 100%; height: 100%;}
.mono-home .mh-hero-particles[hidden] {display: none;}
.mono-home .mh-motion-row {border-top: .5px solid var(--border);}
.mono-home #particleMotionToggle:disabled {opacity: .5; cursor: default;}
@media (prefers-reduced-motion:reduce) {.mono-home .mh-hero-particles {display:none;}}