.topbar{position:relative;background:var(--night);color:#fff;font-size:var(--fs-0);font-weight:500;letter-spacing:.02em;line-height:1.4;overflow:hidden;padding:.6rem 0;isolation:isolate;contain:paint}.topbar::before{content:"";position:absolute;inset:-60% auto -60% -20%;width:28%;background:radial-gradient(closest-side,rgba(201,163,90,.28),rgba(201,163,90,0));filter:blur(6px);animation:sheen 9s linear infinite;pointer-events:none;z-index:0}.topbar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--night) 0%,rgba(31,27,30,0) 8%,rgba(31,27,30,0) 92%,var(--night) 100%);pointer-events:none;z-index:2}.marquee{display:flex;width:max-content;animation:marquee 38s linear infinite;will-change:transform;position:relative;z-index:1}.topbar:hover .marquee,.topbar.is-paused .marquee,.topbar:focus-within .marquee{animation-play-state:paused}.marquee span{display:inline-flex;align-items:center;gap:.6rem;padding:0 1.6rem;white-space:nowrap}.marquee i{width:.35rem;height:.35rem;border-radius:50%;background:var(--gold);box-shadow:0 1px 8px 1px rgba(201,163,90,.45);flex:none}.topbar b{font-weight:700;color:var(--gold);text-shadow:0 1px 10px rgba(201,163,90,.45),0 2px 22px rgba(201,163,90,.2)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes sheen{from{transform:translateX(-30%)}to{transform:translateX(480%)}}@media (max-width:600px){.topbar{padding:.5rem 0;font-size:.8rem}.marquee{animation-duration:70s}}@media (prefers-reduced-motion:reduce){.marquee{animation:none;width:100%;justify-content:center}.marquee span:not(:first-child){display:none}.marquee span{white-space:normal;text-align:center}.topbar::before{animation:none}}