.brand-ribbon{margin-block:12px 56px;--ribbon-icon:44px}
.brand-ribbon-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;min-height:44px}
.brand-ribbon-heading p{font-size:13px;line-height:1.8;color:#496175;margin:0}
.brand-ribbon-toggle{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffffc9;border-radius:50%;color:#28495f;background:#ffffff73;cursor:pointer;flex-shrink:0}
.brand-ribbon-toggle[hidden]{display:none}
.brand-ribbon-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.brand-ribbon-toggle .ribbon-play{display:none}
.brand-ribbon-toggle[aria-pressed="true"] .ribbon-pause{display:none}
.brand-ribbon-toggle[aria-pressed="true"] .ribbon-play{display:block}
.brand-ribbon-glass{position:relative;border:1px solid #ffffffd9;border-radius:26px;background:linear-gradient(115deg,#ffffff83,#e3edf43b 45%,#ffffff9e);box-shadow:0 10px 28px #23435808,inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff90;overflow:hidden;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}
.brand-ribbon-scroll{display:flex;direction:ltr;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent)}
.brand-ribbon-track{display:flex;flex:none;width:max-content;will-change:transform}
.brand-ribbon-scroll::-webkit-scrollbar{display:none}
.brand-ribbon-list{flex:none;display:flex;align-items:center;justify-content:space-around;min-width:0;box-sizing:border-box;gap:34px;list-style:none;padding:10px 17px;margin:0}
.brand-ribbon-list li{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:80px;color:#304e62;font-size:11px;line-height:1.5;white-space:nowrap}
.brand-ribbon-icon{width:var(--ribbon-icon);height:var(--ribbon-icon);display:grid;place-items:center;border-radius:15px;overflow:hidden;box-shadow:0 5px 10px #17314613;background:#f7f9fa}
.brand-ribbon-icon img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(var(--logo-scale));border-radius:13px}
.brand-ribbon-toggle:focus-visible,.brand-ribbon-scroll:focus-visible{outline:2px solid #315c78;outline-offset:3px}
@media(max-width:700px){.brand-ribbon{margin-block:4px 36px;--ribbon-icon:40px}.brand-ribbon-heading p{font-size:11px}.brand-ribbon-list{gap:20px;padding-block:9px}.brand-ribbon-list li{min-width:66px;font-size:10px}.brand-ribbon-glass{border-radius:23px}}