.hdt-section-header.custom_header--hide-ready {
  transition: transform var(--custom_header-hide-speed, 300ms) ease;
  will-change: transform;
}

.hdt-section-header.custom_header--hidden {
  transform: translateY(-100%);
}

.hdt-section-header.custom_header--hidden.menu-open {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .hdt-section-header.custom_header--hide-ready {
    transition-duration: 0ms;
  }
}