/* CLIENTS SECTION */
.clients-section {
    background: #f5f5f5;
    padding: 64px 40px;
}

.clients-title {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: #999;
    text-align: center;
    margin: 0 0 48px 0;
}

.clients-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 40px 24px;
    align-items: center;
    justify-items: center;
    max-width: 1100px;
    margin: 0 auto;
}

.client-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    opacity: 0.75;
    transition: opacity 0.3s ease;
}

.client-item:hover { opacity: 1; }

.client-logo {
    height: 36px;
    width: auto;
    max-width: 160px;
    display: block;
    object-fit: contain;
}

.client-placeholder {
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #aaa;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .clients-section { padding: 48px 24px; }
    .clients-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 28px 16px; }
    .client-logo { height: 28px; max-width: 120px; }
}