/* Grey proof ribbon above; the same established relationships below. */
.logo-ribbon{display:flex;align-items:center;gap:12px;min-width:0;padding-block:16px;border-top:1px solid var(--line);color:#6b6b68}
.logo-ribbon-viewport{overflow-x:auto;overflow-y:hidden;flex:1;min-width:0;scrollbar-width:thin;scrollbar-color:#c7c7c3 transparent;mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
.logo-ribbon-track{display:flex;width:max-content}
.logo-ribbon-group{display:flex;align-items:center;gap:24px;padding-right:24px;flex:none}
.logo-ribbon-item{display:flex;align-items:center;justify-content:center;flex:0 0 144px;width:144px;height:72px;overflow:hidden;text-decoration:none;color:#6b6b68}
.logo-ribbon-item img{width:150px;height:100px;max-width:none;max-height:none;object-fit:contain;filter:grayscale(1);opacity:.64;flex:none}
.logo-ribbon-item img[src*='/google.'],.logo-ribbon-item img[src*='/radix.']{width:108px;height:42px}
.logo-ribbon-item span{font-size:14px;line-height:1.35;font-weight:600;text-align:center;max-width:120px}
.logo-ribbon-clone{display:none;pointer-events:none;user-select:none}
.logo-ribbon-control{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:0;border-radius:2px;padding:12px;background:transparent;cursor:pointer;color:#6b6b68}
.logo-ribbon-control[hidden]{display:none}
.logo-ribbon-control:hover{background:#f5f5f2;color:var(--ink)}
.logo-ribbon-control svg{width:20px;height:20px}
.logo-play-icon{display:none}
.logo-ribbon-control[aria-pressed=true] .logo-pause-icon{display:none}
.logo-ribbon-control[aria-pressed=true] .logo-play-icon{display:block}
.logo-ribbon[data-enhanced=true][data-motion=on] .logo-ribbon-clone{display:flex}
.logo-ribbon[data-enhanced=true][data-motion=on] .logo-ribbon-viewport{overflow-x:hidden;scrollbar-width:none}
.logo-ribbon[data-enhanced=true][data-motion=on] .logo-ribbon-track{animation:logo-ribbon-travel 120s linear infinite;animation-play-state:paused}
.logo-ribbon[data-enhanced=true][data-motion=on][data-playing=true] .logo-ribbon-track{animation-play-state:running}
.logo-ribbon:hover .logo-ribbon-track{animation-play-state:paused!important}
.logo-ribbon:focus-within .logo-ribbon-track{animation-play-state:paused!important}
/* Company-link keyboard navigation restores a static list; controls keep the timeline. */
.logo-ribbon:has(.logo-ribbon-group a:focus-visible) .logo-ribbon-track,html[data-motion=off] .logo-ribbon-track{animation:none!important;transform:none!important}
.logo-ribbon:has(.logo-ribbon-group a:focus-visible) .logo-ribbon-clone,html[data-motion=off] .logo-ribbon-clone{display:none!important}
.logo-ribbon:has(.logo-ribbon-group a:focus-visible) .logo-ribbon-viewport{overflow-x:auto;scrollbar-width:thin}
html[data-motion=off] .logo-ribbon-control{display:none}
@keyframes logo-ribbon-travel{to{transform:translateX(-50%)}}
.client-mosaic .relationship-note{margin-top:14px;max-width:none}
.client-mosaic-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}
.client-mosaic-grid a{height:94px;min-height:94px;padding:12px 6px;border-bottom:1px solid #eeeeea;overflow:hidden;color:#595957}
.client-mosaic-grid img{width:132px;max-width:100%;height:88px;max-height:88px;object-fit:contain;filter:grayscale(1);opacity:.74}
.client-mosaic-grid img[src*='/google.'],.client-mosaic-grid img[src*='/radix.']{width:90px;height:38px;max-height:38px}
.client-mosaic-grid .client-name span{font-size:14px}
.client-mosaic .client-quote{margin-top:42px}
@media(min-width:700px){.logo-ribbon{gap:18px}.client-mosaic-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.client-mosaic-grid a{height:108px;min-height:108px;padding:12px}.client-mosaic-grid img{width:150px;height:100px;max-height:100px}.client-mosaic .client-quote{margin-top:54px}}
@media(max-width:699px){.logo-ribbon-group{gap:18px;padding-right:18px}.logo-ribbon-item{flex-basis:112px;width:112px;height:64px}.logo-ribbon-item img{width:120px;height:80px}.logo-ribbon-item img[src*='/google.'],.logo-ribbon-item img[src*='/radix.']{width:94px;height:36px}.logo-ribbon[data-enhanced=true][data-motion=on] .logo-ribbon-track{animation-duration:96s}}
@media(prefers-reduced-motion:reduce){.logo-ribbon .logo-ribbon-track{animation:none!important;transform:none!important}.logo-ribbon .logo-ribbon-clone,.logo-ribbon-control{display:none!important}}