@layer vl-colors{
#registeredBrands{background:#f8fafc!important;--vl-text:#17324f;--vl-muted:#4d6075}
#registeredBrands :is(.vr-title,.vr-name){color:#17324f!important}
#registeredBrands .vr-brand{background:#fff!important;color:#17324f!important}
}
#registeredBrands[hidden]{display:none!important}
#registeredBrands{padding:24px 0 28px;overflow:hidden;border-bottom:1px solid #dce6ef}
#registeredBrands .vr-title{margin:0 18px 18px;text-align:center;font-size:clamp(14px,2vw,18px);font-weight:750}
#registeredBrands .vr-viewport{overflow:hidden}
#registeredBrands .vr-track{display:flex;width:max-content;animation:vr-travel var(--vr-duration,35s) linear infinite}
#registeredBrands .vr-group{display:flex;align-items:center;gap:18px;padding-right:18px;min-width:100vw;justify-content:space-around}
#registeredBrands .vr-brand{display:flex;align-items:center;justify-content:center;flex:0 0 154px;width:154px;height:82px;padding:13px 18px;border:1px solid #dce6ef;border-radius:12px;cursor:pointer}
#registeredBrands .vr-logo{display:block;max-width:100%;max-height:100%;object-fit:contain}
#registeredBrands .vr-name{font-family:inherit;font-size:14px;font-weight:750;line-height:1.3;text-align:center}
#registeredBrands .vr-viewport:hover .vr-track,#registeredBrands .vr-viewport:focus-within .vr-track{animation-play-state:paused}
#registeredBrands .vr-brand:focus-visible{outline:3px solid #075bb2;outline-offset:-3px}
@keyframes vr-travel{to{transform:translateX(-50%)}}
@media(max-width:650px){#registeredBrands{padding:20px 0}#registeredBrands .vr-brand{flex-basis:130px;width:130px;height:72px}#registeredBrands .vr-group{gap:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){#registeredBrands .vr-track{animation:none;width:100%}#registeredBrands .vr-group{min-width:0;flex-wrap:wrap;padding:0 16px;width:100%}#registeredBrands .vr-group[aria-hidden=true]{display:none}}

#registeredBrands .vr-brand{flex-direction:column;gap:6px}
#registeredBrands .vr-brand:has(.vr-name) .vr-logo{max-height:60%}
#registeredBrands[data-size=small] .vr-brand{width:120px;flex-basis:120px;height:68px}
#registeredBrands[data-size=large] .vr-brand{width:190px;flex-basis:190px;height:112px}
#registeredBrands[data-direction=right] .vr-track{animation-direction:reverse}
#registeredBrands[data-pause=false] .vr-viewport:hover .vr-track{animation-play-state:running}
#registeredBrands .vr-viewport:focus-within .vr-track,#registeredBrands[data-stopped=true] .vr-track{animation-play-state:paused!important}
#registeredBrands[data-motion=false] .vr-track{animation:none;width:100%}
#registeredBrands[data-motion=false] .vr-group{min-width:0;flex-wrap:wrap;width:100%;padding:0 16px;justify-content:center}
#registeredBrands .vr-pause{display:block;margin:12px auto 0;padding:7px 13px;border:1px solid #9aafc3;border-radius:18px;background:#fff;color:#17324f;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer}
@layer vl-colors{#registeredBrands .vr-pause{color:#17324f!important;background:#fff!important}}

#registeredBrands .vr-title{margin-bottom:8px}
#registeredBrands .vr-subtitle{max-width:650px;margin:0 auto 20px;padding:0 18px;text-align:center;font-size:14px;line-height:1.55;color:#4d6075}
@layer vl-colors{#registeredBrands .vr-subtitle{color:#4d6075!important}}

#registeredBrands a.vr-brand{text-decoration:none}

/* Institutional logo uses its own high-contrast brand surface. */
@layer vl-colors{
#registeredBrands .vr-brand[data-institution=mesa]{background:#123b66!important;color:#fff!important;--vl-text:#fff;--vl-muted:#fff;border-color:#123b66!important}
#registeredBrands .vr-brand[data-institution=mesa] .vr-name{color:#fff!important}
}
#registeredBrands .vr-brand[data-institution=mesa] .vr-logo{background:transparent!important;max-width:100%;object-fit:contain}

/* Desktop: a compact introduction beside a continuous, closely spaced logo strip. */
#registeredBrands .vr-layout,#registeredBrands .vr-intro{display:contents}
@media(min-width:1000px){
 #registeredBrands{padding:30px 32px}
 #registeredBrands .vr-layout{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.8fr);column-gap:36px;row-gap:10px;align-items:center;max-width:min(1120px,calc(360px + var(--vr-count,4) * (var(--vr-card-width,180px) + 20px)));margin:0 auto}
 #registeredBrands .vr-intro{display:block;grid-column:1;grid-row:1 / span 2}
 #registeredBrands .vr-title{font-size:27px;line-height:1.18;text-align:left;margin:0 0 12px;letter-spacing:-.025em}
 #registeredBrands .vr-subtitle{font-size:14px;line-height:1.65;text-align:left;margin:0;padding:0;max-width:330px}
 #registeredBrands .vr-viewport{grid-column:2;grid-row:1;min-width:0;width:100%;max-width:calc(var(--vr-count,4) * (var(--vr-card-width,180px) + 20px));justify-self:end;padding:3px 0}
 #registeredBrands .vr-group{min-width:0!important;justify-content:flex-start;gap:20px;padding-right:20px;flex-shrink:0}
 #registeredBrands .vr-brand{width:var(--vr-card-width,180px);flex-basis:var(--vr-card-width,180px);height:104px;padding:18px 22px;border-radius:15px}
 #registeredBrands[data-size=small] .vr-brand{width:144px;flex-basis:144px;height:84px}
 #registeredBrands[data-size=large] .vr-brand{width:210px;flex-basis:210px;height:124px}
 #registeredBrands .vr-pause{grid-column:2;grid-row:2;margin:0;justify-self:end}
 #registeredBrands[data-motion=false] .vr-viewport{grid-row:1 / span 2}
 #registeredBrands[data-motion=false] .vr-group{justify-content:center;padding-right:0}
}
@media(min-width:1000px) and (prefers-reduced-motion:reduce){
 #registeredBrands .vr-group{justify-content:center;padding-right:0}
}