#header {
  top: 0;
  transition: top .22s ease, background .3s, border-color .3s;
}

#header.is-scroll-hidden {
  top: calc(-1 * var(--header-real-h, 120px) - 2px);
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  #header {
    transition: none;
  }
}