@media (min-width: 901px) {
  .site-header {
    position: sticky;
    top: 0;
    z-index: 90;
  }

  main section[id] {
    scroll-margin-top: calc(var(--header-height) + 1rem);
  }
}