.clients { background: #f4f1e9; }
    .client-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; list-style: none; padding: 0; margin: 32px 0 0; }
    .client-grid li { min-width: 0; }
    .client-card { min-height: 210px; display: flex; flex-direction: column; align-items: stretch; padding: 15px 14px 13px; border: 1px solid rgba(16,42,67,.1); border-radius: var(--radius); background: var(--paper); color: var(--forest); text-align: center; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
    .client-card:hover { transform: translateY(-3px); border-color: rgba(16,42,67,.24); box-shadow: 0 16px 34px rgba(8,26,44,.1); }
    .client-card:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
    .logo-stage { width: 100%; min-height: 116px; display: grid; place-items: center; padding: 9px; }
    .logo-stage img { display: block; width: min(100%, 220px); height: 88px; object-fit: contain; }
    .wordmark { width: 100%; min-height: 84px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; line-height: 1; }
    .wordmark strong { display: block; font-size: clamp(1.1rem, 2vw, 1.55rem); font-weight: 850; letter-spacing: .08em; }
    .wordmark small { display: block; margin-top: 8px; color: #536171; font-size: .58rem; font-weight: 750; letter-spacing: .13em; line-height: 1.35; text-transform: uppercase; }
    .plavei strong { color: #252525; letter-spacing: .16em; }
    .montferland-word { color: #24524a; font-family: Georgia, "Times New Roman", serif; letter-spacing: .025em !important; }
    .montferland-word span { color: #527d6b; font-size: .76em; font-weight: 500; }
    .gaba strong { color: #292a2b; font-family: Georgia, "Times New Roman", serif; font-size: 2rem; letter-spacing: .1em; }
    .van-gessel strong { color: #35462f; font-size: 1.28rem; letter-spacing: .055em; }
    .sloot strong { color: #44633d; font-size: 1.8rem; letter-spacing: .12em; }
    .sloot-mark { display: block; width: min(100%, 148px); height: 52px; }
    .sloot-mark .field-line, .sloot-mark .sprout { fill: none; stroke: #587246; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
    .sloot-mark .sun { fill: #d49a48; }
    .kriesels strong { color: #2d3941; font-size: 1.48rem; letter-spacing: .08em; }
    .kriesels-mark { display: block; width: min(100%, 148px); height: 52px; }
    .kriesels-mark .tractor { fill: none; stroke: #102a43; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
    .kriesels-mark .tractor-accent { fill: none; stroke: #a94b49; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
    .seegers strong { color: #384c32; font-size: 1.55rem; letter-spacing: .1em; }
    .tractor strong { color: #8b332e; font-size: 1.08rem; letter-spacing: .06em; }
    .logo-fallback[hidden] { display: none !important; }
    .firan-fallback strong { color: #258d88; font-family: Georgia, "Times New Roman", serif; font-size: 2rem; letter-spacing: .03em; text-transform: none; background: linear-gradient(105deg, #287db4, #369b65); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    .putman strong { color: #30363a; font-size: 1.48rem; letter-spacing: .09em; }
    .vosch strong { color: #202b35; font-size: 1.9rem; letter-spacing: .16em; }
    .vosch small { color: #758c87; font-size: .52rem; letter-spacing: .12em; }
    .evenementenbouwer { gap: 5px; }
    .event-mark { display: block; width: min(100%, 148px); height: 52px; }
    .event-mark .truss { fill: none; stroke: #102a43; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
    .event-mark .accent { fill: none; stroke: #a94b49; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
    .evenementenbouwer strong { max-width: 100%; overflow-wrap: anywhere; color: #102a43; font-size: clamp(.7rem, 1.3vw, .9rem); letter-spacing: .07em; }
    .evenementenbouwer small { margin-top: 1px; color: #536171; font-size: .46rem; letter-spacing: .13em; }
    .client-name { display: block; margin-top: auto; padding-top: 11px; border-top: 1px solid rgba(16,42,67,.09); color: var(--ink); font-size: .8rem; font-weight: 750; line-height: 1.3; }
    .client-link { display: block; min-height: 16px; margin-top: 5px; color: var(--muted); font-size: .66rem; font-weight: 650; }
    .client-card:hover .client-link { color: var(--accent); }
    .client-card.no-link { cursor: default; }
    .client-card.no-link:hover { transform: none; box-shadow: none; }