/* Original alpha silhouettes, evenly framed and lit in pearl white. */
.clients.clients-ribbon{--client-scale:1;--client-gap:64px;display:block;max-width:none;padding:40px 0 84px;overflow:hidden;position:relative}
.client-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.client-toggle{width:36px;height:36px;padding:0;display:grid;place-items:center;flex:none;border:1px solid #ffffff14;border-radius:50%;background:#ffffff03;color:#b6c0ba;cursor:pointer;transition:background .5s,border-color .5s,color .5s}
.client-toggle[hidden]{display:none}
.client-toggle:hover,.client-toggle:focus-visible{color:#fff;background:#ffffff0b;border-color:#ffffff3d}
.client-toggle>span{width:8px;height:10px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.client-toggle[aria-pressed="true"]>span{width:0;height:0;border:5px solid transparent;border-right:0;border-left:8px solid currentColor;margin-left:2px}
.client-rail{max-width:1920px;margin-inline:auto;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.client-track{display:flex;width:max-content;max-width:none}
.client-group{display:flex;align-items:center;gap:var(--client-gap);flex:none;list-style:none;margin:0;padding:0 var(--client-gap) 0 0}
.client-cell{display:grid;place-items:center;flex:none;width:auto;height:112px}
.client-mark{position:relative;display:block;width:calc(var(--mark-width) * var(--client-scale));height:calc(var(--mark-height) * var(--client-scale));background:linear-gradient(125deg,#bdc5c5 3%,#e8ebe7 28%,#fff 48%,#c7cfca 74%,#f1f2ee 100%);mask-image:var(--logo);-webkit-mask-image:var(--logo);mask-mode:alpha;mask-size:calc(var(--logo-width) * var(--client-scale)) calc(var(--logo-height) * var(--client-scale));-webkit-mask-size:calc(var(--logo-width) * var(--client-scale)) calc(var(--logo-height) * var(--client-scale));mask-position:calc(var(--logo-x) * var(--client-scale)) calc(var(--logo-y) * var(--client-scale));-webkit-mask-position:calc(var(--logo-x) * var(--client-scale)) calc(var(--logo-y) * var(--client-scale));mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;transition:filter .9s var(--ease),transform .9s var(--ease)}
.client-mark::after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 37%,#eff9ff24 43%,#fff 50%,#f4f6dc26 57%,transparent 63%);transform:translateX(-80%);opacity:0;animation:client-sheen 9s var(--ease) infinite;animation-delay:var(--sheen-delay,0s)}
.client-cell:hover .client-mark{filter:brightness(1.15);transform:translateY(-2px)}
.clients-ribbon.is-ready .client-track{animation:clients-right var(--ribbon-duration,92s) linear infinite;will-change:transform}
.clients-ribbon.is-still .client-track,.clients-ribbon.is-still .client-mark::after{animation-play-state:paused}
@keyframes clients-right{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
@keyframes client-sheen{0%,12%{transform:translateX(-80%);opacity:0}24%{opacity:.65}52%{transform:translateX(80%);opacity:0}100%{transform:translateX(80%);opacity:0}}
.clients.clients-projects{margin-inline:calc(-1 * var(--gutter));width:calc(100% + 2 * var(--gutter));padding:28px 0 42px}
.clients-projects .client-heading{max-width:calc(1320px + 2 * var(--gutter));margin-bottom:8px}
.clients-projects .client-heading h2{font-size:12px;font-weight:400;letter-spacing:.12em;color:#999a94}
.clients-projects .client-rail{max-width:1600px}
.clients-projects .client-cell{filter:drop-shadow(0 8px 12px #000b) drop-shadow(0 0 14px #ede6d808)}
.clients-projects+.work-view-end{margin-top:4px}
@media(max-width:700px){.clients.clients-ribbon{--client-scale:.78;--client-gap:44px;padding:24px 0 52px}.client-heading{margin-bottom:12px}.client-cell{height:96px}.client-rail{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.clients.clients-projects{width:calc(100% + 40px);margin-inline:-20px;padding:20px 0 28px}.clients-projects .client-heading{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.client-track,.clients-ribbon.is-ready .client-track{animation:none;transform:none;width:100%;will-change:auto}.client-rail{mask-image:none;-webkit-mask-image:none}.client-group{width:100%;justify-content:center;flex-wrap:wrap;padding:0;gap:10px}.client-group[aria-hidden="true"],.client-toggle{display:none}.client-mark::after{display:none}.client-cell:hover .client-mark{transform:none}}
@media print{.client-track{animation:none!important;transform:none!important;width:100%}.client-group{width:100%;flex-wrap:wrap;justify-content:center}.client-group[aria-hidden="true"],.client-toggle{display:none}.client-rail{mask-image:none;-webkit-mask-image:none}}