.clients{padding:100px 0 108px;background:#f8f7f4;color:#131313} .clients .section-head{margin-bottom:36px} .clients .section-head .eyebrow{color:#77736d} .clients .section-head h2{font:500 clamp(38px,5vw,66px)/1.05 var(--display);letter-spacing:-.07em;margin:16px 0 0} .clients .section-head p{max-width:340px;color:#68635e;font-size:12px;line-height:1.8} .clients-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .client-card{min-width:0;min-height:112px;padding:16px;border:1px solid #dedbd5;background:#fff;display:flex;align-items:center;justify-content:center;transition:transform .22s,border-color .22s,background .22s;overflow:hidden} .client-card:hover{transform:translateY(-3px);border-color:#a6a29b;background:#fcfbf9} .client-card img{width:min(100%,180px);height:76px;object-fit:contain;flex:none;filter:grayscale(1);opacity:.82;transition:filter .22s,opacity .22s} .client-card:hover img{filter:grayscale(0);opacity:1} .client-city{color:#36332f;font:500 12px/1.35 var(--display);letter-spacing:.08em;text-align:center} .client-city strong{font-weight:700;letter-spacing:.12em} .client-ad{flex-direction:column;gap:3px;color:#2e2e2b;font:600 13px/1 var(--display);letter-spacing:.12em} .client-ad span{font:500 10px/1.2 var(--display);letter-spacing:.19em} .client-ad strong{font-size:23px;letter-spacing:.16em} .clients-note{margin:15px 0 0;color:#8a867f;font-size:9px;line-height:1.6;text-align:right} @media(max-width:900px){.clients{padding:84px 0 90px}.clients-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.client-card{min-height:100px;padding:14px}.client-card img{height:72px;width:min(100%,180px)}} @media(max-width:600px){.clients{padding:72px 0 78px}.clients .section-head{margin-bottom:24px}.clients .section-head h2{font-size:clamp(36px,10vw,52px)}.clients .section-head p{max-width:390px;font-size:13px}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.client-card{min-height:86px;padding:9px}.client-card img{height:66px;width:min(100%,160px)}.client-city{font-size:10px}.client-ad strong{font-size:19px}.clients-note{text-align:left;font-size:10px}} .client-card[aria-label="Universidad de Granada"] img{width:min(100%,240px);height:76px} @media(max-width:600px){.client-card[aria-label="Universidad de Granada"] img{width:min(100%,160px);height:64px}}