/* Continuous movement: athletes, dimensional transitions and moving arena light. */
.motion-enabled .arena-frame:nth-child(1) .frame-float{animation:footballAlive 3.6s ease-in-out infinite}
.motion-enabled .arena-frame:nth-child(2) .frame-float{animation:basketballAlive 3.8s ease-in-out infinite}
.motion-enabled .arena-frame:nth-child(3) .frame-float{animation:volleyballAlive 4s ease-in-out infinite}
.motion-enabled .gym-environment{animation:gymAlive 14s ease-in-out infinite alternate}
.motion-enabled .gym-beams{opacity:.32}
.motion-enabled .arena-story.is-active h3{animation:arenaTitleIn .9s cubic-bezier(.22,1,.36,1) both}
.motion-enabled .arena-story.is-active .arena-eyebrow{animation:arenaCopyIn .8s .1s both}
.motion-enabled .arena-story.is-active p,.motion-enabled .arena-story.is-active .arena-enter{animation:arenaCopyIn .9s .2s both}
.arena-frame:not(a){pointer-events:none!important}
@keyframes footballAlive{0%,100%{transform:translate3d(-5px,7px,0) rotate(-1.3deg)}50%{transform:translate3d(10px,-19px,0) rotate(1.2deg)}}
@keyframes basketballAlive{0%,100%{transform:translate3d(7px,5px,0) rotate(1deg) scale(1)}50%{transform:translate3d(-11px,-18px,0) rotate(-1.5deg) scale(1.025)}}
@keyframes volleyballAlive{0%,100%{transform:translate3d(-7px,10px,0) rotate(-1deg)}45%{transform:translate3d(10px,-29px,0) rotate(1.5deg)}}
@keyframes gymAlive{from{scale:1;translate:-7px 0}to{scale:1.045;translate:8px -4px}}
@keyframes arenaTitleIn{from{opacity:0;transform:translate3d(0,42px,0) rotateX(18deg)}to{opacity:1;transform:none}}
@keyframes arenaCopyIn{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@media(max-width:760px){.motion-enabled .gym-beams{opacity:.2}.motion-enabled .frame-float{animation-duration:4.5s!important}}

/* Plečnik's diacritics and J descender must remain outside the line box. */
.arena-story h3{clip-path:none;overflow:visible;padding-block:.1em .2em;margin-block:-.1em -.2em}
/* The viewport stays in place while vertical scrolling chooses the sport. */
.arena-track,.motion-paused .arena-track{height:320svh;min-height:0;scroll-margin-top:0}
.arena-stage,.motion-paused .arena-stage{position:sticky;top:0}
@media(max-width:760px){.arena-track,.motion-paused .arena-track{height:300svh}}