/* Client logos: same alpha-mask and colour reveal pattern as the Qellio reference. */
.gtm-clients{scroll-margin-top:120px;--client-logo-ink:#0F2237;overflow:hidden;padding:30px 0 56px;background:#F9F5F3}.gtm-clients-heading{text-align:center;color:var(--client-logo-ink)}.gtm-clients-window{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.gtm-clients-track{display:flex;width:max-content;margin-top:24px;animation:gtm-clients-scroll 48s linear infinite;will-change:transform}.gtm-clients-list{display:flex;align-items:center;flex:none;gap:88px;margin:0;padding:0 36px;list-style:none}.gtm-clients-list li{flex:none}.gtm-client-mark{position:relative;display:block;flex:none;width:calc(var(--logo-w)*34px);height:calc(var(--logo-h)*34px);outline-offset:8px;border-radius:3px}.gtm-client-mark::before{content:"";position:absolute;inset:0;background:var(--client-logo-ink);-webkit-mask:var(--logo-mask) center/contain no-repeat;mask:var(--logo-mask) center/contain no-repeat;opacity:1;transition:opacity .45s cubic-bezier(.16,1,.3,1)}.gtm-client-mark img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .45s cubic-bezier(.16,1,.3,1)}.gtm-client-mark:hover img,.gtm-client-mark:focus-visible img{opacity:1}.gtm-client-mark:hover::before,.gtm-client-mark:focus-visible::before{opacity:0}.gtm-client-mark:focus-visible{outline:2px solid #FF5757}.gtm-clients:hover .gtm-clients-track,.gtm-clients:focus-within .gtm-clients-track{animation-play-state:paused}@keyframes gtm-clients-scroll{to{transform:translateX(-50%)}}@media(max-width:819px){.gtm-clients{padding:24px 0 40px}.gtm-clients-list{gap:44px;padding:0 22px}.gtm-client-mark{width:calc(var(--logo-w)*26px);height:calc(var(--logo-h)*26px)}}@media(prefers-reduced-motion:reduce){.gtm-clients-track{width:auto;animation:none;will-change:auto}.gtm-clients-list{flex-wrap:wrap;justify-content:center;gap:28px 48px}.gtm-clients-list[aria-hidden="true"]{display:none}.gtm-client-mark img,.gtm-client-mark::before{transition:none}}@supports not (mask-image:linear-gradient(#000,#000)){.gtm-client-mark::before{display:none}.gtm-client-mark img{opacity:1}}
