.lockup{display:block;overflow:visible}.lockup--inline{display:inline-block;vertical-align:baseline;transform:translateY(9.8%)}.lockup__ink{fill:var(--ink)}.lockup__orange{fill:var(--brand-fill, var(--orange))}.lockup--onBrand .lockup__ink,.lockup--onBrand .lockup__c{fill:#fff}.lockup--onBrand .lockup__person .lockup__orange,.lockup--onBrand .lockup__bowl{fill:var(--orange)}.lockup__e{transform-box:fill-box;transform-origin:50% 100%}@keyframes lockup-bounce{0%,to{transform:translateY(0) scaleY(1)}22%{transform:translateY(-18%) scaleY(1.06)}46%{transform:translateY(0) scaleY(.93)}68%{transform:translateY(-7%) scaleY(1.02)}86%{transform:translateY(0) scaleY(.98)}}.lockup:hover .lockup__e{animation:lockup-bounce .72s var(--ease) calc(var(--i, 0) * .11s) both}.lockup.is-hopping .lockup__e{animation:lockup-bounce .72s var(--ease) calc(var(--lockup-cue, .3s) + var(--i, 0) * .11s) both}.pop-head .pw .lockup{--lockup-cue: calc(.3s + var(--w, 0) * var(--word-step) + var(--pop-dur) * .75)}.story__banner{--lockup-cue: .96s}.story__stage:not(.is-playing) .story__banner .lockup__e{animation-play-state:paused}.access__lockup{--lockup-cue: .6s}.xp-footer .lockup{--lockup-cue: .56s}@media(prefers-reduced-motion:reduce){.lockup:hover .lockup__e,.lockup.is-hopping .lockup__e{animation:none}}@keyframes lockup-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1.2%) scale(1.03)}}.lockup--animated .lockup__person{transform-box:fill-box;transform-origin:50% 100%;animation:lockup-breathe 4.4s var(--ease-float) infinite}.is-offscreen .lockup--animated .lockup__person{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.lockup--animated .lockup__person{animation:none}}