/* Destination ribbons inherit the site's typography and original gold/navy colours. */
.vip-marquees { min-width: 0; max-width: 100%; }
.vip-marquee { overflow: hidden; width: 100%; padding: 4px 0; }
.vip-marquee__track { display: flex; width: max-content; max-width: 100%; }
.vip-marquee__group { display: flex; flex-wrap: wrap; gap: 0 .24em; font-size: clamp(30px, 4.9vw, 70px); line-height: 1.2; }
.vip-marquee__group > span { font-size: inherit !important; line-height: inherit !important; white-space: nowrap; }
.vip-marquee.is-ready .vip-marquee__track { max-width: none; animation: vip-destinations var(--vip-duration, 80s) linear infinite; }
.vip-marquee.is-ready .vip-marquee__group { flex: 0 0 auto; flex-wrap: nowrap; padding-right: .24em; }
.vip-marquee[data-direction="right"] .vip-marquee__track { animation-direction: reverse; }
.vip-marquees.is-paused .vip-marquee__track { animation-play-state: paused; }
.vip-marquees__pause { display: block; margin: 12px 0 0 auto; padding: 10px 14px; border: 1px solid #95763e66; border-radius: 2px; background: transparent; color: #102a40; font: inherit; font-size: 12px; letter-spacing: .04em; cursor: pointer; }
.vip-marquees__pause:hover { background: #fbf8f5; border-color: #95763e; }
.vip-marquees__pause:focus-visible { outline: 2px solid #95763e; outline-offset: 3px; }
.vip-marquees__pause[hidden] { display: none; }
@keyframes vip-destinations { from { transform: translateX(0); } to { transform: translateX(calc(-1 * var(--vip-distance))); } }
@media (prefers-reduced-motion: reduce) {
    .vip-marquee.is-ready .vip-marquee__track { animation: none; transform: none; width: 100%; }
    .vip-marquee.is-ready .vip-marquee__group { flex: 1 1 auto; flex-wrap: wrap; padding-right: 0; }
    .vip-marquee__group[aria-hidden="true"], .vip-marquees__pause { display: none; }
}
