/* CUNAM v89 — mobile header and hero refinements */
.brand-logo-mobile {
    display: none !important;
}

@media (max-width: 767px) {
    /* v95: scale the horizontal logo and header together for a balanced lockup. */
    :root {
        --cunam-header-h: 82px !important;
        --cunam-panel-top: 92px !important;
    }

    .cunam-premium-header .cunam-premium-shell {
        height: 82px !important;
        min-height: 82px !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    /* On mobile the logo carries the identity. */
    .cunam-premium-header .brand-copy {
        display: none !important;
    }

    .cunam-premium-header .cunam-premium-brand {
        gap: 0 !important;
        flex: 0 0 auto !important;
        height: 68px !important;
        max-height: 68px !important;
        align-items: center !important;
        overflow: hidden !important;
    }

    .cunam-premium-header .brand-orbit {
        position: relative !important;
        width: clamp(157px, 43vw, 180px) !important;
        height: 68px !important;
        flex: 0 0 clamp(157px, 43vw, 180px) !important;
        overflow: hidden !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .cunam-premium-header .brand-orbit::before,
    .cunam-premium-header .brand-orbit::after {
        display: none !important;
        content: none !important;
    }

    .cunam-premium-header .brand-logo-desktop {
        display: none !important;
    }

    .cunam-premium-header .brand-logo-mobile {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        object-fit: contain !important;
        object-position: left center !important;
        transform: none !important;
        filter: none !important;
    }

    /* Use the viewport height instead of the old fixed 500/520 px crop. */
    .hero-slider,
    .hero-slider-track,
    .hero-slide,
    .hero-slide.is-active,
    .hero-slide-inner,
    .hero-slide-media,
    .hero-slide-image {
        height: clamp(620px, 82svh, 760px) !important;
        min-height: clamp(620px, 82svh, 760px) !important;
    }

    .hero-slide-media {
        position: absolute !important;
        inset: 0 !important;
    }

    .hero-slide-image {
        width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    .hero-slide-inner {
        align-items: flex-end !important;
        padding: 104px 0 88px !important;
    }

    .hero-slide-content {
        width: calc(100vw - 36px) !important;
        margin: 0 auto !important;
    }

    .hero-slide-content h1 {
        max-width: 12em !important;
        font-size: clamp(29px, 8.4vw, 39px) !important;
        line-height: 1.06 !important;
    }

    .hero-slide-content p {
        max-width: 34em !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
    }

    .hero-slider-dots {
        bottom: 26px !important;
    }
}

@media (max-width: 767px) and (max-height: 680px) {
    .hero-slider,
    .hero-slider-track,
    .hero-slide,
    .hero-slide.is-active,
    .hero-slide-inner,
    .hero-slide-media,
    .hero-slide-image {
        height: 100svh !important;
        min-height: 560px !important;
    }

    .hero-slide-inner {
        padding-top: 90px !important;
        padding-bottom: 72px !important;
    }

    .hero-slide-content p {
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }
}