/* xmfcdn v350: shared Infrastructure Deck hero system. */

@media (min-width: 761px) {
    .home-hero-section,
    .home-hero-inner,
    .home-hero-track,
    .home-hero-slide,
    .home-hero-visual,
    .home-hero-slide:not(:first-child) .home-hero-visual {
        height: 560px !important;
        min-height: 560px !important;
    }

    .home-hero-copy,
    .home-hero-slide:not(:first-child) .home-hero-copy {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .home-hero-visual img,
    .home-hero-slide:not(:first-child) .home-hero-visual img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
        transform: none !important;
    }

    .home-hero-slide::after {
        background: none !important;
    }
}

.product-page .product-hero,
.product-page .product-hero-inner,
.about-hero,
.about-hero-inner,
.legal-hero,
.legal-hero-inner {
    min-height: 560px;
}

.product-page-cloud .product-hero,
.product-page-metal .product-hero,
.product-page-seo .product-hero,
.about-hero {
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.product-page-cloud .product-hero {
    background-image: url("/web/xmfcdn/static/images/home-hero-cloud-v350-deck.webp");
}

.product-page-metal .product-hero {
    background-image: url("/web/xmfcdn/static/images/home-hero-metal-v350-deck.webp");
}

.product-page-seo .product-hero {
    background-image: url("/web/xmfcdn/static/images/home-hero-seo-v350-deck.webp");
}

.product-page .product-hero::before,
.about-hero::before {
    display: none;
}

.about-hero {
    background-image: url("/web/xmfcdn/static/images/about-hero-v350-deck.webp");
}

.legal-hero {
    background-color: #ffffff;
}

.legal-hero::before {
    background-image: var(--legal-hero-image, url("/web/xmfcdn/static/images/legal-hero-v350-deck.webp"));
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.legal-hero::after {
    display: none;
}

.legal-tabs {
    margin: 24px auto 0;
}

@media (max-width: 760px) {
    .home-hero-section,
    .home-hero-inner,
    .home-hero-track,
    .home-hero-slide,
    .home-hero-visual,
    .home-hero-slide:not(:first-child) .home-hero-visual {
        height: 540px !important;
        min-height: 540px !important;
    }

    .home-hero-visual img,
    .home-hero-slide:not(:first-child) .home-hero-visual img {
        object-fit: cover !important;
        object-position: center bottom !important;
        transform: none !important;
    }

    .home-hero-slide::after {
        background: linear-gradient(180deg, #ffffff 0%, #ffffff 56%, rgba(255, 255, 255, 0.72) 62%, rgba(255, 255, 255, 0.08) 70%, rgba(255, 255, 255, 0) 76%) !important;
    }

    .product-page .product-hero,
    .product-page .product-hero-inner,
    .about-hero,
    .about-hero-inner,
    .legal-hero,
    .legal-hero-inner {
        min-height: 820px;
    }

    .product-page-cloud .product-hero,
    .product-page-metal .product-hero,
    .product-page-seo .product-hero,
    .about-hero {
        background-position: center bottom;
        background-size: cover;
    }

    .product-page-cloud .product-hero {
        background-image: url("/web/xmfcdn/static/images/home-hero-cloud-v350-deck-mobile.webp");
    }

    .product-page-metal .product-hero {
        background-image: url("/web/xmfcdn/static/images/home-hero-metal-v350-deck-mobile.webp");
    }

    .product-page-seo .product-hero {
        background-image: url("/web/xmfcdn/static/images/home-hero-seo-v350-deck-mobile.webp");
    }

    .about-hero {
        background-image: url("/web/xmfcdn/static/images/about-hero-v350-deck-mobile.webp");
    }

    .product-page .product-hero::before,
    .about-hero::before {
        display: block;
        opacity: 1;
        background: linear-gradient(180deg, #ffffff 0%, #ffffff 58%, rgba(255, 255, 255, 0.72) 64%, rgba(255, 255, 255, 0.08) 71%, rgba(255, 255, 255, 0) 76%);
    }

    .legal-hero::before {
        background-image:
            linear-gradient(180deg, #ffffff 0%, #ffffff 58%, rgba(255, 255, 255, 0.72) 64%, rgba(255, 255, 255, 0.08) 71%, rgba(255, 255, 255, 0) 76%),
            var(--legal-hero-image-mobile, url("/web/xmfcdn/static/images/legal-hero-v350-deck-mobile.webp"));
        background-position: center bottom;
        background-size: cover;
    }

    .legal-tabs {
        margin: 16px auto 0;
    }
}

@media (max-width: 480px) {
    .home-hero-section,
    .home-hero-inner,
    .home-hero-track,
    .home-hero-slide,
    .home-hero-visual,
    .home-hero-slide:not(:first-child) .home-hero-visual {
        height: 520px !important;
        min-height: 520px !important;
    }
}