.hero-catchphrase { display: block; word-break: keep-all; } .hero-catchphrase .w4d-w { display: inline-block; overflow: hidden; vertical-align: bottom; } .hero-catchphrase .w4d-w > span { display: inline-block; animation: lodging-word-in 0.45s both; animation-delay: var(--w4d-d); } .hero-rotator { word-break: keep-all; } .hero-rotator-line { display: block; animation: hero-rotator-in 0.6s both; } @keyframes lodging-word-in { from { opacity: 0; transform: translateY(100%); } to { opacity: 1; transform: translateY(0); } } @keyframes hero-rotator-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { .hero-catchphrase .w4d-w > span, .hero-rotator-line { animation: none; } }