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

    .cs-rsl-v6-ttl {
        font-size: 1.33rem;
        line-height: 1.2;
    }

    .cs-rsl-v6-more {
        align-self: flex-start;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding-top: 1.33rem;
        border-top: 1px solid hsl(from var(--lt-fnt-1) h s l / 0.2);
        font-weight: bold;
        text-transform: uppercase;
        color: var(--lt-fnt-1);
        cursor: pointer;
    }

    @media screen and (min-width: 1280px) {
        .cs-rsl-v6-grd {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-areas:
                "header  header header header"
                "results results results desc"
                "results results results button";
            gap: 2.67rem;
        }

        .cs-rsl-v6-grd > header { grid-area: header; }

        .cs-rsl-v6-grd > .cs-rsl-v6-desc {
            grid-area: desc;
            margin-top: 0;
            align-self: end;
        }

        .cs-rsl-v6-grd > .cs-rsl-v6-cards {
            grid-area: results;
            margin-top: 0;
        }

        .cs-rsl-v6-grd > .cs-rsl-v6-btn {
            grid-area: button;
            justify-self: start;
            align-self: start;
            margin-top: 0;
            margin-bottom: 1rem;
        }
    }
}