.srv-area.v2 {
    --fnt-t-1-tt: uppercase;

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

    header {
        text-align: left;
    }

    .srv-area-v2-bd {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 2rem;
    }

    .srv-area-v2-shl {
        --frst-bg-o: 0.1;
        --bdr-rds-crd: 0.78rem;
        --bg-bx-bdr-thc: 1px;
        --bg-bx-bdr-clr: hsl(from var(--inner-theme) h s l / 0.2);
    }


    .srv-area-v2-sub { grid-area: sub; }
    .btn { grid-area: button; }
    .srv-area-v2-grd { grid-area: grid;}

    .srv-area-v2-grd {
       

        @media screen and (max-width: 499px) {
            --itm-val: 100;
        }

        &.grd {
            @container (width >= 70rem) {
                --itm-val: 16.66667;
            }
        }
    }


    @media screen and (min-width: 1280px) {
        .srv-area-v2-crd {
            display: grid;
            grid-template-columns: auto auto 1fr;
            grid-template-areas:
                "sub    button ."
                "grid   grid   grid";
            column-gap: 3rem;
            row-gap: 2.5rem;
            align-items: center;

            > * {
                margin: 0;
            }
        }
    }
}