/* hero-grid.css – Subtle animated technical grid background for hero section */

.hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  /* Grid lines using brand colors with low opacity */
  background-image:
    linear-gradient(0deg, rgba(122,16,34,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30,58,138,0.08) 1px, transparent 1px);
  background-size: 30px 30px; /* size of grid cells */
  opacity: 0.12; /* overall low opacity */
  pointer-events: none;
  animation: heroGridMove 30s linear infinite;
  z-index: -1; /* behind all hero content */
}

@keyframes heroGridMove {
  from { background-position: 0 0; }
  to { background-position: 30px 30px; }
}

/* Disable animation on touch devices for performance */
@media (pointer: coarse) {
  .hero-section::before {
    animation: none;
  }
}