/* A light float keeps each platform recognisable and its layout position fixed. */
.home-operating-system #integrations .channel-logos{display:grid;grid-template-columns:none;grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:center;justify-items:center;width:740px;max-width:100%;gap:clamp(4px,1vw,16px)}
.home-operating-system #integrations .channel-logos img{width:28px;max-width:100%;height:auto;aspect-ratio:1;min-width:0}
#integrations.platform-motion-ready .channel-logos img{animation:platform-logo-float var(--float-duration,6.8s) ease-in-out infinite;animation-delay:var(--float-delay,0s);animation-play-state:paused;transform-origin:center}
#integrations.platform-motion-ready[data-motion=running] .channel-logos img{animation-play-state:running}
#integrations.platform-motion-ready .channel-logos img:nth-child(3n){--float-duration:7.7s;--float-x:-2px;--float-tilt:-2deg}
#integrations.platform-motion-ready .channel-logos img:nth-child(3n + 1){--float-duration:6.3s;--float-x:2px;--float-tilt:2deg}
@keyframes platform-logo-float{0%,100%{transform:translate3d(0,2px,0) rotate(0)}50%{transform:translate3d(var(--float-x,1px),-3px,0) rotate(var(--float-tilt,1.5deg))}}
@media(prefers-reduced-motion:reduce){#integrations.platform-motion-ready .channel-logos img{animation:none!important;transform:none!important}}