.blur-text__segment {
  display: inline-block;
  will-change: transform, filter, opacity;
  filter: blur(10px);
  opacity: 0;
}

@keyframes blur-text-in-top {
  0% { filter: blur(10px); opacity: 0; transform: translateY(-50px); }
  50% { filter: blur(5px); opacity: 0.5; transform: translateY(5px); }
  100% { filter: blur(0); opacity: 1; transform: translateY(0); }
}

@keyframes blur-text-in-bottom {
  0% { filter: blur(10px); opacity: 0; transform: translateY(50px); }
  50% { filter: blur(5px); opacity: 0.5; transform: translateY(-5px); }
  100% { filter: blur(0); opacity: 1; transform: translateY(0); }
}