.logo-scroller--bg-white{background-color:#fff}.logo-scroller--bg-surface{background-color:var(--color-surface,#f2f4f6)}.logo-scroller__inner{align-items:center;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:48rem){.logo-scroller__inner{gap:3rem;grid-template-columns:minmax(20rem,25rem) 1fr}}.logo-scroller__intro{display:flex;flex-direction:column;gap:.5rem;text-align:center}@media (min-width:48rem){.logo-scroller__intro{text-align:left}}.logo-scroller__subtitle{color:var(--color-secondary,#132855);font-size:1.125rem;font-weight:700;letter-spacing:.225rem;text-transform:uppercase}.logo-scroller__title{color:var(--color-secondary,#132855);font-size:2rem;font-weight:400;line-height:1.2;margin:0}.logo-scroller__marquee{min-width:0;position:relative}.logo-scroller__viewport{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);overflow:hidden}.logo-scroller__track{align-items:center;animation:logo-scroller-marquee 40s linear infinite;display:flex;gap:3rem;list-style:none;margin:0;padding:0;width:max-content}.logo-scroller__marquee[data-paused=true] .logo-scroller__track{animation-play-state:paused}.logo-scroller__item{align-items:center;display:flex;flex:0 0 auto;height:6rem;justify-content:center;min-width:8rem}.logo-scroller__item img{max-height:6rem;object-fit:contain;width:auto}.logo-scroller__placeholder{color:#6b7280;font-size:.875rem;font-weight:600}.logo-scroller__toggle{align-items:center;background-color:var(--color-primary,#356f30);border:0;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:0;position:absolute;right:0;top:-2rem;width:30px}.logo-scroller__toggle:focus,.logo-scroller__toggle:hover{background-color:#2a5a26;color:#fff}.logo-scroller__toggle svg{display:block}.logo-scroller__marquee[data-paused=true] .logo-scroller__toggle-icon--pause,.logo-scroller__toggle .logo-scroller__toggle-icon--play{display:none}.logo-scroller__marquee[data-paused=true] .logo-scroller__toggle-icon--play{display:block}@keyframes logo-scroller-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.logo-scroller__track{animation:none}.logo-scroller__viewport{overflow-x:auto}}