/* Barra superior: some ao rolar para baixo e volta ao rolar para cima.
   A mesma curva e o mesmo tempo nos dois sentidos, para o efeito ser um espelho do outro. */
.site-header{
  transition:transform 1.15s cubic-bezier(.65,0,.35,1),opacity 1.15s cubic-bezier(.65,0,.35,1);
  will-change:transform,opacity;
}
.site-header.is-hidden{
  transform:translateY(calc(-100% - 36px));
  opacity:0;
  pointer-events:none;
}
@media (prefers-reduced-motion:reduce){
  .site-header{transition:none}
  .site-header.is-hidden{transform:none;opacity:1;pointer-events:auto}
}