/* Original identities, unified in clay ink for this homepage strip. */
@font-face{font-family:ClosWordmark;src:url('../fonts/clos-wordmark-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
.creative .clientstrip.af-logo-strip{padding:28px 0 30px;overflow:hidden;isolation:isolate}
.af-logo-filters{position:absolute;pointer-events:none;overflow:hidden}
.creative .af-logo-strip .af-logo-heading{display:flex;justify-content:center;align-items:center;gap:14px;padding:0 var(--af-page-gutter);margin:0 0 20px}
.creative .af-logo-strip .af-logo-heading .eyebrow{margin:0;font-size:10px;color:var(--af-brand)}
.af-logo-toggle{display:grid;place-items:center;width:30px;height:30px;min-height:0;padding:0;border:1px solid var(--af-border);border-radius:50%;background:transparent;color:var(--af-brand);font:14px/1 sans-serif;cursor:pointer}
.af-logo-toggle[hidden]{display:none}
.af-logo-toggle:focus-visible{outline:2px solid var(--af-brand);outline-offset:4px}
.creative .af-logo-strip .af-logo-window{display:block;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:auto;padding:8px 0;margin:0;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.af-logo-window::-webkit-scrollbar{display:none}
.af-logo-track{display:flex;width:max-content;align-items:center}
.creative .af-logo-strip .af-client-logos{display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center;gap:28px;width:max-content;min-width:100vw;padding:0 14px;margin:0;animation:none}
.creative .af-logo-strip .af-client-logos a{display:grid;place-items:center;width:144px;height:122px;flex:0 0 144px;transform:none;border-radius:0}
/* Centre the visible mark, not the square source file. Source artwork is unchanged. */
.af-logo-stage{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:122px;overflow:hidden;transition:opacity .25s;opacity:1}
.creative .af-logo-strip .af-client-logos img{position:absolute;display:block;left:50%;top:50%;width:var(--logo-size,112px);height:var(--logo-size,112px);max-width:none;object-fit:contain;border-radius:0;filter:url('#af-logo-paper');transform:translate(calc(-50% + var(--logo-x,0px)),calc(-50% + var(--logo-y,0px)));transition:none}
.creative .af-logo-strip [data-client-logo="burger"]{--logo-size:88px}
.creative .af-logo-strip [data-client-logo="cuivres"]{--logo-size:172px;--logo-x:-2.4px;--logo-y:-1.1px}
.creative .af-logo-strip [data-client-logo="cuivres"] img{filter:url('#af-logo-cuivres')}
.creative .af-logo-strip [data-client-logo="beaubourg"]{--logo-size:136px;--logo-y:-2.7px}
.creative .af-logo-strip [data-client-logo="beaubourg"] img{filter:url('#af-logo-turquoise')}
.creative .af-logo-strip [data-client-logo="fornaio"]{--logo-size:148px;--logo-x:1.1px;--logo-y:4.8px}
.creative .af-logo-strip [data-client-logo="fornaio"] img{clip-path:circle(47%)}
.creative .af-logo-strip [data-client-logo="toquet"]{--logo-size:102px;--logo-y:-.3px}
.creative .af-logo-strip [data-client-logo="athena"]{--logo-size:118px;--logo-x:.6px;--logo-y:-2.3px}
.creative .af-logo-strip [data-client-logo="livocello"]{--logo-size:232px;--logo-y:1.3px}
.creative .af-logo-strip [data-client-logo="livocello"] img{filter:url('#af-logo-light')}
.creative .af-logo-strip .af-client-logos a:hover img{transform:translate(calc(-50% + var(--logo-x,0px)),calc(-50% + var(--logo-y,0px)))}
.creative .af-logo-strip .af-client-logos a:hover .af-logo-stage,.creative .af-logo-strip .af-client-logos a:focus-visible .af-logo-stage{opacity:.78}
.creative .af-logo-strip .af-client-logos a:focus-visible{outline:2px solid var(--af-brand);outline-offset:0;border-radius:4px}
.creative .af-logo-strip .af-client-logos .af-clos-wordmark{color:#614031;text-align:center}
.af-clos-wordmark .af-logo-stage{gap:8px}
.af-clos-wordmark strong{font:500 27px/.92 ClosWordmark,Georgia,serif;letter-spacing:.02em}
.af-clos-wordmark small{font:500 6px/1.5 var(--font-body);letter-spacing:.08em;text-transform:uppercase}
@media(max-width:700px){
 .creative .clientstrip.af-logo-strip{padding-block:20px 24px}
 .creative .af-logo-strip .af-logo-heading{margin-bottom:12px}
 .creative .af-logo-strip .af-client-logos{gap:20px;padding-inline:10px}
 .creative .af-logo-strip .af-client-logos a{width:124px;height:110px;flex-basis:124px}
 .creative .af-logo-strip .af-logo-stage{height:110px;zoom:1}
}
@media(prefers-reduced-motion:reduce){
 .creative .af-logo-strip .af-logo-stage{transition:none;transform:none!important}
 .af-logo-track>[aria-hidden="true"]{display:none}
 .af-logo-toggle{display:none}
}

/* Keep the small collaboration heading readable on cream. */
.creative .af-logo-strip .af-logo-heading .eyebrow{opacity:1}