.client-portfolio{color:#172d40;background:#fff;border-block:1px solid #e1e7ed;padding:clamp(30px,4vw,56px) 0}.client-portfolio__heading{justify-content:flex-end;margin-bottom:12px;display:flex}.client-portfolio .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.client-portfolio__controls{gap:8px;display:flex}.client-portfolio__controls button{color:#173549;cursor:pointer;background:#fff;border:1px solid #d4dfe7;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1rem;transition:background .15s;display:grid}.client-portfolio__controls button:hover{background:#f0f6fa}.client-portfolio__controls button:active{background:#e4eef5}.client-portfolio__controls button:disabled{opacity:.35;cursor:default}.client-portfolio__rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(20% - 12.8px);grid-auto-flow:column;gap:16px;margin:0;padding:4px 0;list-style:none;display:grid;overflow-x:auto}.client-portfolio__rail::-webkit-scrollbar{display:none}.client-portfolio__item{scroll-snap-align:start;place-items:center;min-width:0;height:140px;padding:20px;display:grid}.client-portfolio__logo{place-items:center;width:100%;height:100px;display:grid}.client-portfolio__logo img{object-fit:contain;width:160px;max-width:100%;height:80px}.client-portfolio :is(button,ul):focus-visible{outline-offset:3px;outline:2px solid #1364ae}@media (max-width:1000px){.client-portfolio__rail{grid-auto-columns:calc(33.3333% - 10.6667px)}}@media (max-width:640px){.client-portfolio__rail{grid-auto-columns:calc(50% - 8px)}.client-portfolio__item{height:120px;padding:16px}}@media (prefers-reduced-motion:reduce){.client-portfolio *{scroll-behavior:auto;transition:none}}