.bg-dots {
  position: fixed;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.word {
  display: inline-block;
  transition: transform 0.18s ease-out, filter 0.18s ease-out;
}

.word.is-near {
  transform: translateY(calc(var(--near) * -2px));
  filter: brightness(calc(1 + var(--near) * 0.6)) drop-shadow(0 0 calc(var(--near) * 8px) rgba(255, 255, 255, calc(var(--near) * 0.35)));
}