/* Custom styles layered on top of Tailwind. */

/* Subtle grid overlay used behind the hero. */
.hero-grid {
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, 0.6) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 1px, transparent 1px);
  background-size: 48px 48px;
}

/* Offset anchor targets so they aren't hidden under the fixed header. */
section[id] {
  scroll-margin-top: 5rem;
}

/* Respect reduced-motion preferences. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.001ms !important; }
}