/* One seamless logo belt; original grids remain the no-JS / reduced-motion fallback. */
.client-marquee { --marquee-velocity:78.2; --client-logo-scale:1; position:relative; min-width:0; max-width:100%; padding-bottom:20px; }
.client-marquee__viewport { width:100%; min-width:0; overflow:hidden; }
.client-marquee.is-ready .client-marquee__track {
  display:flex; width:max-content; will-change:transform;
  animation:client-logo-scroll var(--marquee-duration,70s) linear infinite;
}
.client-marquee.is-ready .client-marquee__group {
  --marquee-gap:var(--an-gap,clamp(16px,.739rem + .87vw,24px));
  display:flex; flex-flow:row nowrap; flex:0 0 auto; align-items:center; justify-content:space-around;
  width:max-content; min-width:var(--marquee-min-width,100%); max-width:none;
  gap:0; padding:0; margin:0; list-style:none; box-sizing:border-box;
}
.client-marquee.is-ready .client-marquee__group > li {
  display:flex; flex:0 0 auto; align-items:center; justify-content:center;
  width:290px; min-width:0; height:calc(72px * var(--client-logo-scale)); min-height:0; margin:0 calc(var(--marquee-gap)/2); padding:0;
}
/* Calibrated together against the visible artwork, not equal SVG dimensions.
   Keep the same proportions in every carousel, its clones and the static grid. */
.client-marquee img[src$="/vtb-black.svg"] { --client-optical-width:116px; --client-optical-y:-2px; }
.client-marquee img[src$="/gpn-black.svg"] { --client-optical-width:118px; --client-optical-y:-2px; }
.client-marquee img[src$="/tatneft-black.svg"] { --client-optical-width:158px; --client-optical-y:-3px; }
.client-marquee img[src$="/polyus-black.svg"] { --client-optical-width:144px; }
.client-marquee img[src$="/farmstandart-black.svg"] { --client-optical-width:160px; }
.client-marquee img[src$="/pochta-rossii-black.svg"] { --client-optical-width:170px; }
.client-marquee img[src$="/hh-black.svg"] { --client-optical-width:48px; }
.client-marquee img[src$="/whoosh-black.svg"] { --client-optical-width:164px; }
.client-marquee img[src$="/mkb-black.svg"] { --client-optical-width:120px; }
.client-marquee img[src$="/seligdar-black.svg"] { --client-optical-width:160px; --client-optical-y:-1px; }
.client-marquee img[src$="/rusal-2-black.svg"] { --client-optical-width:124px; }
.client-marquee img[src$="/naumen-black.svg"] { --client-optical-width:166px; }
.client-marquee img[src$="/home-credit-black.svg"] { --client-optical-width:84px; }
.client-marquee .client-marquee__group img {
  display:block; flex-shrink:0; width:calc(var(--client-optical-width,140px) * var(--client-logo-scale));
  height:auto; max-width:100%; max-height:none; object-fit:contain;
  transform:translateY(calc(var(--client-optical-y,0px) * var(--client-logo-scale)));
}
.client-marquee .vmh-clients__logo { width:auto; height:auto; }
.client-marquee:not(.is-ready) .client-marquee__group {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); gap:24px 16px;
}
.client-marquee:not(.is-ready) .client-marquee__group > li {
  display:flex; align-items:center; justify-content:center; min-height:calc(72px * var(--client-logo-scale));
}
.client-marquee [data-marquee-copy][hidden], .client-marquee__pause[hidden] { display:none!important; }
.client-marquee.is-paused .client-marquee__track,
.client-marquee.is-offscreen .client-marquee__track,
.client-marquee.is-background .client-marquee__track { animation-play-state:paused; }
.client-marquee .client-marquee__pause {
  position:absolute; right:0; bottom:0; display:grid; place-items:center;
  width:28px; height:28px; padding:0; border:1px solid #dededb; border-radius:50%;
  background:transparent; color:#666; font:12px/1 Arial,sans-serif; cursor:pointer;
}
.client-marquee .client-marquee__pause:hover { background:#f0f0ef; color:#000; }
.client-marquee .client-marquee__pause:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.content-endcap__clients > .client-marquee { min-width:0; }
.ri-clients > .client-marquee.is-ready { margin-top:48px; }
@keyframes client-logo-scroll { to { transform:translate3d(calc(-1 * var(--marquee-distance)),0,0); } }
@media(max-width:1199px) {
  .client-marquee { --marquee-velocity:60; --client-logo-scale:.84; }
  .client-marquee.is-ready .client-marquee__group > li { width:220px; }
}
@media(max-width:575px) {
  .client-marquee { --marquee-velocity:39; --client-logo-scale:.72; }
  .client-marquee.is-ready .client-marquee__group > li { width:140px; }
  .client-marquee:not(.is-ready) .client-marquee__group { grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr)); }
  .ri-clients > .client-marquee.is-ready { margin-top:32px; }
  .content-endcap .content-endcap__clients:has(.client-marquee) { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { .client-marquee__track { animation:none!important; transform:none!important; } }
