/* Home page "Readers have worked with" logo grid (partials/readers-logos.hbs).
   Colours use the theme variables so light, dark and auto modes all follow. Linked directly from default.hbs, no build. */
.readers-logos {
    --rl-unit: clamp(26px, 2.7vw, 42px);
    --rl-row: clamp(16px, 1.7vw, 26px);
    margin: 4rem auto;
}

.rl-grid {
    display: flex;
    flex-direction: column;
    gap: var(--rl-row);
    max-width: 1180px;
    margin: 2.4rem auto 0;
}

.rl-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--rl-row) calc(var(--rl-row) * 2);
}

.rl-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(var(--rl-unit) * var(--f));
}

.rl-logo {
    display: block;
    height: 100%;
    background-color: var(--primary-text-color);
    -webkit-mask: var(--m) center / contain no-repeat;
    mask: var(--m) center / contain no-repeat;
}

.rl-note {
    max-width: 640px;
    margin: 2.4rem auto 0;
    color: var(--secondary-text-color);
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
}