html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--sticky-header-height, 0px);
}

@media screen and (min-width: 768px) {
  html {
    scroll-padding-top: calc(var(--sticky-header-height, 0px) + 2rem);
  }
}