@keyframes client-rail{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}.client-rail{position:relative;padding-block:8px 24px}.client-rail__viewport{overflow-x:hidden}.client-rail__track{display:flex;gap:16px;width:-moz-max-content;width:max-content;animation:client-rail var(--rail-duration, 60s) linear infinite}@media (hover: hover){.client-rail:hover .client-rail__track{animation-play-state:paused}}.client-rail--manual .client-rail__viewport{overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:24px;overscroll-behavior-x:contain;scrollbar-width:none}.client-rail--manual .client-rail__viewport::-webkit-scrollbar{display:none}.client-rail--manual .client-rail__track{animation:none;padding-inline:24px}@media (min-width: 768px){.client-rail--manual .client-rail__viewport{scroll-padding-inline:90px}.client-rail--manual .client-rail__track{padding-inline:90px}}.client-rail--manual .client-rail__item{scroll-snap-align:start}.client-rail__item{position:relative;display:block;flex:none;width:13.5rem;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--r-surface);background:var(--niccos-ink-soft);text-decoration:none}@media (min-width: 768px){.client-rail__item{width:18rem}}.client-rail__item:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0000,#00000059 55%,#000000b8);pointer-events:none}.client-rail__image,.client-rail__image img{display:block;width:100%;height:100%}.client-rail__image img{-o-object-fit:cover;object-fit:cover;transition:transform .8s cubic-bezier(.24,.43,.15,.97)}@media (hover: hover){.client-rail__item--link:hover .client-rail__image img{transform:scale(1.08)}}.client-rail__item--link:focus-visible{outline:2px solid var(--niccos-ink);outline-offset:3px}.client-rail__brand{position:absolute;z-index:2;left:0;right:0;bottom:20px;display:flex;justify-content:center;padding-inline:56px}.client-rail__logo{display:block;height:calc(var(--logo-height, 1.5rem) * .8);width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}@media (min-width: 768px){.client-rail__logo{height:var(--logo-height, 1.5rem)}}.client-rail__brand-name{color:var(--niccos-surface-strong);font-weight:600;font-size:.95rem;letter-spacing:.02em}.client-rail__arrow{position:absolute;z-index:2;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-control);background:var(--niccos-surface-strong);color:var(--niccos-ink)}@media (prefers-reduced-motion: reduce){.client-rail__track{animation:none}.client-rail__image img{transition:none}}
