/* Trusted to build for: the client logo band (includes/logo-band.php). Moved verbatim out of css/vb-home.v1.css on
 * 2026-09-29 so the homepage, /commercial/ and the 15 commercial hubs share one component (Bar). Link it right after the
 * page's main stylesheet. */
.vb-logo-band{background:#0F1E2E;padding:18px 20px}
.vb-logo-band__inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:28px}
.vb-logo-band__label{flex:0 0 auto;max-width:150px;margin:0;color:rgba(255,255,255,.72);
  font-size:13px;font-weight:700;line-height:1.3;letter-spacing:.04em}
.vb-logo-band__viewport{flex:1 1 auto;min-width:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}
.vb-logo-band__track{--logo-scale:.62;display:flex;width:max-content;
  animation:vb-logo-band-scroll 36s linear infinite}
.vb-logo-band__set{display:flex;align-items:center;gap:40px;padding-right:40px}
.vb-logo-band__set img{display:block;width:calc(var(--nw) * 1px * var(--logo-scale));
  height:auto;max-width:none;max-height:none}
@keyframes vb-logo-band-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-100% / 3))}}
.vb-logo-band__viewport:hover .vb-logo-band__track,
.vb-logo-band__viewport:focus .vb-logo-band__track,
.vb-logo-band__viewport:focus-within .vb-logo-band__track{animation-play-state:paused}
@media (max-width:999px){.vb-logo-band__track{--logo-scale:.58}}
@media (max-width:767px){.vb-logo-band{padding:12px 14px}.vb-logo-band__inner{gap:14px}.vb-logo-band__label{max-width:92px;font-size:10px;letter-spacing:.03em}.vb-logo-band__track{--logo-scale:.50}.vb-logo-band__set{gap:26px;padding-right:26px}}
@media (max-width:360px){.vb-logo-band__track{--logo-scale:.44}}
@media (prefers-reduced-motion: reduce){.vb-logo-band__track{animation:none;transform:none;width:auto}.vb-logo-band__set--dup{display:none}.vb-logo-band__viewport{overflow-x:auto;overflow-y:hidden;
    -webkit-mask-image:none;mask-image:none}}
/* Service template pages (#vcp): the city stylesheet's #vcp img {max-width:100%} and #vcp p {margin:0 0 14px} outrank
 * the class rules above by specificity; these restore the homepage values so the band is identical there. */
#vcp .vb-logo-band__set img{max-width:none;max-height:none}
#vcp .vb-logo-band__label{margin:0}