/*
  RTO reusable AI dot lens background
  Use on any hero: add class="rto-dot-lens" and place content above it.
  The companion script injects a canvas and animates only the dot scale/opacity.
*/
.rto-dot-lens {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.rto-dot-lens > .rto-dot-lens-canvas {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
.rto-dot-lens > *:not(.rto-dot-lens-canvas) {
  position: relative;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  .rto-dot-lens > .rto-dot-lens-canvas {
    opacity: .55;
  }
}