.clients-hero{background:linear-gradient(120deg,#f5f5f0 0%,#eef1e8 60%,#dce8cf 100%);position:relative;overflow:hidden}.clients-hero:after{content:'TRUST  /  PARTNERSHIP  /  PROGRESS';position:absolute;right:7%;bottom:32px;color:#88947e;font:10px var(--mono);letter-spacing:.08em}
.client-type{font:10px var(--mono);color:#78866e;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.client-quote{background:#d5f366}.client-quote blockquote{font:clamp(28px,4vw,50px)/1.08 Georgia,serif;letter-spacing:-.04em}.client-quote cite{font:10px var(--mono);text-transform:uppercase;font-style:normal}

/* Hero collage: logo cards floating over the grid panel */
.clients-collage .collage-tile{position:absolute;z-index:1;background:#fff;border:1px solid #b8c0b0;box-shadow:10px 14px 0 rgba(67,91,57,.12);display:flex;align-items:center;justify-content:center;padding:14px}
.clients-collage .collage-tile img{max-width:100%;max-height:100%;object-fit:contain}
.collage-tile--1{width:58%;height:84px;top:12%;left:7%;transform:rotate(-4deg)}
.collage-tile--2{width:30%;height:100px;top:9%;right:6%;transform:rotate(5deg)}
.collage-tile--3{width:66%;height:92px;top:41%;left:20%;transform:rotate(2deg)}
.collage-tile--4{width:42%;height:76px;top:68%;left:6%;transform:rotate(-3deg)}
.clients-collage .stat-card{z-index:2}

/* Client grid: hairline-separated tiles, white logo area */
.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.client-tile{display:flex;flex-direction:column;background:var(--paper);color:inherit;transition:background .25s ease}
.client-logo{height:170px;background:#fff;display:flex;align-items:center;justify-content:center;padding:28px 32px;border-bottom:1px solid var(--line)}
.client-logo img{max-width:100%;max-height:92px;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .3s ease,opacity .3s ease,transform .3s ease}
.client-meta{padding:20px 22px 24px;flex:1;display:flex;flex-direction:column}
.client-meta h3{font-size:19px;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0}
.client-link{margin-top:auto;padding-top:14px;font-size:13px;font-weight:800}
.client-tile:hover{background:#eef1e8}
.client-tile:hover .client-logo img{filter:none;opacity:1;transform:scale(1.04)}
@media(hover:none){.client-logo img{filter:none;opacity:1}}

.client-tile--cta{background:var(--ink);color:#fff}
.client-tile--cta:hover{background:#27332d;color:#fff}
.client-tile--cta .client-logo{background:var(--lime);border-bottom-color:var(--ink)}
.client-tile--cta .client-type{color:#b8d35c}
.client-tile--cta .client-link{color:var(--lime)}
.cta-slot{border:1px dashed var(--ink);padding:14px 20px;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase}

@media(max-width:991px){.client-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.client-grid{grid-template-columns:1fr}.client-logo{height:140px}.collage-tile--1,.collage-tile--3{height:70px}.collage-tile--2{height:84px}.collage-tile--4{height:62px}}