/* A stable hit area; only the lettering moves. Existing colour/blend stays intact. */
body > .header a {
  position: relative;
  cursor: pointer;
  touch-action: manipulation;
}
body > .header a::before {
  content: "";
  position: absolute;
  inset: 0 -8px;
}
body > .header .header-link-label {
  display: inline-block;
  pointer-events: none;
}
@media (max-width: 700px) {
  body > .header a::before { inset-inline: -3px; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body > .header .header-link-label {
    transition: transform 240ms cubic-bezier(.2,.7,.2,1);
  }
  body > .header a:hover .header-link-label {
    transform: translateY(-1px);
  }
  body > .header a:active .header-link-label {
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  body > .header .header-link-label {
    transition: none;
    transform: none;
  }
}