#directional-header {
  position: fixed;
  top: 0;
  z-index: 50;
  line-height: 0;
  transform: translateY(0);
  transition: transform 225ms ease;
}
#directional-header > svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#directional-header.is-hidden {
  transform: translateY(-100%);
  pointer-events: none;
}
#directional-header.is-hidden .hit { pointer-events: none; }
.navigation-label {
  position: absolute;
  display: inline-block;
  width: max-content;
  font-family: "Museo Sans", sans-serif;
  font-size: calc(var(--navigation-font-size) * var(--navigation-scale, 1));
  letter-spacing: calc(var(--navigation-letter-spacing) * var(--navigation-scale, 1));
  line-height: normal;
  white-space: pre;
  pointer-events: none;
}
.navigation-text-link:focus-visible {
  outline: 2px solid #cbaa64;
}
@media (prefers-reduced-motion: reduce) {
  #directional-header { transition: none; }
}