.customer-wall{position:relative;isolation:isolate;height:520px;padding:0;overflow:hidden;background:#f7faf9}
.customer-wall:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.customer-wall .section-title{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;padding:8px 24px;font-size:36px;font-weight:500;line-height:1.5;white-space:nowrap;color:#193d4b;background:radial-gradient(ellipse,#f7faf9 65%,#f7faf900 100%);pointer-events:none}
.customer-wall .section-title>span{color:var(--blue);margin-right:12px;font-size:44px;font-weight:600}
.customer-wall-logos{position:absolute;top:50%;left:50%;width:min(1400px,calc(100% - 80px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:60px 34px;list-style:none;margin:0;padding:0;transform:translate(-50%,-50%) scale(1.65);transform-origin:center;opacity:.48;filter:grayscale(.65);mix-blend-mode:multiply;transition:transform 1000ms cubic-bezier(.2,.65,.2,1) 120ms}
.customer-logo{display:block;position:relative;aspect-ratio:329/83;overflow:hidden}
.customer-logo img{position:absolute;max-width:none;width:463.829787%;height:auto;left:var(--logo-left);top:var(--logo-top)}
@media(min-width:701px){.customer-wall:focus .customer-wall-logos{transform:translate(-50%,-50%) scale(1)}}
@media(hover:hover) and (pointer:fine) and (min-width:701px){.customer-wall:hover .customer-wall-logos{transform:translate(-50%,-50%) scale(1)}}
@media(max-width:1000px) and (min-width:701px){.customer-wall-logos{width:calc(100% - 48px);gap:70px 20px}.customer-wall .section-title{font-size:30px}.customer-wall .section-title>span{font-size:38px}}
@media(max-width:700px){.customer-wall{height:auto;padding:44px 21px 52px}.customer-wall .section-title{position:relative;top:auto;left:auto;transform:none;margin:0 0 32px;padding:0;font-size:25px;white-space:normal;line-height:1.6;background:none}.customer-wall .section-title>span{display:block;margin:0;font-size:40px}.customer-wall-logos{position:relative;top:auto;left:auto;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;transform:none;opacity:.85;filter:none;transition:none}}
@media(prefers-reduced-motion:reduce){.customer-wall-logos{transition:none}}
@media(prefers-reduced-motion:reduce) and (min-width:701px){.customer-wall-logos{transform:translate(-50%,-50%) scale(1)}}
@media(hover:none) and (min-width:701px){.customer-wall-logos{transform:translate(-50%,-50%) scale(1)}}