.client-marquee{--client-marquee-gap:16px;--client-marquee-duration:60s;padding-block:14px 28px;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.client-marquee__track{width:max-content;animation:client-marquee var(--client-marquee-duration) linear infinite;display:flex}.client-marquee__list{gap:var(--client-marquee-gap);padding-right:var(--client-marquee-gap);flex-shrink:0;margin:0;list-style:none;display:flex}.client-marquee:hover .client-marquee__track,.client-marquee:focus-within .client-marquee__track,.client-strip:has(.client-strip__pause:checked) .client-marquee__track{animation-play-state:paused}.client-marquee-root[data-js] .client-marquee__track{will-change:transform;animation:none}.client-marquee-root[data-js] .client-marquee{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.client-marquee-root[data-js] .client-marquee[data-motion=dragging]{cursor:grabbing}.client-card{background:var(--color-white);border:1px solid rgb(var(--line-rgb) / .7);box-shadow:0 10px 24px -16px rgb(var(--shade-rgb) / .3);transition:transform var(--duration-fast) var(--ease-smooth-out), border-color var(--duration-fast) var(--ease-smooth-out), box-shadow var(--duration-fast) var(--ease-smooth-out);padding:22px 24px}@media (hover:hover){.client-card:hover{border-color:var(--color-emerald-600);box-shadow:0 18px 30px -16px rgb(var(--shade-rgb) / .45)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.client-card:hover{transform:translateY(-5px)}}.client-marquee[data-reveal=pending] .client-card{opacity:0}.client-marquee[data-reveal=in] .client-card{animation:client-card-in .7s var(--ease-smooth-out) backwards;animation-delay:calc(min(var(--i,0), 7) * 80ms)}@keyframes client-card-in{0%{opacity:0;transform:translateY(18px)}}.client-strip__hint{visibility:hidden}.client-marquee-root[data-js] .client-strip__hint{visibility:visible}.client-strip__pause-box{border:2px solid rgb(var(--ink-rgb) / .7);border-radius:5px;flex-shrink:0;width:22px;height:22px;position:relative}.client-strip__pause:checked+.client-strip__pause-box{background:rgb(var(--ink-rgb))}.client-strip__pause:checked+.client-strip__pause-box:after{content:"";border:solid var(--color-white);border-width:0 2px 2px 0;width:6px;height:11px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.client-strip__pause:focus-visible+.client-strip__pause-box{outline:2px solid var(--color-emerald-700);outline-offset:3px}@keyframes client-marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.client-marquee{mask-image:none}.client-marquee__track{width:auto;animation:none}.client-marquee__list{flex-wrap:wrap;flex-shrink:1;justify-content:center;padding-right:0}.client-marquee__list[aria-hidden=true],.client-strip__controls{display:none}}
.dot-grid,.dot-grid__glow{pointer-events:none;background-position:50%;background-size:28px 28px;position:absolute;inset:0}.dot-grid{background-image:radial-gradient(circle,#ffffff29 1.5px,#0000 1.6px)}.dot-grid__glow{--mx:50%;--my:50%;-webkit-mask-image:radial-gradient(circle 150px at var(--mx) var(--my), #000, transparent);mask-image:radial-gradient(circle 150px at var(--mx) var(--my), #000, transparent);opacity:0;transition:opacity var(--duration-base,.25s) var(--ease-smooth-out,ease-out);background-image:radial-gradient(circle,#82c9abf2 1.8px,#0000 1.9px)}.dot-grid__glow[data-active]{opacity:1}@media (prefers-reduced-motion:reduce){.dot-grid__glow{transition:none;display:none}}
.portrait-cutout-shadow{filter:drop-shadow(0 18px 24px rgb(var(--shade-rgb) / .35))}.portrait-cutout{mask-image:linear-gradient(#000 90%,#0000)}
