/* glitch.css: the brand's RGB-split glitch, used only as a short hover effect (Nora, 9 Nov).
   Used on: project-table rows, the header menu, footer links and buttons. Off for reduced motion. */
@keyframes rgb-glitch {
  0%   { text-shadow: 2px 0 rgba(255, 0, 60, .75), -2px 0 rgba(0, 200, 255, .75); transform: translate(0); }
  20%  { text-shadow: -2px 1px rgba(255, 0, 60, .75), 2px -1px rgba(0, 200, 255, .75); transform: translate(-1px, 0); }
  40%  { text-shadow: 1px -1px rgba(255, 0, 60, .75), -1px 1px rgba(0, 200, 255, .75); transform: translate(1px, 0); }
  60%  { text-shadow: -1px 0 rgba(255, 0, 60, .6), 1px 0 rgba(0, 200, 255, .6); transform: translate(0); }
  100% { text-shadow: none; transform: translate(0); }
}
#wt-body .wt-row:hover .glitch, #wt-body .wt-row:focus-visible .glitch,
.site-nav a:not(.nav-soon):hover span, .site-nav a:not(.nav-soon):focus-visible span,
.ft-col a:not(.nav-soon):hover, .ft-follow a:hover span,
.latest-btn:hover, .latest-all:hover, .btn:hover {
  display: inline-block; animation: rgb-glitch .45s steps(2, end) 1;
}
@media (prefers-reduced-motion: reduce) {
  #wt-body .wt-row:hover .glitch, .site-nav a:hover span, .ft-col a:hover, .ft-follow a:hover span,
  .latest-btn:hover, .latest-all:hover, .btn:hover { animation: none; }
}