/* The two equal groups make -50% exactly one complete loop. */
.service-ticker{display:flex;align-items:center;gap:20px;background:#122b48;color:#fff;border:0;padding:0 max(20px,calc((100vw - 1320px)/2));min-width:0}
.service-ticker .ticker-label{flex-shrink:0;color:#e3c67f;background:none;letter-spacing:.12em;font-size:12px;padding:20px 0;line-height:1.5}
.service-ticker .ticker-label small{display:block;font-size:9px;color:#dce5ef;letter-spacing:.1em}
.service-ticker .ticker-items{display:block;flex:1;min-width:0;padding:0;overflow:hidden;container-type:inline-size}
.ticker-track{display:flex;width:max-content;animation:service-scroll var(--ticker-duration,40s) linear infinite}
.ticker-group{display:flex;flex:0 0 auto;align-items:center;gap:32px;width:max-content;min-width:100cqw;padding:20px 32px 20px 0}
.ticker-group>a{display:flex;align-items:center;gap:12px;color:#fff;font-size:14px;white-space:nowrap}
.ticker-group>a::before{content:'✦';color:#d9ba6d;font-size:12px}
.ticker-group>a span{color:#c6d4e4;font-size:12px}
.service-ticker .ticker-toggle{flex:0 0 auto;color:#fff;background:transparent;border:1px solid #708096;border-radius:30px;padding:8px 12px;font-size:11px;min-height:38px}
.service-ticker a:focus-visible,.service-ticker button:focus-visible{outline:2px solid #efd28f;outline-offset:4px}
@keyframes service-scroll{to{transform:translateX(-50%)}}
.service-ticker:focus-within .ticker-track,.ticker-paused .ticker-track{animation-play-state:paused}
@media(hover:hover){.service-ticker:hover .ticker-track{animation-play-state:paused}}
@media(max-width:700px){.service-ticker{gap:12px;padding:0 16px}.service-ticker .ticker-label small{display:none}.ticker-group{padding-top:16px;padding-bottom:16px}.service-ticker .ticker-toggle{max-width:86px;font-size:10px}.ticker-group>a span{display:none}}
@media(prefers-reduced-motion:reduce){.service-ticker{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.service-ticker .ticker-label{padding:0}.service-ticker .ticker-items{flex-basis:100%}.ticker-track{animation:none;transform:none;width:100%}.ticker-group{flex-wrap:wrap;min-width:0;width:100%;gap:12px 24px;padding:0}.ticker-group[aria-hidden=true]{display:none}}

/* Keep every original link reachable when keyboard focus enters the moving row. */
.service-ticker .ticker-items:focus-within{overflow-x:auto}
.service-ticker .ticker-items:focus-within .ticker-track{animation-name:none;transform:none}