.hero16x9-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.hero16x9-frame > .hero16x9-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@supports not (aspect-ratio: 16 / 9) {
    .hero16x9-frame {
        height: 0;
        padding-top: 56.25%;
    }

    .hero16x9-frame > .hero16x9-image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.hero16x9-banner {
    position: relative;
    padding-top: 12rem;
    padding-bottom: 2rem;
}

@media (min-width: 768px) {
    .hero16x9-banner {
        padding-top: 16rem;
    }
}

.hero16x9-banner:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 43.5%;
    height: 10px;
    background-color: #00E6A1;
}

.hero16x9-two-column-copy {
    z-index: 2;
}

.hero16x9-two-column-copy .news-banner__title {
    margin-bottom: 1.2rem;
}

.hero16x9-two-column-summary {
    margin-top: 0;
    max-width: 508px;
}

.hero16x9-two-column-media {
    position: relative;
    margin-top: 3.2rem;
}

.hero16x9-two-column-media .pattern {
    display: none;
}

.hero16x9-two-column-media:after {
    display: none;
}

@media (max-width: 767.98px) {
    .hero16x9-banner + .template__content .content-block.rte-block {
        padding-top: 1.6rem !important;
    }

    .hero16x9-banner + .template__content .rte__content {
        padding-top: 1.6rem !important;
    }
}

@media (min-width: 992px) {
    .hero16x9-banner {
        padding-top: 18rem;
        padding-bottom: 3rem;
    }

    .hero16x9-two-column-row {
        align-items: flex-start;
    }

    .hero16x9-two-column-copy {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .hero16x9-two-column-media-col {
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 0;
    }

    .hero16x9-two-column-media {
        margin-top: 0;
    }
}