/**
 * Patterns.
 *
 * CSS for sections composed from core blocks rather than from a montlick/*
 * block. A pattern has no block.json to hang a stylesheet off, and the theme
 * dequeues wp-block-library on the front end (inc/setup/fn-optimize.php), so a
 * core/columns row arrives with no layout rules at all -- every one of them is
 * written here. Loaded on both branches of am_global_stylesheets(): a pattern
 * can land on a flex page or a block-built one.
 *
 * Every rule is scoped to the pattern's own root class. core/image emits
 * `.wp-block-image img` (0,2,0) from the compiled sheet, which outranks a bare
 * `.partners__logo img` (0,1,1) and stretched the wordmark to the column.
 * The same section may be rendered by an ACF flex module too, which puts its
 * classes on different elements, so a rule that targets an image matches both
 * the figure-wrapped and the bare form.
 */

/* Partners - Figma 11095:782. The logos are bounded, not sized individually:
   each one is drawn at its own artwork's size until it hits the box, which is
   what keeps a wordmark and a roundel visually level without a per-logo rule. */
.partners {
    background-color: #eff2f6;
    padding: 28px 0;
}

.partners .partners__heading {
    font: 400 2.4rem/3.2rem EB Garamond, serif;
    letter-spacing: -.03em;
    color: #0a1631;
    text-align: center;
    margin: 0;
}

.partners .partners__list {
    display: flex;
    max-width: 702px;
    margin: 24px auto 0;
    padding: 0;
    list-style: none;
}

.partners .partners__list:first-child {
    margin-top: 0;
}

.partners .partners__item {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 138px;
    min-width: 0;
    border-right: 1px solid #d8dce2;
}

.partners .partners__item:last-child {
    border-right: 0;
}

.partners .partners__link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.partners .partners__logo {
    margin: 0;
}

.partners .partners__logo img,
.partners img.partners__logo {
    display: block;
    width: auto;
    height: auto;
    max-width: 182px;
    max-height: 104px;
}

@media (max-width: 768px) {
    .partners .partners__heading {
        font-size: 2rem;
        line-height: 2rem;
    }

    .partners .partners__list {
        margin-top: 20px;
    }

    .partners .partners__item {
        height: 78px;
    }

    .partners .partners__logo img,
    .partners img.partners__logo {
        max-width: 83px;
        max-height: 52px;
    }
}