.container {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
  background: #0a0a0f;
}

.canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: var(--noise-opacity, 0.15);
  will-change: transform;
}

/* Intensity variants */
.subtle .canvas {
  --noise-opacity: 0.08;
}

.medium .canvas {
  --noise-opacity: 0.15;
}

.heavy .canvas {
  --noise-opacity: 0.25;
}

/* Scale variants */
.fine .canvas {
  image-rendering: pixelated;
}

.coarse .canvas {
  filter: blur(1px);
}