.company-hero h1 em.rotating-phrase {
    white-space: normal;
}

.company-hero h1 .phrase-letter {
    display: inline-block;
    opacity: 0;
    transform: translateY(.16em);
    animation: phrase-letter-in .34s cubic-bezier(.2, .7, .25, 1) forwards;
    transition: opacity .18s ease, transform .18s ease;
}

.company-hero h1 .phrase-exit .phrase-letter {
    opacity: 0;
    transform: translateY(-.13em);
    animation: none;
}

@media (prefers-reduced-motion: reduce) {
    .company-hero h1 .phrase-letter {
        animation: none;
        opacity: 1;
        transform: none;
    }
}