.clients{padding:90px max(5vw,50px);background:#fff;border-top:1px solid var(--line)}
.clients-intro{max-width:670px;margin-bottom:42px}
.clients h2{font-size:clamp(2.2rem,4vw,4.4rem);letter-spacing:-.045em;margin:0 0 16px}
.clients-intro>p:last-child{color:#627484;line-height:1.7}
.logo-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.client-logo{min-height:150px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;filter:grayscale(1);transition:.2s}
.client-logo:hover{filter:none;background:var(--sky)}
.client-logo strong{font-size:1.35rem;letter-spacing:.045em;color:var(--deep)}
.client-logo span{font-size:.66rem;letter-spacing:.14em;margin-top:8px;color:#6c7c88}
.client-logo.baj strong{font-size:2.2rem;color:#e49513}.client-logo.grel strong{color:#197640}.client-logo.golden strong{color:#df9a12}.client-logo.bollore strong{color:#e52e35}.client-logo.hippo strong{font-size:1.7rem;color:#14699c}.client-logo.jkh strong{color:#c9242d}.client-logo.amaris strong{color:#087f91}.client-logo.jonmoore strong{color:#224f84}.client-logo.global strong{font-size:1.05rem;color:#1b7046}
@media(max-width:1000px){.logo-wall{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.clients{padding:65px 18px}.logo-wall{grid-template-columns:repeat(2,1fr)}.client-logo{min-height:125px;padding:16px}}