/**
 * Homepage hero title — keep rotating phrase + "Worldwide" on one line (all viewports)
 */
.hero-title-animated {
    display: block !important;
    text-align: center;
    flex-wrap: nowrap !important;
}

.hero-title-line {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    line-height: 1.2;
    vertical-align: bottom;
}

.hero-title-rotating-wrap {
    display: inline;
    min-width: 0;
    vertical-align: baseline;
}

.hero-title-worldwide {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .hero-title-line {
        font-size: clamp(16px, 4.6vw, 26px) !important;
        letter-spacing: -0.02em;
    }

    .hero-title-animated .title-green,
    .hero-title-animated .title-blue,
    .hero-title-animated .hero-title-worldwide {
        white-space: nowrap !important;
        display: inline !important;
    }
}

@media (max-width: 380px) {
    .hero-title-line {
        font-size: clamp(14px, 4.2vw, 22px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-title-rotating {
        transition: none !important;
    }
}