/* Velar Bureau — hero hands (js/hands.js) */
.hx .hx__hands { position: absolute; left: 0; z-index: 0; pointer-events: none; opacity: calc(1 - var(--q, 0) * 1.6); }
.hx .hx__final { z-index: 1; }

/* the headline word lit by the touch (js/hands.js): the impulse runs through it letter by letter, the letters rise and glow in signal, hold while the mark shows, then cool back */
.hx-bring { display: inline-block; white-space: nowrap; }
.hx-bring i { display: inline-block; font-style: normal; }
.hx-bring.is-hit i { animation: hxWave 2.6s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(var(--i) * 55ms); }
@keyframes hxWave {
  0% { color: inherit; transform: none; text-shadow: 0 0 0 rgba(226, 73, 43, 0); }
  9% { color: var(--signal); transform: translateY(-.12em); text-shadow: 0 .06em .5em rgba(226, 73, 43, .45); }
  20% { color: var(--signal); transform: none; text-shadow: 0 0 .25em rgba(226, 73, 43, .2); }
  72% { color: var(--signal); transform: none; text-shadow: 0 0 0 rgba(226, 73, 43, 0); }
  100% { color: inherit; transform: none; }
}
@media (prefers-reduced-motion: reduce) { .hx-bring.is-hit i { animation: none; } }