/* Container that reserves space for the particle field canvas before it
   loads/sizes -- prevents layout shift. Sits behind Region A's content only. */

.particle-field {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

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

/* Feature-detection / canvas-unavailable fallback: a quiet static gradient,
   never a blank hole, never a loud animated substitute. */
.particle-field[data-fallback='true'] {
  background:
    radial-gradient(120% 140% at 15% 0%, rgba(95, 208, 207, 0.10), transparent 60%),
    radial-gradient(90% 120% at 85% 100%, rgba(164, 135, 196, 0.09), transparent 55%);
}