/* Duke: hide the header on downward scroll and reveal it on upward scroll. */
#brx-header .site-header {
  transition: transform .28s cubic-bezier(.16,1,.3,1), background-color .28s ease-out;
}
#brx-header .site-header.is-hidden {
  transform: translate3d(0,-100%,0) !important;
  pointer-events: none;
}
#brx-header .site-header.is-hidden .header-inner {
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  #brx-header .site-header { transition: none; }
}