.bnr.v1 {
    --bnr-tls-pd-v-tp: 90;
    --bnr-tls-pd-v-tp-mbl: 50;
    --bnr-tls-pd-v-bt: 40;
    --bnr-tls-pd-v-bt-mbl: 30;
    --bnr-img-bg-o: .2;
    background: linear-gradient(180deg, hsl(from var(--black) h s l / .8) 11.54%, hsl(from var(--background) h s l / .8) 100%);

    /* Default flair color (used when there's no next panel or its theme isn't matched) */
    --bnr-v1-flair-clr: var(--accent);

    /* Full-width curved bottom border shape (used as a mask so it recolors per --bnr-v1-flair-clr) */
    --bnr-v1-flair-img: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 74' fill='none'><path d='M-16 74L-16 34.1022C-16 34.1022 -15.9651 34.098 -15.9442 34.0959C273.523 -3.14055 609.198 -10.31 914.365 14.7215C1010.14 22.5773 1102.79 33.4514 1199.38 40.4373C1438.8 57.7507 1688.28 50.4353 1933.62 38.3659C1934.41 38.3284 1935.21 38.2887 1936 38.2491V74H-16Z' fill='black'/></svg>");

    /* Match flair color to the bg of the next panel so the strip blends into it */
    &:has(+ section[data-colors="primary-light"])   { --bnr-v1-flair-clr: var(--lt-bg); }
    &:has(+ section[data-colors="alternate-light"]) { --bnr-v1-flair-clr: var(--lt-alt-bg); }
    &:has(+ section[data-colors="primary-dark"])    { --bnr-v1-flair-clr: var(--dk-bg); }
    &:has(+ section[data-colors="alternate-dark"])  { --bnr-v1-flair-clr: var(--dk-alt-bg); }

    position: relative;

    .fnt_t-1 {
        position: relative;
        bottom: 4rem;
    }

    .bnr-v1-cnt {
        position: relative;
        z-index: 1;
        padding-top: var(--bnr-tls-pd-v-tp-clc);
    }

    .wv-bnr {
        --shape-clr-1-dyn: var(--dk-bg);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;

        svg {
            width: 100%;
            height: 17rem;
        }
    }

    .bnr-v1-flair {
        width: 100%;
        height: 4.625rem;
        background-color: var(--bnr-v1-flair-clr);
        mask-image: var(--bnr-v1-flair-img);
        mask-repeat: no-repeat;
        mask-size: 100% 100%;
        mask-position: bottom center;
        position: absolute;
        top: calc(100% - 2.8rem);
        left: 0;
        z-index: 1;
    }
}

header:has(.hdr.v1) + main .bnr.v1 {
    --bnr-tls-pd-v-tp: 127;
    --bnr-tls-pd-v-bt: 64;
}