.letter-scroll{
    display:inline-flex;
}

.letter-scroll-letter{
    position:relative;
    display:inline-block;
    overflow: visible;
    clip-path: inset(-2px -100% -2px -100%);
}

.letter-scroll-letter span{
    display:block;
    transition:transform 0.5s cubic-bezier(.76,0,.24,1);
}

.letter-scroll-letter .letter-top{
    transform:translateY(0%);
}

.letter-scroll-letter .letter-bottom{
    position:absolute;
    left:0;
    top:100%;
}

.intro-finished .letter-scroll:hover .letter-top{
    transform:translateY(-100%);
}

.intro-finished .letter-scroll:hover .letter-bottom{
    transform:translateY(-100%);
}

/* Auto-scroll animation */
.auto-scroll-active .letter-top,
.auto-scroll-active .letter-bottom {
    animation: letterScrollOnce 0.5s cubic-bezier(.76,0,.24,1) forwards;
}

@keyframes letterScrollOnce {
    0% { transform: translateY(0); }
    100% { transform: translateY(-100%); }
}