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

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

    @media screen and (max-width: 700px) {
        picture.max-cnt {
            margin-bottom: -2.5rem;
        }
    }

    /* About page: "Our Story" / "Our Mission" headings — h1 size, keep title color,
       with the flair (.flr_hd) rendered just beneath each in the editable content. */
    .cnt-stl .sct-ttl {
        font-size: var(--fnt-t-1-s);
        line-height: var(--fnt-t-1-lh);
        color: var(--title-color);
    }

    .cnt-stl .flr_hd {
        margin-top: 0.75rem;
    }

}