.brand-ribbon{padding:75px 0;background:#f6f4f1}
.brand-ribbon-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:35px}
.cinematic-page .brand-ribbon-heading h2{font:400 12px/1.6 var(--sans);letter-spacing:.19em;text-transform:uppercase;margin:0}
.brand-motion{border:0;border-bottom:1px solid #bca48f;background:transparent;color:#68675f;font:400 11px/1.5 var(--sans);padding:10px 0;min-height:44px;cursor:pointer;white-space:nowrap}
.brand-motion[hidden]{display:none}
.brand-viewport{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.brand-viewport::-webkit-scrollbar{display:none}
.brand-track{display:flex;width:max-content}
.brand-group{display:flex;list-style:none;align-items:center;margin:0;padding:0;gap:0;flex:none}
.brand-group li{width:230px;height:135px;display:flex;justify-content:center;align-items:center;padding:20px 35px;flex:none;box-sizing:border-box}
.brand-group img{display:block;width:160px;max-width:100%;height:80px;object-fit:contain;filter:none}
.brand-viewport:focus-visible{outline:2px solid #94735b;outline-offset:5px}
@media(max-width:700px){.brand-ribbon{padding:55px 0}.brand-ribbon-heading{margin-bottom:22px;gap:12px}.cinematic-page .brand-ribbon-heading h2{font-size:10px;letter-spacing:.15em}.brand-group li{width:175px;height:115px;padding:18px 25px}.brand-group img{height:70px}.brand-motion{font-size:10px}}