/* Upgrade 221 — non-interactive, production-polished project client rail. */
.project-client-logo-slider{
  padding-block:16px;
  border-color:rgba(174,199,230,.72);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 16px 42px rgba(7,31,65,.065);
}

.project-client-logo-track{
  animation-duration:42s;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  will-change:transform;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
}

/* Logo tiles are brand references, not navigation controls. */
.project-client-logo-slider:hover .project-client-logo-track,
.project-client-logo-slider:focus-within .project-client-logo-track{
  animation-play-state:running;
}

.project-client-logo-group{
  gap:14px;
}

.project-client-logo-card{
  width:178px;
  min-height:122px;
  grid-template-rows:54px auto;
  align-content:center;
  gap:9px;
  border-color:rgba(183,205,233,.68);
  border-radius:18px;
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 22px rgba(7,31,65,.045);
  cursor:default;
  user-select:none;
  pointer-events:none;
  transition:none;
}

.project-client-logo-card:hover,
.project-client-logo-card:focus-visible{
  transform:none;
  border-color:rgba(183,205,233,.68);
  box-shadow:0 8px 22px rgba(7,31,65,.045);
  outline:0;
}

.project-client-logo-media{
  width:100%;
  height:54px;
}

.project-client-logo-media img{
  max-width:128px;
  max-height:50px;
  filter:none;
}

.project-client-logo-card strong{
  max-width:150px;
  margin-inline:auto;
  font-size:12px;
  line-height:1.35;
  letter-spacing:-.01em;
}

@media (max-width:760px){
  .project-client-logo-slider{padding-block:14px;}
  .project-client-logo-group{gap:10px;}
  .project-client-logo-card{
    width:150px;
    min-height:108px;
    grid-template-rows:46px auto;
    padding:12px;
  }
  .project-client-logo-media{height:46px;}
  .project-client-logo-media img{max-width:112px;max-height:42px;}
  .project-client-logo-card strong{max-width:128px;font-size:11px;}
}