.hero-title-line {
    display: inline-block;
    white-space: nowrap;
}

.hero h1.hero-title {
    text-shadow: none;
}

.hero-title-letter {
    display: inline;
}

.hero-title-reduced,
.hero-title-no-script {
    display: none;
    margin: 0.7rem 0 0;
    color: #e8b1e6;
    font: 700 0.85rem var(--display);
    letter-spacing: 0.06em;
}

noscript .hero-title-no-script {
    display: block;
}

@media (prefers-reduced-motion: reduce) {
    .hero-title-reduced {
        display: block;
    }

}