/* ==========================================
   CLIENTS MARQUEE (home)
========================================== */
.clients{
    background:var(--bg-light);
    overflow:hidden;
}
.clients-marquee{
    overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg, transparent, black 10%, black 90%, transparent);
    mask-image:linear-gradient(90deg, transparent, black 10%, black 90%, transparent);
}
.clients-track{
    display:flex;
    gap:16px;
    width:max-content;
    animation:scroll-left 40s linear infinite;
}
.client-logo{
    flex-shrink:0;
    width:110px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    background:var(--bg-main);
    border:1px solid var(--border-color);
    border-radius:var(--radius-sm);
}
.client-logo img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}
.client-logo span{
    font-family:var(--heading-font);
    font-weight:600;
    font-size:12px;
    color:var(--primary);
    text-align:center;
    line-height:1.2;
}
@keyframes scroll-left{
    from{ transform:translateX(0); }
    to{ transform:translateX(-50%); }
}

/* ==========================================
   CLIENTS PAGE GRID
========================================== */
.grid-6{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:20px;
}
.clients-grid-page{
    grid-template-columns:repeat(6,1fr);
}
.client-card{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100px;
    padding:14px;
    background:var(--bg-light);
    box-shadow:var(--shadow-sm);
    border-radius:var(--radius-sm);
}
.client-card img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}
.client-card span{
    font-family:var(--heading-font);
    font-weight:600;
    font-size:13px;
    color:var(--primary);
    text-align:center;
}