@media (min-width: 67.5rem) {
    body {
        background-image: url('../images/bg-pattern-top-desktop.svg'),
            url('../images/bg-pattern-bottom-desktop.svg');
        background-position: left top, right bottom;
    }

    .page-wrapper {
        max-width: 90rem;
        margin: 0 auto;
    }

    .social-proof {
        display: grid;
        grid-template-columns: calc(var(--size-base) * 28.2) 1fr;
        gap: var(--space-lg);
    }

    .intro {
        text-align: left;
        padding-inline-end: calc(var(--size-base) * 3.8);
        margin-block-end: 0;
    }

    .intro__title {
        font-size: var(--font-size-xl);
        line-height: 0.85;
        letter-spacing: calc(var(--size-base) * -0.1);
        margin-block-end: var(--space-md);
    }

    .ratings {
        gap: 0;
        margin-block-start: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .rating {
        display: flex;
        align-items: center;
        width: calc(var(--size-base) * 28.2);
        padding: var(--space-sm) calc(var(--size-base) * 2);
        margin-block-end: var(--space-sm);
    }

    .rating:nth-child(1) {
        margin-inline-end: calc(var(--size-base) * 6.3);
    }

    .rating:nth-child(2) {
        margin-inline-end: calc(var(--size-base) * 3.15);
    }

    .rating__stars {
        margin-block-end: 0;
        margin-inline-end: var(--space-lg);
    }

    .testimonials {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: row;
        position: relative;
        min-height: calc(var(--size-base) * 17.1);
        gap: calc(var(--size-base) * 1.9);
    }

    .testimonial {
        position: relative;
        width: calc(var(--size-base) * 22.2);
        height: fit-content;
    }

    .testimonial:nth-child(2) {
        top: calc(var(--size-base) * 1.25);
    }

    .testimonial:nth-child(3) {
        top: calc(var(--size-base) * 2.5);
    }
}