/* V31 — Mercia client showcase. Typographic marks only, not unverified corporate logos. */
.mercia-clients{background:#f7fafc;padding:clamp(58px,6.5vw,98px) 0;border-top:1px solid #e4edf3;border-bottom:1px solid #e0eaf1}
.mercia-clients-intro{text-align:center;max-width:780px;margin:0 auto clamp(26px,3.4vw,48px)}
.mercia-clients-eyebrow{display:block;letter-spacing:.16em;font-size:.78rem;font-weight:800;color:#087ea7;margin-bottom:13px}
.mercia-clients-intro h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(1.85rem,3.5vw,3.1rem);line-height:1.2;letter-spacing:-.035em;color:#092844;margin:0 0 17px}
.mercia-clients-dot{color:#00a7ca}
.mercia-clients-intro p{font-size:clamp(.97rem,1.2vw,1.1rem);line-height:1.75;color:#405970;margin:0 auto}
.mercia-client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
.mercia-client-tile{min-height:104px;display:flex;align-items:center;justify-content:center;text-align:center;padding:19px 18px;background:#fff;border:1px solid #dce7ef;border-radius:9px;box-shadow:0 4px 16px rgba(11,43,67,.035)}
.mercia-client-tile span{color:#173951;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(1rem,1.38vw,1.26rem);line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}
@media(max-width:900px){.mercia-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.mercia-clients{padding:52px 0}.mercia-client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mercia-client-tile{min-height:90px;padding:14px 9px}.mercia-client-tile span{font-size:.92rem}}
@media(max-width:360px){.mercia-client-tile span{font-size:.83rem}}

/* Verified image previews use supplied source URLs; title remains as accessible fallback. */
.mercia-client-tile-logo{flex-direction:column;gap:7px}
.mercia-client-tile-logo img{display:block;max-width:100%;width:auto;height:auto;max-height:75px;object-fit:contain;flex-shrink:1}
.mercia-client-tile-logo img[hidden]{display:none}
.mercia-client-tile-logo span[hidden]{display:none}
.mercia-client-tile-logo span:not([hidden]){display:block}
@media(max-width:640px){.mercia-client-tile-logo img{max-height:65px}}

/* Logos with light lettering need contrast on their tiles. */
.mercia-client-tile-dark{background:#092844;border-color:#092844}
.mercia-client-tile-dark span:not([hidden]){color:#fff}
.mercia-client-tile-logo img{max-width:100%;max-height:75px;object-fit:contain}
@media(max-width:640px){.mercia-client-tile-logo img{max-height:65px}}