.tms-empty{opacity:.7}
.tms-marquee{
  position:relative; overflow:hidden; width:100%;
  --tms-gap:24px; --tms-duration:60s; --tms-translate: -50%;
}
.tms-track{
  display:flex; gap:var(--tms-gap); will-change:transform;
  animation: tms-scroll var(--tms-duration) linear infinite;
}
.tms-marquee.tms-pause .tms-track{ animation-play-state: paused; }
@keyframes tms-scroll{
  from { transform: translateX(0); }
  to   { transform: translateX(var(--tms-translate)); } /* move left */
}

/* Card styling to match provided design */
.tms-card{
  flex:0 0 360px; max-width:360px; background:#fff;
  border-radius:20px; padding:18px; color:#222;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
}
.tms-shadow{ box-shadow:0 22px 60px rgba(0,0,0,.12); }
.tms-card-top{ display:flex; align-items:center; gap:14px; margin-bottom:10px; position:relative; }
.tms-avatar{ width:62px; height:62px; border-radius:14px; object-fit:cover; }
.tms-person{ display:grid; grid-template-rows:auto auto auto auto; }
.tms-name{ font-weight:700; font-size:16px; }
.tms-role{ font-size:13px; color:#8a8a8a; line-height:1.2; }
.tms-company{ font-size:12px; color:#b0b0b0; margin-top:2px; }
.tms-stars{ margin-top:6px; font-size:16px; letter-spacing:2px; }
.tms-star{ color:#f6c400; }
.tms-star.tms-off{ color:#e1e1e1; }
.tms-text{ margin-top:8px; font-size:13px; color:#4a4a4a; line-height:1.5; }

/* Responsive */
@media (max-width: 480px){
  .tms-card{ flex-basis: 290px; max-width:290px; border-radius:16px; }
  .tms-avatar{ width:54px; height:54px; border-radius:12px; }
}