.client-gallery{--marquee-gap:72px;--marquee-duration:52s;background:var(--paper);margin-block:40px 0;padding-block:72px 104px}.client-gallery__inner{width:calc(100% - 96px);max-width:1200px;margin-inline:auto}.client-gallery__header{align-items:center;gap:28px;display:flex}.client-gallery__header:before,.client-gallery__header:after{content:"";background:var(--border);flex:1;height:1px}.client-gallery .client-gallery__header h2{color:var(--secondary);letter-spacing:.02em;text-align:center;margin:0;font-family:inherit;font-size:13px;font-weight:500;line-height:1.5}.client-gallery__rows{gap:30px;max-width:1320px;margin:52px auto 0;display:grid}.client-gallery__marquee{gap:var(--marquee-gap);display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14% 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14% 86%,#0000 100%)}.client-gallery__track{align-items:center;gap:var(--marquee-gap);background:var(--client-ground,var(--paper));min-width:100%;animation:client-marquee-left var(--marquee-duration) linear infinite;flex:none;justify-content:space-around;margin:0;padding:0;list-style:none;display:flex}.client-gallery__marquee[data-direction=right] .client-gallery__track{animation-name:client-marquee-right;animation-duration:calc(var(--marquee-duration) * 1.08)}@media (hover:hover){.client-gallery__marquee:hover .client-gallery__track{animation-play-state:paused}}@keyframes client-marquee-left{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--marquee-gap)))}}@keyframes client-marquee-right{0%{transform:translateX(calc(-100% - var(--marquee-gap)))}to{transform:translate(0)}}.client-gallery__bay{flex:none;place-items:center;height:60px;margin:0;display:grid}.client-gallery__bay img{width:var(--client-mark-width);object-fit:contain;user-select:none;height:48px;transition:opacity .35s;display:block}@media (width<=700px){.client-gallery{--marquee-gap:44px;padding-block:48px 72px}.client-gallery__inner{width:calc(100% - 44px)}.client-gallery__header{gap:16px}.client-gallery .client-gallery__header h2{max-width:230px;font-size:12px}.client-gallery__rows{gap:22px;margin-top:36px}.client-gallery__marquee{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 12% 88%,#0000 100%)}.client-gallery__bay{height:44px}.client-gallery__bay img{width:calc(var(--client-mark-width) * .74);height:36px}}@media (prefers-reduced-motion:reduce){.client-gallery__marquee{width:calc(100% - 96px);max-width:1200px;margin-inline:auto;overflow:visible;-webkit-mask-image:none;mask-image:none}.client-gallery__track{flex-wrap:wrap;flex:auto;justify-content:center;gap:30px 56px;min-width:0;animation:none;transform:none}.client-gallery__track--repeat{display:none}.client-gallery__bay img{transition:none}}@media (prefers-reduced-motion:reduce) and (width<=700px){.client-gallery__marquee{width:calc(100% - 44px)}.client-gallery__track{gap:20px 30px}}
