:root{--size:clamp(10rem,1rem + 40vmin,30rem);--gap:calc(var(--size)/14);--duration:120s;--scroll-start:0;--scroll-end:calc(-100% - var(--gap))}.page-wrapper.marquee-wrapper{display:block;max-width:100%}.marquee-logos h2{font-size:46px;letter-spacing:-.01em;line-height:55.2px;margin:20px 0 0;text-align:center}.marquee-logos__wrapper{padding:0 60px}.marquee{display:flex;gap:var(--gap);mask-image:linear-gradient(var(--mask-direction,to right),transparent,#000 20%,#000 80%,transparent);overflow:hidden;user-select:none}.marquee__group{align-items:center;animation:scroll-x var(--duration) linear infinite;display:flex;gap:30px;margin:64px auto}@media (prefers-reduced-motion:reduce){.marquee__group{animation-play-state:paused}}.marquee--vertical{--mask-direction:to bottom}.marquee--vertical,.marquee--vertical .marquee__group{flex-direction:column}.marquee--vertical .marquee__group{animation-name:scroll-y}@keyframes scroll-x{0%{transform:translateX(var(--scroll-start))}to{transform:translateX(var(--scroll-end))}}@keyframes scroll-y{0%{transform:translateY(var(--scroll-start))}to{transform:translateY(var(--scroll-end))}}.marquee .marquee-logos__item{aspect-ratio:16/9;background-color:#fff;border:2px solid #d8d5e7;border-radius:8px;display:grid;height:170px;padding:calc(var(--size)/10);place-items:center;width:200px}¿ .marquee-wrapper{display:flex;flex-direction:column;gap:var(--gap);margin:auto;max-width:100vw}@keyframes fade{to{opacity:0;visibility:hidden}}@media screen and (max-width:767px){.marquee-logos__wrapper{padding:0}.marquee .marquee-logos__item{height:150px;width:150px}.marquee-logos h2{font-size:36px;letter-spacing:-.01em;line-height:41.8px}}@media screen and (max-width:390px){.page-wrapper.marquee-wrapper{margin-top:80px}}