.grid-scan {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.grid-scan-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.hero-scan {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.75;
  mask-image: radial-gradient(ellipse 110% 105% at 50% 34%, #000 0%, rgba(0, 0, 0, 0.65) 55%, transparent 90%);
  -webkit-mask-image: radial-gradient(ellipse 110% 105% at 50% 34%, #000 0%, rgba(0, 0, 0, 0.65) 55%, transparent 90%);
  pointer-events: none;
}

html.no-particles .hero-scan {
  display: none;
}

@media (max-width: 768px) {
  .hero-scan {
    opacity: 0.6;
  }
}