/* Opt-in particle layer. Keep the existing hero layout untouched. */
.hero-particle-enabled .recruiting-hero > .hero-particle-field {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse var(--field-rx) var(--field-ry) at var(--field-x) var(--field-y), #6582ff05, transparent 74%),
    radial-gradient(ellipse var(--haze-rx) var(--haze-ry) at var(--haze-x) var(--field-y), #9168ff04, #59dfb202 45%, transparent 75%);
  opacity: 0;
  animation: particle-field-arrival 3s ease 3.5s forwards;
}
@keyframes particle-field-arrival { to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .hero-particle-enabled .hero-particle-field { display: none; animation: none; }
}