html {
  scroll-padding-top: 84px;
}

.site-header {
  position: sticky;
  top: 0;
  margin: 0 auto;
  background: rgb(255 255 255 / 92%);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid #e5edf9;
}

@media (max-width: 760px) {
  html {
    scroll-padding-top: 68px;
  }
}