/* ============================================================
   BRAND TICKER — kwizzbit/brand-ticker
   Dark-red strip with looping brand phrases. Sits just above
   the footer. Every other phrase at 80% opacity. JS clones
   the track until viewport-safe, then triggers animation.
   ============================================================ */
.brand-ticker {
  background: #FC7568;
  overflow: hidden;
  padding-block: 0.4375rem;
}
.brand-ticker__track {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  will-change: transform;
}
.brand-ticker__track--go {
  animation: brand-ticker-scroll 200s linear infinite;
}
@keyframes brand-ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(var(--bt-scroll, 0px)); }
}
.brand-ticker__phrase {
  font-family: var(--wp--preset--font-family--display);
  font-weight: 400;
  font-size: clamp(0.8125rem, 1.2vw, 0.9375rem);
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: var(--wp--preset--color--ink);
  opacity: 1;
  padding-inline: 0.25rem;
}
.brand-ticker__phrase--dim {
  opacity: 0.8;
}
@media (prefers-reduced-motion: reduce) {
  .brand-ticker__track--go { animation: none; }
}