.client-wall{--wall-front: 260px;--wall-back: 200px;--wall-gap: 24px;--wall-inset: 72px;position:relative;width:calc(var(--wall-inset) + var(--wall-front) + var(--wall-gap) + var(--wall-back));height:100%}.client-wall__stage{position:relative;display:flex;align-items:center;gap:var(--wall-gap);height:100%;padding-left:var(--wall-inset);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 128px,#000 calc(100% - 112px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 128px,#000 calc(100% - 112px),transparent 100%)}.client-wall__track{position:relative;display:flex;flex:none;flex-direction:column;justify-content:center;height:0}.client-wall__track--front{width:var(--wall-front)}.client-wall__track--back{width:var(--wall-back);margin-top:170px}.client-wall__slot{position:absolute;width:100%;will-change:transform}.client-wall__card{position:relative;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--r-surface);background:var(--niccos-ink-soft);color:inherit;text-decoration:none}.client-wall__card:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0000 62%,#0000006b);pointer-events:none}.client-wall__image,.client-wall__image img{display:block;width:100%;height:100%}.client-wall__image img{-o-object-fit:cover;object-fit:cover;transition:transform .8s cubic-bezier(.24,.43,.15,.97)}.client-wall__card--link:hover .client-wall__image img{transform:scale(1.06)}.client-wall__brand{position:absolute;z-index:2;left:0;right:0;bottom:20px;display:flex;justify-content:center;padding-inline:24px}.client-wall__logo{display:block;width:auto;max-width:100%;height:calc(var(--logo-height, 1.5rem) * .85);-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.client-wall__metrics{position:absolute;top:50%;left:var(--wall-inset);z-index:3;width:var(--wall-front);aspect-ratio:4 / 5;translate:0 -50%;pointer-events:none}.client-wall__metric{position:absolute;display:flex;flex-direction:column;gap:4px;min-width:128px;max-width:190px;padding:12px 16px 13px;border:1px solid var(--niccos-line-soft);border-radius:var(--r-surface);background:var(--niccos-surface-strong);box-shadow:0 8px 20px #1613101f;opacity:0;animation:client-wall-metric-in .56s cubic-bezier(.16,1,.3,1) both}.client-wall__metrics--stack-top .client-wall__metric--0{top:12%;left:-48px}.client-wall__metrics--stack-top .client-wall__metric--1{top:38%;left:-48px}.client-wall__metrics--split .client-wall__metric--0{top:14%;right:-40px}.client-wall__metrics--split .client-wall__metric--1{top:52%;left:-48px}.client-wall__metrics--stack-low .client-wall__metric--0{top:40%;left:-48px}.client-wall__metrics--stack-low .client-wall__metric--1{top:66%;left:-48px}.client-wall__metrics--diagonal .client-wall__metric--0{top:16%;left:-48px}.client-wall__metrics--diagonal .client-wall__metric--1{top:50%;right:-40px}.client-wall__metric-value{font-family:var(--niccos-font-display);font-size:1.45rem;font-weight:500;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--niccos-ink)}.client-wall__metric-label{font-family:var(--niccos-font-body);font-size:.75rem;line-height:1.3;color:var(--niccos-muted)}@keyframes client-wall-metric-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.client-wall__metric{opacity:1;animation:none}.client-wall__image img{transition:none}}