/* Auto-hide header: slides up out of view on scroll down, slides back
   into view on scroll up. See assets/header-scroll.js for the
   scroll-direction logic that toggles the .header--hidden class. */
.site-header{
  transition:transform .3s ease;
  will-change:transform;
}
.site-header.header--hidden{
  transform:translateY(-100%);
}