/**
 * Hero Section Particle Animation Styles
 * Positions the canvas behind hero content
 */

/* Particle Canvas Container */
#particles-js {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: auto;
}

/* Ensure hero section is positioned for absolute children */
#header {
  position: relative;
  overflow: hidden;
}

/* Ensure content stays above particles */
#header #logo {
  position: relative;
  z-index: 2;
}

#header #nav {
  position: relative;
  z-index: 3;
}

/* Accessibility: Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  #particles-js {
    display: none;
  }
}