.home-clients{--client-slot:clamp(220px, 18vw, 260px);--client-gap:clamp(28px, 3.5vw, 64px);padding-block:52px 28px;scroll-margin-top:100px}.home-clients__heading{justify-content:space-between;align-items:center;gap:24px;min-height:44px;display:flex}.home-clients h2{color:var(--color-text-secondary);font-size:var(--type-body-sm-size);margin:0;font-weight:400}.home-clients__control{min-height:44px;color:var(--color-text-secondary);font:inherit;font-size:var(--type-caption-size);cursor:pointer;text-underline-offset:5px;background:0 0;border:0;padding:8px 0 8px 16px}.home-clients__control:hover{color:var(--color-action-primary);text-decoration:underline}.home-clients__viewport{scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:auto;margin-top:14px;scroll-padding-inline:32px;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 32px calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#0000,#000 32px calc(100% - 32px),#0000)}.home-clients__viewport::-webkit-scrollbar{display:none}.home-clients__viewport:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:4px;-webkit-mask-image:none;mask-image:none}.home-clients__track{width:max-content;min-width:100%;display:flex}.home-clients__set{align-items:center;gap:var(--client-gap);padding:18px var(--client-gap) 18px 0;flex:none;margin:0;list-style:none;display:flex}.home-clients__item{flex:0 0 var(--client-slot);width:var(--client-slot)}.home-clients__identity{height:154px;color:var(--color-text-primary);border-radius:6px;flex-direction:column;justify-content:center;gap:18px;padding:16px 8px 8px;text-decoration:none;display:flex;position:relative}.home-clients__mark{filter:grayscale();opacity:.74;height:82px;transition:filter var(--motion-duration-state) var(--motion-ease-standard), opacity var(--motion-duration-state) var(--motion-ease-standard), transform var(--motion-duration-state) var(--motion-ease-standard);justify-content:center;align-items:center;gap:12px;display:flex}.home-clients__mark img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:76px;display:block}.home-clients__mark--symbol img{flex-shrink:0;width:54px;max-height:64px}.home-clients__name{max-width:158px;font-size:var(--type-body-sm-size);text-wrap:balance;line-height:1.5}.home-clients__detail{min-height:32px;font-size:var(--type-caption-size);color:var(--color-text-secondary);opacity:0;transition:opacity var(--motion-duration-state) var(--motion-ease-standard), transform var(--motion-duration-state) var(--motion-ease-standard);justify-content:center;align-items:center;gap:8px;line-height:1.45;display:flex;transform:translateY(4px)}.home-clients__detail>span:first-child{text-align:center}.home-clients__detail .next-link-arrow{color:var(--color-action-primary);flex-shrink:0}.home-clients__identity:hover .home-clients__mark,.home-clients__identity:focus-visible .home-clients__mark{opacity:1;filter:none;transform:translateY(var(--motion-hover-y))}.home-clients__identity:hover .home-clients__detail,.home-clients__identity:focus-visible .home-clients__detail{opacity:1;transform:none}.home-clients__identity:focus-visible,.home-clients__control:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.home-clients[data-ready=true][data-revealed=true] .home-clients__track{animation:client-logos-enter var(--motion-duration-scene) var(--motion-ease-enter) both}@keyframes client-logos-enter{0%{opacity:0;transform:translateY(var(--motion-translate-distance))}to{opacity:1;transform:none}}:root[data-theme=dark] .home-clients__mark{filter:none}:root[data-theme=dark] .home-clients__mark img{filter:grayscale()invert()}:root[data-theme=dark] .home-clients__identity:is(:hover,:focus-visible) .home-clients__mark img{filter:none}@media (hover:none){.home-clients__detail{opacity:1;transform:none}}@media (max-width:780px){.home-clients{--client-slot:200px;--client-gap:24px;padding-block:32px 16px;scroll-margin-top:76px}.home-clients__viewport{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000);mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000)}.home-clients__identity{height:146px;padding-inline:6px}.home-clients__mark--symbol img{width:46px;max-height:54px}.home-clients__name{font-size:var(--type-caption-size)}}@media (prefers-reduced-motion:reduce){.home-clients__track{animation:none!important}.home-clients__mark,.home-clients__detail{transition:none;transform:none}.home-clients__set--copy,.home-clients__control{display:none}.home-clients__detail{opacity:1}}
