/* Supplied white brand marks keep their original pixels and transparent margins. */
.brands{background:var(--cream);color:var(--black);max-width:none;padding-top:30px;padding-bottom:0}
.brands .section-caption{color:var(--black)}
.brands .motion-control{color:var(--black);border-color:#1116}
.brands .marquee{background:#000;padding:24px 0;mask-image:none}
.brands .logo-group{gap:56px;padding-left:28px;padding-right:28px}
.brands .logo-slot{width:230px;min-width:230px;height:100px}
.brands .logo-slot img{max-width:none;width:230px;height:100px;object-fit:contain;filter:none}
.brands .marquee-track{animation-duration:48s}
.project-slide video{object-fit:contain;background:#111;display:block}
.project-slide:has(video) .slide-info{bottom:43px;right:62px}
.project-slide:has(video) .slide-info h3{font-size:19px;margin:7px 0 0}
.project-slide:has(video) .slide-info p:empty{display:none}
.project-slide:has(video) .slide-shade{background:linear-gradient(transparent 70%,#0009)}
.project-slide:has(video) .slide-tools{bottom:50px}
.slide-tools button{width:40px;height:40px}
@media(max-width:650px){.brands .logo-group{gap:32px;padding-left:16px;padding-right:16px}.brands .logo-slot{width:190px;min-width:190px;height:88px}.brands .logo-slot img{width:190px;height:88px}}