/* The same scroll-direction navigation on phones, tablets and desktops. */
html[data-pv-mobile-header] .header {
  transform:translateY(0);
  transition:transform .25s ease,background .3s ease,box-shadow .3s ease;
}
html[data-pv-mobile-header] .header[data-pv-mobile-hidden="true"] {
  transform:translateY(-100%);box-shadow:none;pointer-events:none;
}
html[data-pv-mobile-header] .header[data-pv-mobile-detached] { display:none; }
@media(prefers-reduced-motion:reduce) {
  html[data-pv-mobile-header] .header { transition:none; }
}