/* Side illustrations never occupy the reading column. */
.hero-sports { display:none; }
@media (min-width:1560px) {
  .hero-sports { display:block; position:fixed; top:108px; z-index:1; width:min(280px,calc((100vw - 1200px)/2 - 30px)); text-align:center; color:#adabc0; }
  .hero-sports-left { left:15px; --sport:#efac69; }
  .hero-sports-right { right:15px; --sport:#70c9be; }
  .hero-sports svg { width:100%; height:auto; overflow:visible; pointer-events:none; }
  .hero-sports .sport-kicker { font:10px Georgia,serif; letter-spacing:3px; color:var(--sport); opacity:.75; }
  .hero-sports .sport-title { margin:8px 0 5px; font-size:16px; font-weight:700; letter-spacing:2px; color:#dedce7; }
  .hero-sports .sport-note { font-size:11px; color:#8a879c; }
  .sports-toggle { margin:17px auto 0; padding:5px 12px; border:1px solid #454150; border-radius:20px; background:transparent; color:#aaa5b7; cursor:pointer; font:11px inherit; }
  .sports-toggle:hover,.sports-toggle:focus-visible { color:#fff; border-color:var(--sport); }
}

.hero-sports .axe-body { animation:cull-leap 18s infinite; transform-origin:140px 290px; }
.hero-sports .axe-arm { animation:cull-swing 18s infinite; transform-origin:166px 215px; }
.hero-sports .axe-shadow { animation:cull-shadow 18s infinite; transform-origin:140px 365px; }
.hero-sports .cull-arc { opacity:0; animation:cull-arc 18s infinite; }
.hero-sports .cull-impact { opacity:0; animation:cull-impact 18s infinite; transform-origin:204px 363px; }
.hero-sports .execution-mark { opacity:0; animation:execution-mark 18s infinite; transform-origin:143px 92px; }
.hero-sports .jugg-body { animation:omni-dash 18s 6s infinite; transform-origin:150px 255px; }
.hero-sports .jugg-echo { opacity:0; pointer-events:none; }
.hero-sports .echo-one { animation:echo-one 18s 6s infinite; }
.hero-sports .echo-two { animation:echo-two 18s 6s infinite; }
.hero-sports .omni-slash { opacity:0; stroke-dasharray:320; stroke-dashoffset:320; animation:omni-slash 18s 6s infinite; }
.hero-sports .slash-two { animation-delay:6.5s; }
.hero-sports .slash-three { animation-delay:7s; }
.hero-sports .omni-ring { opacity:0; animation:omni-ring 18s 6s infinite; }
.hero-sports.is-paused * { animation-play-state:paused !important; }
@keyframes cull-leap {
  0%,5%,28%,100% { transform:translate(0,0); }
  9% { transform:translate(0,8px) scale(1.04,.95); }
  14%,16% { transform:translate(-12px,-46px) rotate(-8deg); }
  19%,21% { transform:translate(6px,7px) rotate(5deg); }
  24% { transform:translate(0,0); }
}
@keyframes cull-swing {
  0%,5%,28%,100% { transform:rotate(0); }
  12%,16% { transform:rotate(-52deg); }
  19%,22% { transform:rotate(104deg); }
}
@keyframes cull-shadow { 0%,9%,24%,100%{transform:scaleX(1);opacity:.4}14%,16%{transform:scaleX(.65);opacity:.15} }
@keyframes cull-arc { 0%,16%,21%,100%{opacity:0}17.5%{opacity:.85}19%{opacity:.4} }
@keyframes cull-impact { 0%,18%,26%,100%{opacity:0;transform:scale(.65)}19%,21%{opacity:1;transform:scale(1)}25%{opacity:0;transform:scale(1.12)} }
@keyframes execution-mark { 0%,19%,29%,100%{opacity:0;transform:translateY(8px)}21%,24%{opacity:.9;transform:translateY(0)}28%{opacity:0;transform:translateY(-8px)} }
@keyframes omni-dash {
  0%,7%,29%,100%{opacity:1;transform:translate(0,0)}
  10%{opacity:.6;transform:translate(-9px,5px) rotate(-7deg)}
  11%{opacity:0;transform:translate(-9px,5px)}
  12%{opacity:0;transform:translate(32px,-48px) rotate(12deg)}
  13%,14%{opacity:1;transform:translate(32px,-48px) rotate(12deg)}
  15%{opacity:0;transform:translate(32px,-48px)}
  16%{opacity:0;transform:translate(-35px,-15px) rotate(-16deg)}
  17%,18%{opacity:1;transform:translate(-35px,-15px) rotate(-16deg)}
  19%{opacity:0;transform:translate(-35px,-15px)}
  20%{opacity:0;transform:translate(25px,-28px) rotate(9deg)}
  21%,22%{opacity:1;transform:translate(25px,-28px) rotate(9deg)}
  24%{opacity:0;transform:translate(25px,-28px)}
  25%{opacity:0;transform:translate(0,0)}
}
@keyframes echo-one { 0%,12%,24%,100%{opacity:0;transform:translate(22px,-44px)}14%,20%{opacity:.16;transform:translate(35px,-44px)} }
@keyframes echo-two { 0%,16%,27%,100%{opacity:0;transform:translate(-26px,-12px)}18%,23%{opacity:.2;transform:translate(-40px,-12px)} }
@keyframes omni-slash { 0%,11%,23%,100%{opacity:0;stroke-dashoffset:320}12%{opacity:.95;stroke-dashoffset:0}16%{opacity:.7;stroke-dashoffset:0}20%{opacity:0;stroke-dashoffset:-320} }
@keyframes omni-ring { 0%,10%,27%,100%{opacity:0}14%,21%{opacity:.5} }
@media (prefers-reduced-motion:reduce) { .hero-sports * { animation:none !important; } }