/* Brand strip: real logos. White (mono) at rest; hovering one shows its brand colours and pauses the strip. */
.brands .marquee ul{align-items:center}
.brands .marquee li.lg{position:relative;width:var(--w);height:var(--h);flex:0 0 auto;margin:0 clamp(30px,3.8vw,60px);font-size:0}
.brands .marquee li.lg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .45s cubic-bezier(.22,.61,.36,1)}
.brands .marquee li.lg .lg-m{opacity:.82}
.brands .marquee li.lg .lg-b{opacity:0}
.brands:hover .marquee{animation-play-state:paused}
@media(hover:hover){.brands .marquee li.lg:hover .lg-m{opacity:0}.brands .marquee li.lg:hover .lg-b{opacity:1}}
@media(max-width:600px){.brands .marquee li.lg{width:calc(var(--w)*.78);height:calc(var(--h)*.78);margin:0 26px}}
/* Portrait: new colour studio photo (dark background, red rim light) shown in colour. */
.portrait img,.founder img{filter:none!important}
.portrait img{object-position:50% 30%}
.founder img{object-position:50% 22%}
.portrait::after{display:none}
.motion-top{align-items:center}
.motion-top .ct-brand{display:flex;align-items:center;height:24px}
.ct-logo{display:block;height:22px;width:auto;max-width:150px;object-fit:contain}
.motion-card:nth-child(odd):not(:nth-child(3)) .ct-logo{filter:brightness(0)}
.case-logo{display:block;height:34px;width:auto;max-width:200px;margin:0 0 26px;filter:brightness(0);opacity:.9}
@media(max-width:600px){.ct-logo{height:17px}.motion-top .ct-brand{height:19px}.case-logo{height:27px;margin-bottom:20px}}
.logo.logo-lockup{display:inline-flex;align-items:center}
.logo.logo-lockup img{display:block;height:40px;width:auto}
footer .logo.logo-lockup img{height:46px}
@media(max-width:600px){.logo.logo-lockup img{height:32px}footer .logo.logo-lockup img{height:38px}}
footer .foot-legal{margin-top:56px;padding-top:24px;border-top:1px solid #dedbd5}