/**
 * Homepage hero rotating full title — keep on one line.
 */
.hero-title.hero-rotate-title {
  white-space: nowrap;
  transition: opacity 0.28s ease, transform 0.28s ease;
  will-change: opacity, transform;
}

.hero-title.hero-rotate-title.is-fading {
  opacity: 0;
  transform: translateY(6px);
}

.hero-title .blue {
  color: #0d5af5;
}

@media (max-width: 767px) {
  .hero-title.hero-rotate-title {
    white-space: normal;
  }
}