/* Decorative wrappers do not change the desktop layout or image rules. */
.mc-hero__scene,
.mc-hero__art {
    display: contents;
}

/* Landing-only glass: retain the shared surface, ink and icon contracts. */
@media (max-width: 767px) {
    body.mc-landing-page #menu_r1.bojagiMobileLandingHeader {
        --header-glass-bg: rgba(253, 253, 252, .78);
        --header-glass-filter: saturate(108%) blur(14px);
    }
    @supports (background: color-mix(in srgb, white, transparent)) {
        body.mc-landing-page #menu_r1.bojagiMobileLandingHeader {
            --header-glass-bg: color-mix(in srgb, var(--bj-header-surface, #fdfdfc) 78%, transparent);
        }
    }
}

@media (max-width: 767px) and (prefers-reduced-transparency: reduce) {
    body.mc-landing-page #menu_r1.bojagiMobileLandingHeader {
        --header-glass-bg: var(--bj-header-surface, #fdfdfc);
        --header-glass-filter: none;
    }
}

@media (max-width: 767px) and (orientation: portrait) {
    .mc-landing[data-mc-motion="editorial"] .mc-hero__scene,
    .mc-landing[data-mc-motion="editorial"] .mc-hero__art {
        display: block;
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
    }
    .mc-landing[data-mc-motion="editorial"] .mc-hero__art {
        transform-origin: 56% 70%;
    }
    .mc-landing[data-mc-motion="editorial"] .mc-hero__bg {
        /* Keep full-bleed sides; make the phone smaller within the original scene. */
        height: 86.5%;
        bottom: 16px;
        -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 24px), transparent);
        mask-image: linear-gradient(to bottom, #000 calc(100% - 24px), transparent);
    }
}

@media (max-width: 360px) and (orientation: portrait) {
    .mc-landing[data-mc-motion="editorial"] .mc-hero__bg {
        height: 82%;
        object-position: 53% bottom;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mc-landing[data-mc-motion="editorial"] .mc-hero__scene,
    .mc-landing[data-mc-motion="editorial"] .mc-hero__art {
        transform: none !important;
    }
}