/* Purpose: Credential band — masked, auto-scrolling strip of credentials/media. */

.cred-band {
  background: var(--bg-line);
  padding: 36px 0;
  border-top: 1px solid var(--ink-08);
  border-bottom: 1px solid var(--ink-08);
  overflow: hidden;
}
.cred-band__mask {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
}
.cred-band__track {
  display: flex; align-items: center; gap: 56px;
  width: max-content;
  animation: cred-marquee 42s linear infinite;
}
.cred-band:hover .cred-band__track { animation-play-state: paused; }

.cred-band__item {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  white-space: nowrap;
  display: inline-flex; align-items: center; gap: 14px;
}
.cred-band__dot {
  width: 5px; height: 5px;
  background: var(--gold);
  border-radius: 50%;
  flex-shrink: 0;
}

@keyframes cred-marquee {
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .cred-band__track { animation: none; }
}