/* Authored presentation for the protected 22-logo customer bank. Assets and order are unchanged. */
.z-logo-bank--bare {border:0;padding:0;background:transparent}
.z-logo-bank {background:var(--z-color-white);border-top:1px solid var(--z-color-rule);border-bottom:1px solid var(--z-color-rule);padding:56px 0 60px;color:var(--z-color-black)}
.z-logo-bank * {box-sizing:border-box}
.z-logo-bank__inner {max-width:84rem;margin:0 auto}
.z-logo-bank__title {margin:0 clamp(20px,4.2vw,60px) 36px;font:400 clamp(20px,1.7vw,24px)/1.3 var(--z-font-heading);letter-spacing:-.005em;color:var(--z-color-black);text-align:center}
.z-logo-bank__marquee {--gap:64px;position:relative;display:flex;gap:var(--gap);overflow:hidden;padding:6px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.z-logo-bank__track {display:flex;align-items:center;gap:var(--gap);flex:0 0 auto;margin:0;padding:0;list-style:none;animation:z-logo-bank-scroll 70s linear infinite}
/* D-080: logo banks keep moving on hover (user). */
.z-logo-bank__item {display:flex;align-items:center;justify-content:center;flex:0 0 auto;height:44px;width:120px}
.z-logo-bank__item--wide {width:150px}
.z-logo-bank__item--stack {width:96px}
.z-logo-bank__item img {display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.85;transition:opacity .2s,filter .2s}
.z-logo-bank__item--stack img {max-height:44px}
.z-logo-bank__item:hover img {filter:none;opacity:1}
@keyframes z-logo-bank-scroll {from{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}
@media(prefers-reduced-motion:reduce){
 .z-logo-bank__marquee {mask-image:none;-webkit-mask-image:none;flex-wrap:wrap;padding:0 clamp(20px,4.2vw,60px)}
 .z-logo-bank__track {animation:none;flex-wrap:wrap;justify-content:center;gap:28px 40px}
 .z-logo-bank__track[aria-hidden=true] {display:none}
}
@media(max-width:680px){.z-logo-bank {padding:40px 0 44px}.z-logo-bank__title {margin-bottom:28px}.z-logo-bank__marquee {--gap:40px}.z-logo-bank__item {height:32px;width:96px}.z-logo-bank__item--wide {width:120px}.z-logo-bank__item--stack {width:78px}.z-logo-bank__track {animation-duration:55s}}
/* D-084 speed (user, 2026-10-29: "moving very slowly"): the duration follows the logo count, so the bank moves at about
   55px a second however many logos it holds (it was a fixed 70s, tuned for 22 logos: 28px/s with 13). */
.z-logo-bank__marquee[style*="--n"] .z-logo-bank__track {animation-duration:calc(var(--n) * 2.8s)}
@media(max-width:680px){.z-logo-bank__marquee[style*="--n"] .z-logo-bank__track {animation-duration:calc(var(--n) * 2.2s)}}