/* Trusted logos */ 
.brand-band {
  overflow: hidden;
}
.brand-track {
  display: flex;
  align-items: center;
  gap: 48px;
  width: max-content;
  animation: scroll 25s linear infinite; 
  will-change: transform;
  background: #ffffff
  
}
.logo.brand {
  flex: 0 0 auto;
  width: 160px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.25s ease;
}
.logo.brand img {
  width: 130px;
  height: 65px;
  object-fit: contain;
  display: block;
}

.logo.brand:hover {
  transform: scale(1.06);
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (max-width: 900px) {
  .brand-track { gap: 30px; animation-duration: 20s; }
  .logo.brand { width: 130px; height: 70px; }
  .logo.brand img { width: 110px; height: 55px; }
}
@media (max-width: 500px) {
  .brand-track { gap: 20px; animation-duration: 20s; }
  .logo.brand { width: 100px; height: 56px; }
  .logo.brand img { width: 80px; height: 42px; }
}
/* Featured work */
#work > *::before {
  content: "";
  display: block;
  width: 100%;
  height: 150px;             
  background-size: cover;
  background-position: center;
  margin-bottom: 18px;
  pointer-events: none;
}

#work > *:nth-child(1)::before  { background-image: url("../images/1.png"); }
#work > *:nth-child(2)::before  { background-image: url("../images/2.png"); }
#work > *:nth-child(3)::before  { background-image: url("../images/4.png"); }
#work > *:nth-child(4)::before  { background-image: url("../images/5.png"); }
#work > *:nth-child(5)::before  { background-image: url("../images/6.png"); }
#work > *:nth-child(6)::before  { background-image: url("../images/7.png"); }
#work > *:nth-child(7)::before  { background-image: url("../images/8.png"); }
#work > *:nth-child(8)::before  { background-image: url("../images/9.png"); }
#work > *:nth-child(9)::before { background-image: url("../images/10.png"); }
#work > *:nth-child(10)::before { background-image: url("../images/11.png"); }
#work > *:nth-child(11)::before { background-image: url("../images/12.png"); }
#work > *:nth-child(12)::before { background-image: url("../images/13.png"); }
#work > *:nth-child(13)::before { background-image: url("../images/14.png"); }
#work > *:nth-child(14)::before { background-image: url("../images/15.png"); }

@media (max-width: 1100px) {
  #work > *::before { height: 140px; }
}
@media (max-width: 800px) {
  #work > *::before { height: 120px; margin-bottom: 12px;  }
}
@media (max-width: 480px) {
  #work > *::before { height: 120px; margin-bottom: 10px; background-position: center top; }
}

@media (prefers-reduced-motion: reduce) {
  #work > *::before { transition: none; }
}