.page-header{
    display: flex;
    position: relative;
    /* min-height: 43vw; */
    height: 43vw;
    max-height: 820px;
    align-items: center;
    &.align-middle{
        align-items: center;
        .content-block{
            margin-bottom: 0px;
        }
    }
    .mid-tier-snipe{
        z-index: 1;
        position: absolute;
        bottom: 2vh;
        right: 4vw;
    }
    /* overflow: hidden; */
    @media (max-width: 1024px){
        flex-flow: column-reverse;
        min-height: fit-content;
        align-items: center;
    }
    .background-image{
        position:absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 80% 20%;
        z-index: 0;
        @media (max-width: 1024px){
            height: 50vh;
            object-fit: cover;
            border-top: 2px solid var(--wp--preset--color--gray-light);
        }
    }
    .foreground-image{
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: 100% 100%;
        z-index: 1;
        right: 0px;
        @media (max-width: 1024px){
            position: relative;
            width: 150%;
            left: 0%;
            height: 50vh;
            max-width: 100vw;
            object-fit: cover;
            object-position: inherit;
        }
    }
    .content-block {
        position: relative;
        /* max-width: 40vw; */
        max-width: 40%;
        margin-left:160px;
        margin-top: 70px;
        display: flex;
        flex-flow: column;
        z-index: 1;
        @media (max-width: 1024px){
            justify-content: center;
            margin-left:0px;
            margin-bottom: 0px;
            max-width: 80%;
        }
        .section-header{
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: .2em;
            margin-bottom: -30px;
            margin-top: 30px;
            z-index: 1;
        }
        .headline {
            color: var(--wp--preset--color--theme-black);
            z-index: 1;
        }
        .headline em {
            color: var(--wp--preset--color--accent);
        }
        .copy-content {
            font-size: 24px;
            color: var(--wp--preset--color--theme-black);
            margin-top: -20px;
            z-index: 1;
            padding-bottom:40px;
        }
        .plan-button-group{
            margin-top: 40px;
            flex-wrap: nowrap;
            z-index: 1;
            @media (max-width: 740px){
                flex-wrap: wrap;       
            }
            a {
                white-space: nowrap;
                
            }
        }
        @media (max-width: 1024px){
            min-height: 20vh;
            margin-top: 40px;
            padding: 20px;
            /* margin-bottom: -40px; */
        }
        
    }
    .is-layout-flex{
        gap: 1.0rem;
    }
    &.dark{
        .headline {
            color: var(--wp--preset--color--theme-white);
        }
        .section-header{
            color: var(--wp--preset--color--accent);
        }
    }
}
