.carousel-bg { opacity: 0; transition: opacity 1s ease-in-out; }
.carousel-bg.active { opacity: 1; }
.rotating-text { display: inline-block; white-space: nowrap; }
.fade-letter { opacity: 0; display: inline-block; transform: translateY(20px) scale(0.9); transition: opacity 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55), transform 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.fade-letter.show { opacity: 1; transform: translateY(0) scale(1); }
@media (prefers-reduced-motion: reduce) {
  .fade-letter { transition: none; opacity: 1; transform: none; }
}