.brand-bar{height:88px;background:rgba(0,0,0,.58);border:0;padding:0;backdrop-filter:blur(16px)}
.brand-viewport{height:100%;overflow:hidden;cursor:grab;touch-action:pan-y;mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%)}
.brand-viewport.is-dragging{cursor:grabbing}.brand-track,.brand-group{display:flex;align-items:center;height:100%;width:max-content}.brand-track{gap:28px}.brand-group{gap:28px}.brand-logo{height:52px;width:132px;transform:translateY(-6px)}.brand-arrow{display:none}
@media(max-width:900px){.brand-bar{position:fixed;height:70px}.brand-logo{height:42px;width:112px;transform:translateY(-4px)}}
.brand-track{animation:none!important;transform:none!important}
.brand-group{min-width:100vw;justify-content:space-around}
.brand-bar{transition:background .25s ease}.brand-bar.is-touch-active{background:rgba(255,255,255,.42);border:0}.brand-bar.is-touch-active img{filter:invert(1)}.brand-bar.is-touch-active .brand-logo{color:#000}@media(hover:hover){.brand-bar:hover{background:rgba(255,255,255,.42);border:0}.brand-bar:hover img{filter:invert(1)}.brand-bar:hover .brand-logo{color:#000}}