.hero-title-line{
  display:block;
  opacity:0;
  transform:translateY(24px);
  filter:blur(5px);
  animation:hero-title-in 1.25s cubic-bezier(.22,1,.36,1) forwards;
  will-change:opacity,transform,filter;
}

.hero-title-line:nth-child(2){animation-delay:.45s}
.hero-title-line:nth-child(3){animation-delay:.9s}

@keyframes hero-title-in{
  0%{opacity:0;transform:translateY(24px);filter:blur(5px)}
  55%{opacity:.72;filter:blur(1px)}
  100%{opacity:1;transform:translateY(0);filter:blur(0)}
}

@media (prefers-reduced-motion:reduce){
  .hero-title-line{opacity:1;transform:none;filter:none;animation:none;will-change:auto}
}