/* Content V11 — decorative swoosh flair behind the main content column */
.cnt.v11:not(.alt) {

    .cnt-v2-main {
        position: relative;
    }

    /* Keep the prose above the flair */
    .cnt-v2-body {
        position: relative;
        z-index: 1;
    }

    @media screen and (min-width:1280px) {
        .cnt-v2-main::before,
        .cnt-v2-main::after {
            content: "";
            position: absolute;
            z-index: 0;
            background-repeat: no-repeat;
            background-size: contain;
            pointer-events: none;
        }

        /* Top-right swoosh */
        .cnt-v2-main::before {
            background-image: url("/media/contentv11/contentv11-flair.png");
            top: -3rem;
            right: -6rem;
            width: 22rem;
            height: 14rem;
        }

        /* Bottom-left swoosh */
        .cnt-v2-main::after {
            background-image: url("/media/contentv11/contentv11-flair-alt.png");
            bottom: -4rem;
            left: -8rem;
            width: 24rem;
            height: 16rem;
        }
    }
}