/* Keep the mobile brand and localized copy in the same layout flow. */
@media (max-width: 768px) {
    #home.home-hero-intl {
        box-sizing: border-box;
        height: auto;
        min-height: calc(100vh - 64px);
        min-height: calc(100svh - 64px);
        flex-direction: column;
        gap: 24px;
        padding: 36px 20px 56px;
    }
    #home.home-hero-intl .hero-mobile-brand {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        flex-shrink: 0;
    }
    #home.home-hero-intl .hero-content {
        width: 100%;
        min-width: 0;
        padding: 0;
    }
    #home.home-hero-intl .hero-content h1 {
        font-size: clamp(1.5rem, 6.9vw, 1.9rem);
        line-height: 1.25;
        margin-bottom: 16px;
        overflow-wrap: break-word;
    }
    #home.home-hero-intl .hero-content p {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 24px;
    }
}