.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;

    .cnt-callout.bg-bx.pattern-bg {
        background-color: transparent;
        &::before {
            background-image: url(/media/contentv1/content-v1-bg-bx.png);
            
            opacity: 1;
            background-repeat: no-repeat;
            background-position: unset;
            background-size: cover;
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
        }
        &::after{
            content: none;
        }

        @media screen and (min-width:1280px) {
            & {
                padding: 4.3rem 5.56rem 5.56rem 5rem;
            }
        }

    }

    .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;
        }
    }

}