.ctc.v4 {

    /* -- Layout -------------------------------------------- */

    .ctc-v4-layout {
        gap: 4rem;
    }

    @media screen and (min-width: 1280px) {
        .ctc-v4-content {
            width: calc(43% - (var(--flx-gap) / 2));
        }

        .ctc-v4-form {
            width: calc(57% - (var(--flx-gap) / 2));
        }
    }

    /* -- Heading & body ------------------------------------ */

    .ctc-v4-heading {
        display: block;
        margin-bottom: 1rem;
    }

    .ctc-v4-body {
        max-width: 38rem;
    }

    /* -- Areas We Serve ------------------------------------ */

    .ctc-v4-areas-ttl {
        font-size: 1.1rem;
        font-family: var(--fnt-t);
        font-weight: 700;
    }

    .ctc-v4-areas ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .input-text {

        label.abs {
            opacity: 0;
        }

        :is(input, select, textarea)::placeholder {
            color: var(--text-color);
        }

        :is(input, select, textarea) {
            background: transparent;
            border-color: var(--text-color);
        }
    }

    /* -- Background image overlay -------------------------- */

    picture.bg img {
        mix-blend-mode: luminosity;
        opacity: 0.2;
    }

    .tag {
        --tag-s: 1rem;
        --bdr-clr-o: 0.5;
        background-color: hsl(from var(--text-color) h s l / 0.2);
    }
}