/* Homepage "Our Clients" — redesigned logo wall with DigiDesire's own client logos. */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;800&display=swap");

.dd-clients { background:#0a0a0a; padding-block:clamp(3rem,6vw,5.5rem); font-family:"Manrope",system-ui,sans-serif; }
.dd-clients__inner { max-width:1120px; margin:0 auto; padding-inline:clamp(1rem,4vw,2rem); text-align:center; }
.dd-clients__eyebrow { display:inline-block; font-size:11px; letter-spacing:3px; text-transform:uppercase; color:#8a8a8a; font-weight:600; }
.dd-clients__title { margin:14px 0 0; font-size:clamp(1.7rem,3.6vw,2.5rem); font-weight:800; color:#fff; letter-spacing:-.02em; }
/* auto-scrolling slider (marquee) */
.dd-clients__marquee {
  margin-top:clamp(2rem,4vw,3rem); overflow:hidden;
  -webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
          mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.dd-clients__track { display:flex; width:max-content; gap:16px; animation:dd-marquee 26s linear infinite; }
.dd-clients__marquee:hover .dd-clients__track { animation-play-state:paused; }
@keyframes dd-marquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce){ .dd-clients__track { animation:none; } }
.dd-clients__logo {
  flex:0 0 auto; width:200px;
  display:flex; align-items:center; justify-content:center; min-height:96px; padding:20px 18px;
  background:rgba(255,255,255,0.02); border:1px solid rgba(255,255,255,0.08); border-radius:14px;
  transition:background-color .25s ease, border-color .25s ease;
}
.dd-clients__logo:hover { background:rgba(255,255,255,0.05); border-color:rgba(255,255,255,0.18); }
.dd-clients__logo img {
  max-width:100%; max-height:52px; width:auto; height:auto; object-fit:contain;
  filter:grayscale(1) brightness(1.6); opacity:.6; transition:opacity .25s ease, filter .25s ease;
}
.dd-clients__logo:hover img { filter:grayscale(0) brightness(1); opacity:1; }