/* Each holder and note walk together; all units share the stop/start state. */
.hero-parade.parade-active{overflow:visible;height:362px;pointer-events:auto}
.parade-active .parade-inner{max-width:none;width:100%;height:362px}
.parade-unit{position:absolute;left:0;top:16px;width:250px;height:330px;will-change:transform}
.parade-active .parade-item{left:0;top:0;width:250px;height:330px;animation:parade-step .64s ease-in-out infinite;animation-delay:var(--step-delay);transform-origin:50% 90%}
.parade-active .parade-item .sticky{left:0;top:16px;width:237px;height:144px;padding:12px 24px;display:flex;flex-direction:column;justify-content:center}
.parade-active .sticky p{font-size:16px;line-height:1.8}
.parade-active .sticky cite{font-size:10px;margin-top:8px}
.parade-active .parade-item .shiru{left:24px;top:107px;width:211px;height:211px;animation:none!important;transform:none!important}
.parade-active .parade-character{display:block;left:24px;top:107px;width:211px;height:211px;animation:parade-step .64s ease-in-out infinite!important;animation-delay:var(--step-delay)!important}
.parade-active .parade-unit>.character-shadow{display:block;position:absolute;width:92px;height:20px;bottom:auto;border-radius:50%;background:rgba(0,0,0,.13);animation:none;transform:none;z-index:0}
.parade-active .parade-unit>.parade-item,.parade-active .parade-unit>.parade-character{z-index:1}
.parade-active[data-state=reading] .parade-item,.parade-active[data-state=reading] .parade-character,.parade-active[data-state=paused] .parade-item,.parade-active[data-state=paused] .parade-character{animation-play-state:paused!important}
.parade-active[data-state=reading] .parade-unit[data-note=true] .parade-item{transform:translateY(0) rotate(0);animation:none}
.parade-active[data-state=reading] .parade-unit[data-focused=true]>.parade-item{animation:parade-hop 1.6s ease-in-out infinite;animation-delay:0s;animation-play-state:running!important}
.parade-active[data-state=reading] .parade-unit[data-focused=true]>.character-shadow{animation:parade-hop-shadow 1.6s ease-in-out infinite}
@keyframes parade-hop{0%,12%,62%,100%{transform:translateY(0)}22%{transform:translateY(1px)}36%{transform:translateY(-9px)}50%{transform:translateY(0)}56%{transform:translateY(-2px)}}
@keyframes parade-hop-shadow{0%,12%,62%,100%{transform:scaleX(1);opacity:1}36%{transform:scaleX(.86);opacity:.7}50%{transform:scaleX(1);opacity:1}}
@keyframes parade-step{0%,100%{transform:translateY(0) rotate(-1deg)}25%{transform:translateY(-5px) rotate(0)}50%{transform:translateY(0) rotate(1deg)}75%{transform:translateY(-5px) rotate(0)}}
@media(min-width:901px){.hero-parade.parade-active{top:447px}}
@media(max-width:900px){.hero-parade.parade-active{height:330px;margin-top:24px}.parade-active .parade-inner{width:100%;max-width:none}.parade-active .parade-item{height:330px}.parade-active .parade-item .shiru{left:24px;top:107px;width:211px;height:211px}}
@media(prefers-reduced-motion:reduce){.parade-active .parade-item,.parade-active .parade-character{animation:none!important}}