.cs-rsl.v8 {
    --fnt-t-1-tt: uppercase;

    .cs-rsl-v8-feat-val,
    .cs-rsl-v8-othr-val {
        display: block;
        white-space: nowrap;
        overflow: hidden;
    }

    .cs-rsl-v8-feat {
        position: relative;
        overflow: hidden;
    }

    .cs-rsl-v8-feat-bg {
        position: absolute;
        inset: 0;
        z-index: 0;
        mix-blend-mode: luminosity;
        opacity: 0.3;
        pointer-events: none;
    }

    .cs-rsl-v8-feat-bg img,
    .cs-rsl-v8-feat-bg picture {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .cs-rsl-v8-feat > .pd_h {
        position: relative;
        z-index: 1;
    }

    .cs-rsl-v8-othr-lst {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    @media (min-width: 1280px) {
        .cs-rsl-v8-grd {
            display: grid;
            grid-template-columns: 1fr auto;
            grid-template-areas:
                "header  button"
                "content content";
            align-items: center;
            row-gap: 3rem;
        }

        .cs-rsl-v8-hdr {
            grid-area: header;
            margin-bottom: 0;
        }

        .cs-rsl-v8-btn {
            grid-area: button;
            justify-self: end;
            margin-top: 0;
        }

        .cs-rsl-v8-grd > .cs-rsl-v8-bdy {
            grid-area: content;
        }

        .cs-rsl-v8-othr-lst {
            grid-template-columns: repeat(2, 1fr);
            margin-top: 0;
        }

        .cs-rsl-v8-feat-wrp {
            display: flex;
        }

        .cs-rsl-v8-feat {
            display: flex;
            flex-direction: column;
        }

        .cs-rsl-v8-feat > .pd_h {
            margin-top: auto;
        }
    }
}