/* ticker.css — shared "capabilities" icon+text ticker (the dark second ticker).
   Used on the Browse Catalogue page (above the closing CTA) and on the Home page
   (below the team section). Kept here (linked directly by each page) so both
   pages share a single definition. */

.cat-cap-ticker {
  background: #012928;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  overflow: hidden;
  height: 40px;
  display: flex;
  align-items: center;
}
.cat-cap-ticker__wrap {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.cat-cap-ticker__track {
  display: flex;
  align-items: center;
  white-space: nowrap;
  animation: cat-cap-ticker 42s linear infinite;
}
.cat-cap-ticker__track:hover { animation-play-state: paused; }
.cat-cap-ticker__item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 28px;
  font-family: 'Outfit', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #ffffff;
  white-space: nowrap;
}
.cat-cap-ticker__item + .cat-cap-ticker__item { border-left: 1px solid rgba(255, 255, 255, 0.12); }
.cat-cap-ticker__item svg {
  width: 19px;
  height: 19px;
  flex-shrink: 0;
  stroke: var(--brand-secondary, #D1ED77);
  fill: none;
}
@keyframes cat-cap-ticker {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@media (max-width: 800px) {
  .cat-cap-ticker { height: 40px; }
  .cat-cap-ticker__item { font-size: 10px; padding: 0 20px; gap: 8px; }
  .cat-cap-ticker__item svg { width: 17px; height: 17px; }
}