*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html { scroll-behavior: smooth; }

img, svg { display: block; max-width: 100%; }

ul, ol { list-style: none; }

button { font: inherit; cursor: pointer; background: none; border: none; }

a { color: inherit; text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .animate-on-scroll {
    opacity: 1 !important;
    transform: none !important;
  }

  .hero-fade-in {
    animation: none !important;
    opacity: 1 !important;
  }
}