/* Slide */
.hero-title-block.hr-anim-slide-out { transform: translateY(-8px); opacity: .0; transition: all 300ms ease; }
.hero-title-block.hr-anim-slide-in  { transform: translateY(0);    opacity: 1;  transition: all 300ms ease; }

/* Zoom */
.hero-title-block.hr-anim-zoom-out { transform: scale(.96); opacity: .0; transition: all 220ms ease; }
.hero-title-block.hr-anim-zoom-in  { transform: scale(1);   opacity: 1;  transition: all 220ms ease; }

/* Typewriter cursor on title */
.hero-title-block.hr-anim-type .hero-title::after,
.hero-title-block.hr-anim-type .hero__title::after,
.hero-title-block.hr-anim-type h1::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 1em;
  vertical-align: -0.15em;
  margin-left: .12em;
  background: currentColor;
  animation: hr-cursor 1s steps(1) infinite;
}
@keyframes hr-cursor {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}