/* ============================================================================
   THE AURORA — the colour fields the page opens and closes on: along the
   hero's foot (sections/hero.css) and the close's head (sections/close.css).
   Each band places its own container and fields; this file holds only what
   every field shares. Behaviour: js/behaviour/aurora.js drifts each field
   after the pointer, by transform only.

   A client-approved exception to §3.7 (all five --radar-* colours in one
   mesh, not "at most one platform colour"). The fields overlap at uneven
   sizes and depths and are blurred together, so no one of them reads as a
   spot. Each field is an ellipse (closest-side) in its box; later fields
   paint over earlier ones.
   ========================================================================= */
.aurora {
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.aurora span {
  position: absolute;
  background: radial-gradient(closest-side, var(--c) 0 22%, transparent 68%);
  filter: blur(40px);
  will-change: transform;
}