/* Transparent continuous brand marquee, About page only. */
.about-brand-strip{background:transparent;width:100%;padding:18px 0 12px;overflow:hidden}
.about-brand-strip-inner{width:100%;max-width:100%;margin:0 auto}
.about-brand-heading{font:600 13px/1.5 Inter,system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;text-align:center;color:inherit;opacity:.76;margin:0 0 12px}
.about-brand-viewport{width:100%;overflow:hidden;position:relative;background:transparent}
.about-brand-track{width:max-content;display:flex;align-items:center;gap:0;will-change:transform;animation:aboutBrandMove var(--brand-duration,75s) linear infinite}
.about-brand-set{display:flex;align-items:center;flex:none;gap:0}
.about-brand-logo{box-sizing:border-box;flex:0 0 auto;display:flex;justify-content:center;align-items:center;width:164px;height:77px;margin:0 13px;padding:10px 17px;background:transparent}
.about-brand-logo img{display:block;width:100%;height:100%;object-fit:contain;border:0;background:transparent;mix-blend-mode:multiply}
@keyframes aboutBrandMove{to{transform:translateX(-50%)}}
@media(max-width:640px){.about-brand-strip{padding:14px 0 8px}.about-brand-logo{width:120px;height:60px;margin:0 6px;padding:7px 10px}.about-brand-heading{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.about-brand-track{animation:none}.about-brand-viewport{overflow-x:auto}}

/* Reserve the carousel's final height before asynchronous logos arrive.
   This prevents the hero and mission sections from jumping down. */
.about-brand-strip{box-sizing:border-box;height:107px;min-height:107px;}
.about-brand-viewport{height:77px;min-height:77px;}
.about-brand-track{height:77px;min-height:77px;}
@media(max-width:640px){
  .about-brand-strip{height:82px;min-height:82px;}
  .about-brand-viewport,.about-brand-track{height:60px;min-height:60px;}
}