.showcase-logo-container{display:block;margin:0 auto;overflow:hidden;width:100%}.showcase-logo-wrapper{background:transparent;display:grid;gap:16px;grid-template-columns:repeat(6,1fr);list-style:none;margin:0;padding:0}.showcase-logo-wrapper li{align-items:center;aspect-ratio:3/2;background:#fff;border:1px solid #ececec;border-radius:3px;display:flex;justify-content:center;list-style:none;margin:0;overflow:hidden;padding:22px;position:relative;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .3s ease}.showcase-logo-wrapper li:before{background:linear-gradient(110deg,transparent,rgba(201,169,97,0) 30%,hsla(43,71%,69%,.28) 50%,rgba(201,169,97,0) 70%,transparent);content:"";height:100%;left:-120%;pointer-events:none;position:absolute;top:0;transform:skewX(-18deg);transition:left .7s cubic-bezier(.22,1,.36,1);width:80%}.showcase-logo-wrapper li:after{background:linear-gradient(90deg,#c9a961,#e8c878,#c9a961);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1);width:100%}.showcase-logo-wrapper li:hover{border-color:transparent;box-shadow:0 16px 36px rgba(43,43,43,.1),0 0 0 1px rgba(201,169,97,.25);transform:translateY(-5px)}.showcase-logo-wrapper li:hover:before{left:140%}.showcase-logo-wrapper li:hover:after{transform:scaleX(1)}.showcase-logo{max-height:100%;max-width:100%;object-fit:contain;position:relative;transition:transform .4s ease;z-index:1}.showcase-logo-wrapper li:hover .showcase-logo{transform:scale(1.03)}.annotation{list-style:none;margin:32px 0 0;padding:0;text-align:center}.annotation li{color:#999;font-size:11px;letter-spacing:.05em;list-style:none}@media only screen and (max-width:750px){.showcase-logo-wrapper{gap:10px;grid-template-columns:repeat(3,1fr)}.showcase-logo-wrapper li{padding:14px}}