.wave-heading {
  display: block;
  margin: 0;
  cursor: default;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.wave-heading .wave-word {
  display: inline-block;
  white-space: nowrap;
}

.wave-heading .wave-char {
  display: inline-block;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.wave-heading.wave-heading--hovering .wave-char {
  will-change: transform;
}