/* The existing pink quote strip after the cups/counter pair. */
.vibe-quote-strip { grid-column: 1 / -1; grid-row: 2; position: relative; min-width: 0; width: calc(100% + 5vw); margin: 8px -2.5vw; overflow: hidden; background: #ff00b8; color: #101010; }
.vibe-quote-track { display: block; }
.vibe-quote-track > span { display: block; padding: 20px 20px 34px; font: 800 clamp(36px,5.4vw,68px)/1.08 MadhouseBlock,'Arial Narrow',Impact,sans-serif; letter-spacing: -.015em; text-align: center; }
.vibe-quote-track > span + span { display: none; }
.vibe-quote-strip.is-ready .vibe-quote-track { display: flex; width: max-content; animation: vibe-quote-scroll 12s linear infinite; animation-play-state: paused; }
.vibe-quote-strip.is-ready .vibe-quote-track > span { display: block; flex: none; white-space: nowrap; padding-left: .6em; padding-right: .6em; }
.vibe-quote-strip[data-running="true"] .vibe-quote-track { animation-play-state: running; }
.vibe-quote-toggle { position: absolute; bottom: 7px; right: 2.5vw; border: 1px solid #101010; border-radius: 0; padding: 4px 8px; background: #ff00b8; color: #101010; font: 10px/1.2 Mono,monospace; cursor: pointer; }
.vibe-quote-toggle[hidden] { display: none; }
@keyframes vibe-quote-scroll { to { transform: translateX(-50%); } }
@media (hover: hover) { .vibe-quote-strip:hover .vibe-quote-track { animation-play-state: paused; } }
@media (max-width: 700px) {
  .vibe-quote-strip { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; }
  .vibe-quote-toggle { right: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .vibe-quote-strip.is-ready .vibe-quote-track { display: block; width: auto; animation: none; transform: none; }
  .vibe-quote-strip.is-ready .vibe-quote-track > span { white-space: normal; padding: 20px; }
  .vibe-quote-strip.is-ready .vibe-quote-track > span + span { display: none; }
  .vibe-quote-toggle { display: none; }
}