/* HudsonRoux Hero Animation — wrapper styles.
   Place the wrapper inside a `position: relative` hero section. */

.hero-canvas-wrap {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.hero-canvas-wrap canvas {
  width: 100%;
  height: 100%;
  display: block;
}