/* House of Vale — mobile-only hero alignment correction */
@media (max-width: 767px) {

    /* Establish one shared visual axis for video, title and scroll cue. */
    .vale-hero,
    .hov-hero,
    .home-hero,
    .vale-cinematic-hero {
        position: relative !important;
        overflow: hidden !important;
    }

    .vale-hero-video {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: 50% 0% !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    /* Center title on the exact same 50% axis as the video. */
    .vale-hero-brand-reveal,
    .vale-hero-brand-reveal.is-settled {
        left: 50% !important;
        right: auto !important;
        width: calc(100% - 32px) !important;
        max-width: none !important;
        bottom: 9% !important;
        margin: 0 !important;
        text-align: center !important;
        transform: translateX(-50%) !important;
        transform-origin: center center !important;
    }

    .vale-hero-brand-reveal span {
        display: block !important;
        width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
        white-space: nowrap !important;
        font-size: clamp(23px, 7.1vw, 38px) !important;
        letter-spacing: .075em !important;
        line-height: 1 !important;
    }

    /* Scroll cue uses the same center axis. */
    .vale-hero-scroll-cue,
    .vale-hero-scroll-cue.is-visible {
        left: 50% !important;
        right: auto !important;
        margin-left: 0 !important;
        transform: translateX(-50%) !important;
    }
}

/* Very narrow phones: preserve one-line title without clipping. */
@media (max-width: 390px) {
    .vale-hero-brand-reveal span {
        font-size: 22px !important;
        letter-spacing: .055em !important;
    }
}