/* Jompom Ticker: overlaps the section above by 62px (the hero), crossing bands. */
/* Bands are viewport-wide (110%) so they rotate around the screen centre; only the lists inside move. A max-content band
   (8000px+) rotated around its own far-away centre and slid out of view. */
.jp-ticker{position:relative;z-index:3;margin-top:-62px;padding:0 0 30px;overflow:hidden}
.jp-ticker .tk-band{display:flex;width:110%;margin-left:-5%;overflow:hidden;font:700 clamp(18px,2vw,24px)/1 var(--jp-display);padding:16px 0;border-block:3px solid var(--ink)}
.jp-ticker .tk-band ul{display:flex;align-items:center;flex-shrink:0;animation:jp-ticker-marq 38s linear infinite}
.jp-ticker .tk-band li{display:flex;align-items:center;gap:22px;padding-right:22px;white-space:nowrap}
.jp-ticker .tk-band li svg{width:20px;height:20px;flex-shrink:0}
.jp-ticker .tk-band.a{background:var(--blue);color:var(--ink);transform:rotate(-2.4deg) scale(1.04);position:relative;z-index:2}
.jp-ticker .tk-band.b{background:var(--ink);color:var(--sun);transform:rotate(1.6deg) scale(1.04);margin-top:-10px;border-color:var(--sun)}
.jp-ticker .tk-band.b ul{animation-direction:reverse;animation-duration:46s}
.jp-ticker:hover ul{animation-play-state:paused}
@keyframes jp-ticker-marq{to{transform:translateX(-100%)}}
