.cl{max-width:1200px;margin:0 auto;padding:clamp(96px,11vw,160px) clamp(16px,4vw,40px) clamp(80px,9vw,120px)}.cl-title{text-align:center;letter-spacing:-.035em;max-width:720px;margin:0 auto clamp(48px,6vw,88px);font-size:clamp(36px,4.6vw,64px);font-weight:300;line-height:1.08}.cl-title span{color:#8c8c8c}.cl-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:clamp(16px,2.4vw,40px);display:grid}.client{aspect-ratio:1;background:#0d0d0d;border:1px solid #1f1f1f;border-radius:10px;justify-content:center;align-items:center;transition:border-color .4s,background .4s,transform .4s;display:flex}.client:hover{border-color:var(--accent);background:#111;transform:translateY(-4px)}.client-logo{object-fit:contain;opacity:.82;height:auto;max-height:29%;transition:opacity .4s,transform .6s cubic-bezier(.16,1,.3,1)}.client:hover .client-logo{opacity:1;transform:scale(1.05)}.client-cta{cursor:pointer;color:#fff;text-align:left;flex-direction:column;justify-content:space-between;align-items:stretch;padding:clamp(18px,2vw,26px);position:relative;overflow:hidden}.client-cta:before{content:"";background:var(--accent);z-index:0;transition:transform .65s cubic-bezier(.7,0,.2,1);position:absolute;inset:0;transform:translateY(101%)}.client-cta>*{z-index:1;position:relative}.cta-arr{width:34px;height:23px;color:var(--accent);align-self:flex-end;transition:transform .65s cubic-bezier(.7,0,.2,1),color .4s}.cta-txt{flex-direction:column;gap:8px;display:flex}.cta-big-line{letter-spacing:-.03em;font-size:clamp(24px,2.3vw,34px);font-weight:300;line-height:1.05;transition:color .4s}.cta-small{color:#a3a3a3;font-size:14px;transition:color .4s}.client-cta:hover:before,.client-cta:focus-visible:before{transform:none}.client-cta:hover,.client-cta:hover .cta-big-line,.client-cta:hover .cta-small,.client-cta:hover .cta-arr{color:#0a0a0a}.client-cta:hover .cta-arr{transform:translate(6px,-6px)scale(1.15)}.client-cta:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
