/* One approved roster and optical frame across Home and every client strip.
   Original artwork keeps its aspect ratio; case-card and tool logos are separate. */
#main#main #client-businesses[data-client-roster="shared-12"] {
  --logo-width:164px;--logo-gap:26px;background:#fff;padding-block:20px;
}
#main#main #client-businesses[data-client-roster="shared-12"] .client-logo-group>li {
  width:var(--logo-width);flex:0 0 var(--logo-width);display:grid;place-items:center;
}
#main#main #client-businesses[data-client-roster="shared-12"] .client-logo-badge {
  box-sizing:border-box;width:164px;height:80px;padding:6px 8px;margin:0;
  background:#fff;border:0;border-radius:0;box-shadow:none;
}
#main#main #client-businesses[data-client-roster="shared-12"] .client-logo-badge img {
  display:block;width:auto;height:auto;max-width:148px;max-height:68px;
  object-fit:contain;object-position:center;transform:none;opacity:1;
}
#main#main #client-businesses[data-client-roster="shared-12"] .client-logo-name {
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;
}
/* Replace the old one/two-brand Shopify and Hosting static exceptions. */
#main#main #client-businesses[data-client-roster="shared-12"] .client-logo-window {
  overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);
  -webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);
}
#main#main #client-businesses[data-client-roster="shared-12"] .client-logo-track {
  width:max-content;max-width:none;gap:0;
}
#main#main #client-businesses[data-client-roster="shared-12"] .client-logo-group {
  flex-wrap:nowrap;width:max-content;gap:var(--logo-gap);padding:0 var(--logo-gap) 0 0;
}
#main#main #client-businesses[data-client-roster="shared-12"] .client-logo-group[aria-hidden="true"] {display:flex}
@media(max-width:700px) {
  #main#main #client-businesses[data-client-roster="shared-12"] {--logo-width:144px;--logo-gap:22px;padding-block:18px}
  #main#main #client-businesses[data-client-roster="shared-12"] .client-logo-badge {width:144px;height:72px;padding:6px 8px}
  #main#main #client-businesses[data-client-roster="shared-12"] .client-logo-badge img {max-width:128px;max-height:60px}
}
/* Readable, complete roster when motion or JavaScript is unavailable. */
#main#main #client-businesses[data-client-roster="shared-12"]:not(.is-ready) .client-logo-window {overflow:visible;mask-image:none;-webkit-mask-image:none}
#main#main #client-businesses[data-client-roster="shared-12"]:not(.is-ready) .client-logo-track {width:100%;max-width:100%}
#main#main #client-businesses[data-client-roster="shared-12"]:not(.is-ready) .client-logo-group {width:100%;flex-wrap:wrap;justify-content:center;padding:0}
#main#main #client-businesses[data-client-roster="shared-12"]:not(.is-ready) .client-logo-group[aria-hidden="true"] {display:none}
@media(prefers-reduced-motion:reduce),print {
  #main#main #client-businesses[data-client-roster="shared-12"] .client-logo-window {overflow:visible;mask-image:none;-webkit-mask-image:none}
  #main#main #client-businesses[data-client-roster="shared-12"] .client-logo-track {animation:none!important;transform:none!important;width:100%;max-width:100%}
  #main#main #client-businesses[data-client-roster="shared-12"] .client-logo-group {width:100%;flex-wrap:wrap;justify-content:center;padding:0}
  #main#main #client-businesses[data-client-roster="shared-12"] .client-logo-group[aria-hidden="true"] {display:none}
}