.clients-unfurl{height:360vh;background:#031c28;position:relative;--progress:0}.clients-sticky{position:sticky;top:70px;height:calc(100svh - 70px);overflow:hidden}.clients-sticky header{position:absolute;z-index:2;left:5%;top:4%;pointer-events:none;text-shadow:0 2px 30px #001722}.clients-sticky h2{font-size:clamp(28px,4vw,56px)}.clients-perspective{perspective:1400px;height:100%;display:grid;place-items:center}.clients-matrix{display:flex;gap:20px;width:94%;transform:rotateX(calc(14deg - var(--progress)*14deg)) rotateY(calc(-22deg + var(--progress)*22deg)) rotateZ(calc(7deg - var(--progress)*7deg));transform-style:preserve-3d}.clients-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px;transform:translateY(calc(34% - var(--progress)*68%))}.clients-column:nth-child(even){transform:translateY(calc(12% - var(--progress)*40%))}.clients-column figure{position:relative;margin:0;height:260px;border-radius:14px;overflow:hidden;border:1px solid #ffffff30;background:#073542}.clients-column img{width:100%;height:100%;object-fit:cover}.clients-column figcaption{position:absolute;bottom:0;left:0;right:0;padding:32px 16px 16px;background:linear-gradient(transparent,#001722ef);font-size:17px;font-weight:600;color:white}.proof-rail article .proof-photo{width:clamp(110px,22vw,260px);height:150px;object-fit:cover;border-radius:12px;margin:0 auto 18px;display:block}@media(max-width:650px){.clients-unfurl{height:500vh}.clients-matrix{width:150%;gap:10px}.clients-column{gap:10px}.clients-column figure{height:210px}.clients-column figcaption{font-size:13px;padding:25px 8px 12px}.clients-sticky header{top:2%}.proof-rail article .proof-photo{height:120px}}@media(prefers-reduced-motion:reduce){.clients-unfurl{height:auto}.clients-sticky{position:relative;height:auto;overflow:visible;padding:50px 20px}.clients-sticky header{position:static}.clients-matrix{transform:none;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.clients-column,.clients-column:nth-child(even){transform:none}.clients-perspective{display:block}}
/* Keep each proof image and its copy in the same moving slide. */
.proof-rail.pin-track article{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;isolation:isolate;min-height:260px!important;padding:30px!important;overflow:hidden;border-radius:12px;background:#052432;text-align:left!important}
.proof-rail.pin-track article .proof-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:cover;z-index:-2;border-radius:0;transform:none!important}
.proof-rail.pin-track article:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#001724ed,#00172499 65%,#00172455);z-index:-1;pointer-events:none}
.proof-rail.pin-track article b,.proof-rail.pin-track article p{position:relative;transform:none!important;translate:none!important;opacity:1!important;color:#fff;max-width:90%;margin-left:0!important}
.clients-matrix{width:82%;max-width:1280px;gap:16px;transform:rotateX(calc(8deg - var(--progress)*8deg)) rotateY(calc(-8deg + var(--progress)*8deg));transform-origin:center}
.clients-sticky header{position:relative;top:auto;left:auto;padding:24px 5% 10px;height:140px;box-sizing:border-box}
.clients-perspective{height:calc(100% - 140px)}
@media(max-width:650px){.clients-matrix{width:88%;gap:8px;transform:rotateX(calc(5deg - var(--progress)*5deg))}.clients-column{gap:8px}.clients-column figure{height:170px;border-radius:8px}.clients-column figcaption{font-size:12px;line-height:1.3;overflow-wrap:anywhere}.clients-sticky header{height:120px;padding-top:24px}.clients-perspective{height:calc(100% - 120px)}.proof-rail.pin-track article{min-height:240px!important;padding:24px!important}.proof-rail.pin-track article b{font-size:30px}.clients-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.clients-column:nth-child(3),.clients-column:nth-child(4){display:none}}
@media(prefers-reduced-motion:reduce){.clients-sticky header{height:auto}.clients-perspective{height:auto}.clients-matrix{width:100%;transform:none}.clients-column:nth-child(3),.clients-column:nth-child(4){display:flex}}
/* Original four-column entrance, scaled to fit mobile. */
@media(max-width:650px) and (prefers-reduced-motion:no-preference){
 .clients-matrix{display:flex;width:72%;gap:7px;transform:rotateX(calc(14deg - var(--progress)*14deg)) rotateY(calc(-22deg + var(--progress)*22deg)) rotateZ(calc(7deg - var(--progress)*7deg));transform-style:preserve-3d}
 .clients-column:nth-child(3),.clients-column:nth-child(4){display:flex}
 .clients-column{gap:7px}
 .clients-column figure{height:150px;border-radius:7px}
 .clients-column figcaption{font-size:10px;line-height:1.3;padding:24px 5px 9px;overflow-wrap:normal;hyphens:auto}
}
