#bg:after {
  opacity: 0.42;
}

#bg:before {
  background-image:
    radial-gradient(circle at 18% 12%, rgba(122, 182, 214, 0.18), transparent 24rem),
    radial-gradient(circle at 82% 28%, rgba(186, 217, 194, 0.13), transparent 24rem),
    linear-gradient(to top, rgba(9, 12, 17, 0.66), rgba(9, 12, 17, 0.66));
  background-size: cover;
}

#neural-bg-canvas {
  height: 100%;
  inset: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 2;
}

#bg .neural-cursor-light {
  background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(188, 220, 226, 0.2), transparent 20rem);
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 3;
}

body.is-article-visible #neural-bg-canvas,
body.is-article-visible #bg .neural-cursor-light {
  filter: blur(0.08rem);
  opacity: 0.5;
}

@media (prefers-reduced-motion: reduce) {
  #neural-bg-canvas {
    opacity: 0.55;
  }
}