.scroll-float {
    overflow: hidden;
}

.scroll-float-text {
    display: block;
    max-width: 100%;
    padding-inline-end: 0.08em;
}

.scroll-float .char {
    display: inline-block;
    backface-visibility: hidden;
}

.scroll-float .char--accent {
    font-style: italic;
    color: var(--site-accent);
    padding-bottom: 0.1em;
}

[data-scroll-nowrap="true"].scroll-float .scroll-float-text {
    white-space: nowrap;
}

.site-hero__title-line.scroll-float {
    overflow: visible;
}

@media (prefers-reduced-motion: reduce) {
    .scroll-float {
        overflow: visible;
    }

    .scroll-float .char {
        will-change: auto;
    }
}