/* GOI shared client-logo marquee. Single source of truth with clients-marquee.js.
   Variants: [data-goi-clients="strips"] bare logos (service pages),
             [data-goi-clients="chips"] white cards (expert pages). */

[data-goi-clients]{overflow:hidden}
.goi-m-row{position:relative;overflow:hidden;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.goi-m-track{display:flex;align-items:center;width:max-content;animation:goiMarquee 60s linear infinite}
.goi-m-track.reverse{animation-direction:reverse}
.goi-m-set{display:flex;align-items:center}
.goi-m-row:hover .goi-m-track{animation-play-state:paused}

/* strips: bare grayscale logos */
[data-goi-clients="strips"] .goi-m-set img{height:34px;width:auto;object-fit:contain;margin:0 30px;filter:grayscale(1);opacity:0.5;transition:filter 0.3s ease,opacity 0.3s ease}
[data-goi-clients="strips"] .goi-m-set img:hover{filter:grayscale(0);opacity:1}

/* chips: white cards */
.goi-chip{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid #E8E8E8;border-radius:14px;width:160px;height:80px;flex:none;margin:0 8px;transition:border-color .2s,transform .18s,box-shadow .18s;cursor:default}
.goi-chip:hover{border-color:#F5A623;transform:scale(1.06);box-shadow:0 6px 20px rgba(13,27,75,.08)}
.goi-chip img{max-width:120px;max-height:44px;width:auto;height:auto;object-fit:contain;display:block;filter:grayscale(100%);opacity:.6;transition:filter .25s,opacity .25s}
.goi-chip:hover img{filter:grayscale(0%);opacity:1}
@media(hover:none){.goi-chip img{filter:grayscale(0%);opacity:1}}
@media(max-width:560px){.goi-chip{width:130px;height:66px}.goi-chip img{max-width:96px;max-height:36px}[data-goi-clients="strips"] .goi-m-set img{height:26px;margin:0 20px}}

@keyframes goiMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .goi-m-track{animation:none;flex-wrap:wrap;justify-content:center;width:100%}
  .goi-m-set{flex-wrap:wrap;justify-content:center}
  .goi-m-set[aria-hidden="true"]{display:none}
}