/* V3.2: quiet, continuous brand ribbon. All styling is scoped to this section.
   Each group has identical width INCLUDING its trailing gap for a seamless loop. */
.trust.brand-ribbon{display:block;padding:0;background:#080808;color:#c6c6c6;border-bottom:1px solid #242424;position:relative;isolation:isolate}
.brand-ribbon .ribbon-inner{min-height:116px;display:flex;align-items:center;gap:30px}
.brand-ribbon .ribbon-heading{flex:0 0 127px;margin:0;font-size:9px;line-height:1.7;letter-spacing:1.9px;color:#8d8d8d;white-space:nowrap}
.brand-ribbon .ribbon-viewport{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38px,#000 calc(100% - 38px),transparent);mask-image:linear-gradient(90deg,transparent,#000 38px,#000 calc(100% - 38px),transparent)}
.brand-ribbon .ribbon-viewport::-webkit-scrollbar{display:none}
.brand-ribbon .ribbon-viewport:focus-visible{outline:1px solid #bfbfbf;outline-offset:5px;border-radius:2px}
.brand-ribbon .ribbon-track{display:flex;width:max-content;max-width:none;--ribbon-gap:66px}
.brand-ribbon .ribbon-group{display:flex;flex:0 0 auto;align-items:center;list-style:none;gap:var(--ribbon-gap);padding:20px var(--ribbon-gap) 20px 0;margin:0;min-height:87px;width:max-content}
.brand-ribbon .ribbon-item{display:flex;align-items:center;justify-content:center;min-width:120px;height:47px;flex:0 0 auto;padding:0;margin:0;color:#c4c4c4;line-height:1;transition:color .2s ease}
.brand-ribbon .ribbon-item:hover{color:#fff}
.brand-ribbon .ribbon-wordmark{display:block;text-align:center;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-size:24px;line-height:1.05;letter-spacing:-.8px;font-weight:750}
.brand-ribbon .ribbon-netflix{font-weight:900;font-size:28px;letter-spacing:-1.05px}
.brand-ribbon .ribbon-cbs{font-size:23px;font-weight:700;letter-spacing:-.9px}.brand-ribbon .ribbon-cbs span{font-weight:400;letter-spacing:.8px}
.brand-ribbon .ribbon-wilhelmina{font-size:13px;font-weight:400;letter-spacing:3px}
.brand-ribbon .ribbon-robb{font-family:Georgia,'Times New Roman',serif;font-size:29px;font-weight:600;letter-spacing:-1.25px}
.brand-ribbon .ribbon-flyhouse{font-size:16px;font-weight:800;letter-spacing:4px}
.brand-ribbon .ribbon-gear{font-size:21px;font-weight:850;letter-spacing:-.6px}
.brand-ribbon .ribbon-girls{font-size:18px;font-weight:900;letter-spacing:.6px;line-height:1.05}
.brand-ribbon .ribbon-hiconsumption{font-size:13px;font-weight:800;letter-spacing:1.4px}
.brand-ribbon .ribbon-sun{font-size:15px;font-weight:700;letter-spacing:3.2px;line-height:1.25}
.brand-ribbon .ribbon-buzzfeed{font-size:29px;font-weight:850;letter-spacing:-1.6px}
.brand-ribbon .ribbon-inside{font-family:Georgia,'Times New Roman',serif;font-size:27px;font-weight:650;letter-spacing:-1.1px}
.brand-ribbon .ribbon-mens{font-size:16px;font-weight:750;letter-spacing:1.7px}
.brand-ribbon .ribbon-food{font-size:25px;font-weight:900;letter-spacing:-1.25px}
.brand-ribbon .ribbon-datadome{font-size:26px;font-weight:700;letter-spacing:-1.4px}
.brand-ribbon .ribbon-mongo{font-family:Georgia,'Times New Roman',serif;font-size:27px;font-weight:400;letter-spacing:-1px}
.brand-ribbon .ribbon-toggle{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;padding:0;border:1px solid #343434;border-radius:50%;background:transparent;color:#aaa;transition:color .2s,border-color .2s}
.brand-ribbon .ribbon-toggle:hover{border-color:#777;color:#fff}.brand-ribbon .ribbon-toggle:focus-visible{outline:2px solid white;outline-offset:4px}
.brand-ribbon .ribbon-toggle .icon{width:13px;height:13px}.brand-ribbon .ribbon-toggle:disabled{opacity:.45;cursor:default}
.brand-ribbon[data-enhanced="true"]:not([data-static="true"]) .ribbon-viewport{overflow-x:hidden}
.brand-ribbon[data-enhanced="true"]:not([data-static="true"]) .ribbon-track{animation:ribbonDrift var(--ribbon-duration,82s) linear infinite;will-change:transform}
.brand-ribbon[data-paused="true"] .ribbon-track{animation-play-state:paused!important}
.brand-ribbon[data-static="true"] .ribbon-track{animation:none!important;transform:none!important}
.brand-ribbon[data-static="true"] .ribbon-clone{display:none}
@keyframes ribbonDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:1000px){.brand-ribbon .ribbon-inner{gap:20px;min-height:105px}.brand-ribbon .ribbon-heading{flex-basis:110px;font-size:8px;letter-spacing:1.3px}.brand-ribbon .ribbon-track{--ribbon-gap:50px}.brand-ribbon .ribbon-item{min-width:112px}.brand-ribbon .ribbon-toggle{width:36px;height:36px;flex-basis:36px}}
@media(max-width:599px){.brand-ribbon .ribbon-inner{display:grid;grid-template-columns:1fr 34px;column-gap:12px;row-gap:0;padding-top:13px;padding-bottom:13px;min-height:118px}.brand-ribbon .ribbon-heading{grid-column:1;grid-row:1;font-size:8px;letter-spacing:1.7px}.brand-ribbon .ribbon-toggle{grid-column:2;grid-row:1;width:32px;height:32px;min-height:32px}.brand-ribbon .ribbon-viewport{grid-column:1/-1;grid-row:2;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}.brand-ribbon .ribbon-track{--ribbon-gap:38px}.brand-ribbon .ribbon-group{padding-top:8px;padding-bottom:8px;min-height:63px}.brand-ribbon .ribbon-item{height:43px;min-width:110px}.brand-ribbon .ribbon-netflix{font-size:25px}.brand-ribbon .ribbon-robb{font-size:26px}.brand-ribbon .ribbon-buzzfeed{font-size:26px}}
@media(prefers-reduced-motion:reduce){.brand-ribbon .ribbon-track{animation:none!important;transform:none!important}.brand-ribbon .ribbon-clone{display:none}.brand-ribbon .ribbon-viewport{overflow-x:auto!important}.brand-ribbon .ribbon-item{transition:none}}
@media print{.trust.brand-ribbon{display:none!important}}
