@import url('variables.css');
@import url('reset.css');
@import url('layout.css');
@import url('components/skip-link.css');
@import url('components/header.css');
@import url('components/hero.css');
@import url('components/section.css');
@import url('components/cards.css');
@import url('components/contact.css');
@import url('components/footer.css');

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .fade {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .nav-toggle__bar,
  .nav-toggle__bar::before,
  .nav-toggle__bar::after {
    transition: none;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}