.clients-board {
    --clients-background: #fff8ec;
    --clients-ink: #342112;
    --clients-cell-width: clamp(200px, 20vw, 280px);
    position: relative;
    width: 100%;
    background: var(--clients-background);
    color: var(--clients-ink);
    border-top: 3px solid #ff9525;
    border-bottom: 1px solid #34211226;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.clients-board__viewport { overflow-x: auto; overscroll-behavior-inline: contain; }
.clients-board.is-ready .clients-board__viewport { overflow: hidden; }
.clients-board__viewport:focus-visible { outline: 2px solid #ff9525; outline-offset: -6px; }
.clients-board__track,
.clients-board__group { display: flex; width: max-content; }
.clients-board__group { list-style: none; margin: 0; padding: 0; flex-shrink: 0; }

.clients-board__client {
    display: flex;
    flex: 0 0 var(--clients-cell-width);
    align-items: center;
    justify-content: center;
    width: var(--clients-cell-width);
    min-height: 148px;
    padding: 28px;
    border-right: 1px solid #34211226;
    text-align: center;
}

.clients-board__logo { display: block; width: 100%; max-width: 180px; height: 64px; object-fit: contain; }
.clients-board__name { font-size: clamp(18px, 1.5vw, 22px); font-weight: 750; letter-spacing: -0.035em; line-height: 1.2; overflow-wrap: anywhere; }
.clients-board__name--fallback { display: none; }
.clients-board__client.is-image-error .clients-board__logo { display: none; }
.clients-board__client.is-image-error .clients-board__name--fallback { display: block; }

@media (max-width: 768px) {
    .clients-board { --clients-cell-width: 200px; }
    .clients-board__client { min-height: 116px; padding: 24px; }
    .clients-board__logo { height: 54px; }
}