/* One quiet, seamless ribbon. Both copies include the same trailing space. */
.home-page .clients.clients-motion{display:grid;grid-template-columns:105px minmax(0,1fr);gap:30px;align-items:center;padding-top:16px;padding-bottom:16px}
.client-logo-label p{font-size:12px;line-height:1.6;letter-spacing:1px;color:#969e98}
.client-logo-window{position:relative;min-width:0;width:100%;overflow:hidden}.client-logo-window:before,.client-logo-window:after{content:"";position:absolute;z-index:1;top:0;bottom:0;width:30px;pointer-events:none}.client-logo-window:before{left:0;background:linear-gradient(90deg,#090a0b,transparent)}.client-logo-window:after{right:0;background:linear-gradient(-90deg,#090a0b,transparent)}.client-logo-window:focus-within{outline:1px solid #ff603b;outline-offset:4px}.client-logo-viewport{min-width:0;width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 0;scrollbar-width:thin;}
.client-logo-viewport:focus-visible{outline:1px solid #ff603b;outline-offset:4px}
.client-logo-track{will-change:transform;display:flex;width:max-content;align-items:center}
.client-logo-group{display:flex;align-items:center;gap:50px;margin:0;padding:0 50px 0 0;list-style:none;flex-shrink:0}
.client-logo-group .client-logo{display:flex;align-items:center;justify-content:center;flex:0 0 120px;width:120px;height:48px}
.client-logo-group .client-logo.logo-wide{flex-basis:178px;width:178px}
.client-logo img{display:block;width:100%;height:36px;object-fit:contain;filter:grayscale(1);opacity:.66;transition:opacity .3s}
.client-logo-duplicate{display:none}
.clients-motion[data-motion-ready] .client-logo-viewport{overflow-x:hidden}
.clients-motion[data-motion-ready] .client-logo-track{animation:client-logo-drift 72s linear infinite}
.clients-motion[data-motion-ready] .client-logo-duplicate{display:flex}
.clients-motion[data-in-view="false"] .client-logo-track,.clients-motion[data-background="true"] .client-logo-track,.client-logo-viewport:hover .client-logo-track,.client-logo-viewport:focus-within .client-logo-track{animation-play-state:paused}
.client-logo-viewport:hover img{opacity:.82}
.logo-scroll-hint{display:block;font-size:12px;color:#848d87;white-space:nowrap;margin-top:8px;letter-spacing:0}
.clients-motion[data-motion-ready] .logo-scroll-hint{display:none}
@keyframes client-logo-drift{to{transform:translateX(-50%)}}
@media(max-width:800px){.home-page .clients.clients-motion{grid-template-columns:90px minmax(0,1fr);gap:18px}.client-logo-group{gap:40px;padding-right:40px}.client-logo-group .client-logo{flex-basis:105px;width:105px}.client-logo-group .client-logo.logo-wide{flex-basis:166px;width:166px}.client-logo img{height:32px}}
@media(max-width:540px){.home-page .clients.clients-motion{grid-template-columns:minmax(0,1fr);gap:2px;padding-top:12px;padding-bottom:14px}.client-logo-label{grid-column:1;grid-row:1;display:flex;align-items:baseline;gap:15px}.client-logo-label p{font-size:12px;letter-spacing:.5px}.client-logo-label p{max-width:none}.client-logo-window{grid-column:1/-1;grid-row:2}.client-logo-window:before,.client-logo-window:after{width:18px}.client-logo-viewport{padding:8px 0;}.client-logo-group{gap:38px;padding-right:38px}.client-logo-group .client-logo{flex-basis:102px;width:102px;height:42px}.client-logo-group .client-logo.logo-wide{flex-basis:166px;width:166px}.client-logo img{height:30px}.logo-scroll-hint{margin-top:0}}
@media(prefers-reduced-motion:reduce){.clients-motion[data-motion-ready] .client-logo-track{animation:none;transform:none}.clients-motion .client-logo-duplicate{display:none!important}.clients-motion[data-motion-ready] .client-logo-viewport{overflow-x:auto}.clients-motion[data-motion-ready] .logo-scroll-hint{display:block}.client-logo img{transition:none}}
@media(max-width:540px) and (prefers-reduced-motion:reduce){.client-logo-label{flex-wrap:wrap;gap:5px 18px}}

/* Keep the ribbon close to the work above and AI below. */
.home-page .curated-work{padding-bottom:24px}
.home-page .clients-motion + .ai-cinema{padding-top:32px}
@media(max-width:540px){.home-page .curated-work{padding-bottom:18px}.home-page .clients-motion + .ai-cinema{padding-top:24px}}