.collaborations{--logo-share:25%;--cycle-distance:calc(var(--logo-count,5) * var(--logo-share) * -1);margin:0 var(--gutter);padding:24px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.collaborations-heading{margin-bottom:16px}
.collaborations h2{margin:0;font:400 29px/1.2 var(--serif);letter-spacing:-.025em}
.collaborations-window{overflow-x:auto;scrollbar-width:thin}
.is-carousel .collaborations-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.collaborations-logos{display:flex;list-style:none;margin:0;padding:0}
.is-carousel .collaborations-logos{animation:collaborations-loop calc(var(--logo-count,5) * 7s) linear infinite;will-change:transform}
.collaborations-logos li{flex:0 0 var(--logo-share);min-width:0;display:flex;justify-content:center;align-items:center;padding:0 20px;box-sizing:border-box}
.collaborations-logos img{display:block;width:150px;height:150px;max-width:100%;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}
.collaborations-logos .collaboration-wide{width:245px}
@keyframes collaborations-loop{from{transform:translateX(0)}to{transform:translateX(var(--cycle-distance))}}
@media(max-width:900px){.collaborations{--logo-share:33.333333%}}
@media(max-width:620px){.collaborations{--logo-share:50%;padding-block:22px}.collaborations h2{font-size:26px}.collaborations-logos li{padding-inline:10px}.collaborations-logos img{width:130px;height:130px}.collaborations-logos .collaboration-wide{width:245px}}
@media(prefers-reduced-motion:reduce){.is-carousel .collaborations-logos{animation:none;transform:none;will-change:auto;flex-wrap:wrap;row-gap:20px}.collaboration-copy{display:none!important}.is-carousel .collaborations-window{mask-image:none}}