/* Site-wide wave-of-dots background (static) */
body{
  /* Trap z-index:-1 canvas above body bg, below all page content */
  isolation:isolate;
}
.wave-bg{
  position:fixed;inset:0;width:100%;height:100%;
  z-index:-1;pointer-events:none;display:block;
  /* Strong at left/right edges; ~30% behind central content */
  -webkit-mask-image:linear-gradient(
    90deg,
    #000 0%,
    #000 8%,
    rgba(0,0,0,.30) 28%,
    rgba(0,0,0,.30) 72%,
    #000 92%,
    #000 100%
  );
  mask-image:linear-gradient(
    90deg,
    #000 0%,
    #000 8%,
    rgba(0,0,0,.30) 28%,
    rgba(0,0,0,.30) 72%,
    #000 92%,
    #000 100%
  );
}