.event-ribbon{position:relative;display:flex;align-items:center;min-height:42px;background:var(--gold,#d4af37);color:#161109;border-block:1px solid #a77f21;overflow:hidden;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.event-ribbon-viewport{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.event-ribbon-track{width:max-content;display:flex;animation:event-ribbon-scroll var(--ribbon-speed,45s) linear infinite}
.event-ribbon-group{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:100vw;gap:56px;margin:0;padding:0 28px;list-style:none}
.event-ribbon-item{display:flex;align-items:center;gap:22px;white-space:nowrap;padding-block:11px;line-height:1.5}
.event-ribbon-item a{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}
.event-ribbon-item a:hover{text-decoration:underline;text-underline-offset:4px}
.event-ribbon-star{font-size:16px}
.event-ribbon:is(:hover,:focus-within) .event-ribbon-track{animation-play-state:paused}
.event-ribbon a:focus-visible{outline:2px solid #161109;outline-offset:-3px}
@keyframes event-ribbon-scroll{to{transform:translateX(-50%)}}
@media(max-width:600px){.event-ribbon{font-size:10px;min-height:38px;letter-spacing:.055em}.event-ribbon-group{gap:36px;padding-inline:18px}.event-ribbon-item{gap:16px;padding-block:9px}}
@media(prefers-reduced-motion:reduce){.event-ribbon-track{animation:none}.event-ribbon-copy{display:none}.event-ribbon-viewport{overflow-x:auto;mask-image:none}.event-ribbon-group{justify-content:flex-start;min-width:0;gap:28px}}