.cnt.v1 {
    --cnt-v1-hx-s: 268;
    --cnt-v1-hx-s-mbl:  16;
    --cnt-v1-hx-s-clc: calc((var(--cnt-v1-hx-s-mbl) * 1px) + (var(--cnt-v1-hx-s) - var(--cnt-v1-hx-s-mbl)) * ((var(--vw_) - 320px) / (1920 - 320)));

    --cnt-v1-bg-o: 1;
    padding-top: 9em;
    .mn_wd .f_rev{
        flex-direction: inherit;
    }
    .five-8ths .cnt-stl h1 {
        display: none;
    }
    .cnt-stl h1 {
        text-transform: uppercase;
        font-size: clamp(2.5rem, 5vw, 5rem);
        line-height: 1.05;
        font-weight: 800;
    }
    .hex-dcr {
        position: absolute;
        width: var(--cnt-v1-hx-s-clc);
        height: var(--cnt-v1-hx-s-clc);
        z-index: 0;
        pointer-events: none;
        bottom: var(--pd-v);
        right: calc((var(--cnt-v1-hx-s-clc) * .45) * -1);
        
        svg {
            font-size: var(--cnt-v1-hx-s-clc);
        }
    }

    .f_gp:not(:has(> .three-8ths *)) {
        .three-8ths {
            display: none;
        }
    }
    .three-8ths picture,
    .three-8ths img {
        border-radius: 20px;
        overflow: hidden;
    }
    .bg {
        display: block !important;
        }
}
@media (min-width: 1280px) {
    .mn_wd > .flx-at-1280 {
        display: flex !important;
        flex-direction: row;
        align-items: flex-start !important;
        gap: 3rem;
    }

    .five-8ths {
        display: block !important;
        flex: 5;
        min-width: 0;
    }

    .five-8ths > .cnt-stl {
        display: block !important;
    }

    .three-8ths {
        flex: 3;
        min-width: 0;
        align-self: flex-start !important;
        margin: 0 !important;
        padding-top: 0 !important;
        position: static;
    }

    .three-8ths picture,
    .three-8ths img {
        display: block;
        width: 100%;
        height: auto;
    }
}