.home-hero.hh1 {
    @media (min-width: 1024px) {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 70vh;

        .hero-bg-image {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .hero-inner {
            position: relative;
            z-index: 2;
            grid-template-columns: 1fr;
            justify-items: center;
            text-align: center;
        }

        .hero-content {
            align-items: center;
        }

        .hero-image {
            display: none;
        }

        &.hero-align-left {
            .hero-inner {
                justify-items: start;
                text-align: left;
            }

            .hero-content {
                align-items: flex-start;
            }
        }

        &.hero-align-right {
            .hero-inner {
                justify-items: end;
                text-align: right;
            }

            .hero-content {
                align-items: flex-end;
            }
        }

        &.hero-align-center {
            .hero-inner {
                justify-items: center;
                text-align: center;
            }

            .hero-content {
                align-items: center;
            }
        }
    }

    @media (max-width: 1023px) {
        min-height: 500px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: calc(var(--item-gap) * 2.25) 0;

        .hero-bg-image {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .hero-inner {
            position: relative;
            z-index: 2;
        }

        .hero-content {
            order: 1;
            align-items: center;
            text-align: center;
        }

        .hero-image {
            display: none;
        }
    }

    &.video {
    min-height: 500px;


    .hero-bg-image {

        img { display: none; }

        .hero-video-bg {
            display: block;
        }

        .hero-video-controls {
            display: flex;
        }
    }

}

    &.bg-media-image {
        .hero-bg-image {
            img {
                display: block;
            }

            .hero-video-bg,
            .hero-video-controls {
                display: none;
            }
        }
    }

    &.bg-media-none {
        .hero-bg-image {
            display: none;
        }
    }

}