/*
 * Drawer (hamburger) menu link hover - modelled on masamunes.com:
 * links are slightly dim; on hover the white text wipes in from left to right.
 * Only for hover-capable devices (touch keeps plain white links).
 */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  @media (hover: hover) {
    .drawer-gnav-list li a {
      color: transparent;
      background: linear-gradient(90deg, #fff 50%, #777 50%) 100% 0 / 200% 100% no-repeat;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      transition: background-position 0.3s ease-out;
    }
    .drawer-gnav-list li a:hover,
    .drawer-gnav-list li a:focus-visible {
      background-position: 0 0;
      opacity: 1;
      transition: background-position 0.3s ease-out;
    }
  }
}