/* Hope_Hero_Ticker_Widget — §0 hero marquee strip (page 8708). Pure CSS animation. */

.hrt-outer {
  overflow: hidden;
  width: 100%;
  padding: 10px 0;
  mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
}

.hrt-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: hrt-scroll 40s linear infinite;
  will-change: transform;
}

.hrt-item {
  font-family: DM Sans, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
  white-space: nowrap;
  padding: 0 28px;
}

.hrt-sep {
  color: rgba(255, 255, 255, 0.30);
  font-size: 9px;
  flex-shrink: 0;
}

@keyframes hrt-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .hrt-track {
    animation: none;
    transform: translateX(0);
  }
}