.announcement{height:48px;background:linear-gradient(105deg,#f2ac43 0%,#ffd986 34%,#f7ba5d 64%,#f0a440 100%);background-size:220% 100%;animation:announcement-color 14s ease-in-out infinite;box-shadow:inset 0 -1px 0 #9e5f1638}
.announcement::after{opacity:.28}.announcement-marquee{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.announcement-group{justify-content:space-around;gap:0;padding-inline:18px}
.announcement-group>a,.announcement-group>span{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;gap:0;padding:0 clamp(18px,3vw,46px);border:0;border-radius:0;background:transparent;box-shadow:none;color:#172644;font-size:12px;font-weight:800;letter-spacing:.035em;text-shadow:0 1px 0 #fff5;transition:color .2s}
.announcement-group>a:not(:last-child)::after,.announcement-group>span:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;width:1px;height:17px;background:#85501966;transform:translateY(-50%) rotate(18deg)}
.announcement-copy{position:relative;display:inline-block;line-height:1.2}.announcement-group>a .announcement-copy::after{content:"";position:absolute;right:0;bottom:-5px;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.announcement-group>a:hover{color:#743b0e;text-decoration:none}.announcement-group>a:hover .announcement-copy::after,.announcement-group>a:focus-visible .announcement-copy::after{transform:scaleX(1)}
.announcement-group>a:focus-visible{outline:2px solid #172644;outline-offset:-6px;border-radius:8px}
@keyframes announcement-color{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(max-width:820px){.announcement{height:44px}.announcement-group{padding-inline:8px}.announcement-group>a,.announcement-group>span{padding-inline:20px;font-size:11px;letter-spacing:.01em}}
@media(max-width:570px){.announcement{height:42px}.announcement-group>a,.announcement-group>span{padding-inline:16px;font-size:10.5px}.announcement-group>a:not(:last-child)::after,.announcement-group>span:not(:last-child)::after{height:14px}}
@media(prefers-reduced-motion:reduce){.announcement{animation:none}.announcement-group>a,.announcement-group>a .announcement-copy::after{transition:none}}