.db-clients { background: var(--sand); border-bottom: 1px solid var(--line); } .db-clients .db-clients__inner { display: flex; flex-direction: column; align-items: center; gap: 32px; padding-block: 40px; }
.db-clients__title { font-size: clamp(1.75rem, 9vw, 4.5rem); text-align: center; line-height: 1.05; }
.db-clients__marquee {
width: 100%; overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
} .db-clients .db-clients__row {
display: flex; align-items: center; width: max-content; gap: 77px;
animation: db-clients-scroll 40s linear infinite;
}
.db-clients__row img { flex: 0 0 80px; width: 80px; height: 80px; object-fit: contain; }
@keyframes db-clients-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (min-width: 861px) {
.db-clients .db-clients__inner { padding-block: 80px; gap: 60px; }
.db-clients__title { font-size: 4.5rem; }
.db-clients .db-clients__row { gap: 116px; }
.db-clients__row img { flex: 0 0 132px; width: 132px; height: 132px; }
}
@media (prefers-reduced-motion: reduce) { .db-clients .db-clients__row { animation: none; } }