/* Top promo bar — single line, dark navy on cream, scrolling messages on mobile. */
.promo-bar {
  background: var(--c-navy-deep);
  color: var(--c-cream);
  font-family: var(--ff-ui);
  font-size: var(--fs-caption);
  letter-spacing: var(--ls-ui);
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
}
.promo-bar__track {
  display: flex;
  align-items: center;
  gap: var(--sp-7);
  padding: 8px var(--container-pad);
  white-space: nowrap;
  justify-content: center;
}
.promo-bar__msg {
  display: inline-flex;
  align-items: center;
}
.promo-bar__msg + .promo-bar__msg::before {
  content: "·";
  color: var(--c-bronze);
  margin-right: var(--sp-7);
  margin-left: calc(var(--sp-7) * -1);
}
@media (max-width: 768px) {
  .promo-bar__track {
    animation: sb-promo-scroll 30s linear infinite;
    justify-content: flex-start;
    width: max-content;
  }
  @keyframes sb-promo-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }
  /* Hide the duplicate when not animating (e.g. reduce motion). */
  @media (prefers-reduced-motion: reduce) {
    .promo-bar__track { animation: none; width: 100%; justify-content: center; flex-wrap: wrap; }
    .promo-bar__msg[aria-hidden="true"] { display: none; }
  }
}