<script>
let lastScrollPosition = window.pageYOffset;
window.addEventListener('scroll', () => {
  const header = document.querySelector('header.Header.Header--top');
  if (!header) return;
  
  const currentScrollPosition = window.pageYOffset;
  if (currentScrollPosition > lastScrollPosition) {
    header.style.transform = 'translateY(-100%)';
    header.style.transition = 'transform 0.3s ease-in-out';
  } else {
    header.style.transform = 'translateY(0)';
  }
  
  lastScrollPosition = currentScrollPosition;
});
</script>