/* ASM LOGOS CAROUSEL */
.rat-lc{
    background:#fff;padding:40px 0;overflow:hidden;
}
.rat-lc__heading{
    text-align:center;font-size:clamp(18px,2.5vw,28px);font-weight:700;color:#222;margin-bottom:28px;
}
.rat-lc__row{margin-bottom:16px;}
.rat-lc__row:last-child{margin-bottom:0;}

/* Mask with fade edges */
.rat-lc__mask{
    position:relative;overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}

/* Track - infinite scroll */
.rat-lc__track{
    display:flex;align-items:center;width:max-content;
    animation:asmLogoScroll 30s linear infinite;
}
@keyframes asmLogoScroll{
    from{transform:translateX(0);}
    to{transform:translateX(-50%);}
}

/* Pause on hover */
.rat-lc--pause:hover .rat-lc__track{animation-play-state:paused;}

/* Logo item */
.rat-lc__logo{
    padding:0 40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
}
.rat-lc__logo img{
    height:50px;width:auto;max-width:160px;object-fit:contain;
    opacity:.5;transition:all .4s cubic-bezier(.4,0,.2,1);
}

/* Grayscale mode */
.rat-lc--gray .rat-lc__logo img{
    filter:grayscale(100%);
}
.rat-lc--gray .rat-lc__logo img:hover,
.rat-lc__logo img:hover{
    opacity:1!important;filter:grayscale(0)!important;transform:scale(1.08);
}

/* Responsive */
@media(max-width:768px){
    .rat-lc{padding:28px 0;}
    .rat-lc__logo{padding:0 24px;}
    .rat-lc__logo img{height:36px;max-width:120px;}
}
@media(max-width:480px){
    .rat-lc__logo{padding:0 18px;}
    .rat-lc__logo img{height:28px;max-width:100px;}
}