/* Logo Marquee */
.bel-marquee { --bel-marquee-fg: #8f8f8f; overflow: hidden; padding: 34px 0; background: var(--bel-bg); }
.bel-marquee--accent { --bel-marquee-fg: var(--bel-on-accent); background-color: var(--bel-accent); background-image: var(--bel-tex-dark); padding: 46px 0; }
.bel-marquee--dark { --bel-marquee-fg: rgba(255, 255, 255, .7); background-color: var(--bel-dark); background-image: var(--bel-tex-dark); padding: 46px 0; }
.bel-marquee__row { display: flex; width: max-content; animation: bel-marquee var(--bel-marquee-speed, 32s) linear infinite; }
.bel-marquee__row + .bel-marquee__row { margin-top: 26px; }
.bel-marquee__row.is-reverse { animation-direction: reverse; }
.bel-marquee:hover .bel-marquee__row { animation-play-state: paused; }
.bel-marquee__list { display: flex; align-items: center; flex: none; margin: 0; padding: 0; list-style: none; }
.bel-marquee__item { flex: none; padding: 0 44px; }
.bel-marquee__item img { width: auto; max-height: 54px; filter: grayscale(1); opacity: .7; transition: opacity .25s, filter .25s; }
.bel-marquee__item img:hover { filter: none; opacity: 1; }
.bel-marquee__logo { display: inline-flex; align-items: center; gap: 12px; color: var(--bel-marquee-fg); white-space: nowrap; transition: color .25s; }
.bel-marquee__logo:hover { color: var(--bel-heading); }
.bel-marquee--accent .bel-marquee__logo:hover, .bel-marquee--dark .bel-marquee__logo:hover { color: #fff; }
.bel-marquee__logo svg { width: 40px; height: 38px; flex: none; }
.bel-marquee__logo--0 span { font: 700 34px/1 var(--bel-font-h); letter-spacing: -.02em; }
.bel-marquee__logo--1 span { font: 600 36px/1 var(--bel-font-b); text-transform: lowercase; letter-spacing: -.04em; }
.bel-marquee__logo--2 span { font: 500 26px/1 var(--bel-font-h); letter-spacing: .22em; text-transform: uppercase; }
.bel-marquee__logo--3 span { font: italic 600 34px/1 Georgia, "Times New Roman", serif; }
@keyframes bel-marquee { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
	.bel-marquee__row { width: auto; animation: none; justify-content: center; }
	.bel-marquee__list { flex-wrap: wrap; justify-content: center; row-gap: 20px; }
	.bel-marquee__list[aria-hidden] { display: none; }
}
@media (max-width: 767px) { .bel-marquee__item { padding: 0 26px; } .bel-marquee__logo span { font-size: 26px !important; } .bel-marquee__logo svg { width: 32px; height: 30px; } }
