.scroll-aware-header { position: sticky; top: 0; transition: transform .2s ease; }
.scroll-aware-header.scroll-header-hidden { transform: translateY(calc(-100% - 2px)); }
@media (prefers-reduced-motion: reduce) {
  .scroll-aware-header { transition: none; }
}