html {
  scroll-padding-top: var(--header-height, 80px);
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}