/* Workpeg Events — hero background
   Only these rules are needed for the animation. Keep your existing hero styles. */

.wp-hero {
  position: relative;   /* canvas is positioned against the hero */
  isolation: isolate;   /* keeps the canvas behind hero content */
  overflow: hidden;
  background: #000;
}

.wp-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
  pointer-events: none; /* buttons and links stay clickable */
}