.home-sponsors.container {
    max-width: 1240px;
    padding-top: var(--home-section-gap);
    padding-bottom: var(--home-section-gap);
}

.home-sponsors > .heading-section {
    margin-bottom: 0;
}

.home-sponsors > .heading-section .heading-title {
    font-size: clamp(3rem, 5vw, 4.5rem);
    letter-spacing: -0.05em;
}

.home-sponsors > .heading-section .heading-subtitle {
    max-width: 657px;
    color: var(--color-text-light);
    font-size: var(--home-lead-size);
}

.home-sponsors .sponsors-content {
    max-width: 1100px;
    border-color: var(--home-card-border);
    border-radius: 10px;
    background: var(--color-white);
    box-shadow: 0 70px 100px rgba(9, 62, 185, 0.08);
}

.home-sponsors .sponsor {
    min-height: 157px;
    box-sizing: border-box;
    padding: var(--home-card-padding);
    border: none;
}

/* a lone sponsor on the trailing row sits in the middle column, one cell wide */
.home-sponsors .sponsor:last-child:nth-child(3n + 1) {
    grid-column: 2;
}

.home-sponsors img.sponsor-logo {
    max-width: 250px;
    max-height: 67px;
}


.home-sponsors img.sponsor-logo[src*="amazon"] {
    max-width: 180px;
    max-height: 90px;
}

/* two-column layout kicks in upstream at 768px */
@media (max-width: 768px) {
    /* no middle column at two columns, so center it across both at one cell wide */
    .home-sponsors .sponsor:last-child:nth-child(2n + 1) {
        grid-column: 1 / -1;
        justify-self: center;
        width: 50%;
    }
}

@media (max-width: 700px) {
    .home-sponsors.container {
        width: 100%;
        padding: var(--home-section-gap-tight) 1rem;
    }

    .home-sponsors > .heading-section .heading-title {
        font-size: 2.75rem;
    }

    .home-sponsors .sponsor {
        min-height: 120px;
        padding: 1.5rem;
    }

    /* Home page only (the FRO page reuses this section): narrower side padding
       gives the wordmark logos enough width to stay legible. */
    #why-lean ~ .home-sponsors .sponsor {
        padding-inline: 0.75rem;
    }

    .home-sponsors img.sponsor-logo[src*="amazon"] {
        max-width: 135px;
        max-height: 75px;
    }
}