:root{--marqueGap:120px;--blue:#142434;--brown:#C2A794}.marquee{position:relative;display:flex;gap:var(--marqueGap);overflow:hidden;width:100%;will-change:transform;transform:translate3d(0,0,0);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%}.marquee__wrapper{display:flex;flex-direction:column;gap:var(--marqueGap);margin:auto;overflow:hidden;width:100%;position:relative}.marquee__group{flex-shrink:0;display:flex;align-items:center;gap:var(--marqueGap);min-width:-moz-max-content;min-width:max-content;will-change:transform;transform:translate3d(0,0,0)}.marquee__group .item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;transition:opacity 350ms ease;width:auto}.marquee__group .item img{display:block;height:auto;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;transform:translate3d(0,0,0)}.marquee__group .item strong{color:var(--blue);text-decoration:none;transition:color 350ms ease}.marquee__group .item:hover{opacity:1!important}.marquee__group .item:hover strong{color:var(--brown)}@media (hover:hover) and (pointer:fine){.marquee:hover .item{opacity:.5}}@media (max-width:1024px){.marquee{-webkit-mask-image:none;mask-image:none}}