/* DWO-CSS-SECTION: Hero rotátor | Zarovnání nadpisu a animace slova */
.hero-title {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    white-space: nowrap;
}

.hero-title .highlight {
    white-space: normal;
}

.rotating-word {
    display: inline-block;
    text-align: left;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.rotating-word.word-out {
    opacity: 0;
    transform: translateY(-6px);
}

@media (max-width: 767px) {
    .hero-title {
        font-size: clamp(20px, 6vw, 36px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .rotating-word {
        transition: none;
    }
}