.logo-carousel-wrapper{width:100%;max-width:900px;margin:0 auto;padding:0 clamp(10px, 2%, 20px);overflow:hidden;container-type:inline-size;container-name:logos}.logo-carousel{--logo-h:clamp(14px, 1.6cqi + 9px, 22px);--col-h:calc(var(--logo-h) * 3.6);--gap:clamp(12px, 4cqi, 40px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);align-items:center}.logo-column{height:var(--col-h);min-width:0;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.logo-slot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;will-change:transform,opacity;transform:translateZ(0)}.logo-slot img,.logo-slot svg{filter:brightness(0) invert(1);height:var(--logo-h);max-width:100%;width:auto;object-fit:contain;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden}@container logos (max-width:560px){.logo-carousel{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px, 3cqi, 24px) clamp(16px, 6cqi, 40px)}}@supports not (container-type:inline-size){.logo-carousel{--logo-h:20px;--gap:40px}@media (max-width:640px){.logo-carousel{grid-template-columns:repeat(2,minmax(0,1fr));--gap:20px}}}