/* Individual mini-movements for all 35 added picture cards. */
.motion-discover-fly.celebrating .hero-sprite.still-picture{animation:discover-fly 2.8s ease-in-out both;transform-origin:50% 50%}
@keyframes discover-fly{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(9px,calc(var(--hero-rest-y) + -12px)) rotate(5deg) scale(1,1)}30%{transform:translate(-9px,calc(var(--hero-rest-y) + -6px)) rotate(-5deg) scale(1,1)}48%{transform:translate(8px,calc(var(--hero-rest-y) + -16px)) rotate(4deg) scale(1,1)}65%{transform:translate(-5px,calc(var(--hero-rest-y) + -3px)) rotate(-3deg) scale(1,1)}82%{transform:translate(3px,calc(var(--hero-rest-y) + -8px)) rotate(2deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-fan.celebrating .hero-sprite.still-picture{animation:discover-fan 2.8s ease-in-out both;transform-origin:50% 88%}
@keyframes discover-fan{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(-5deg) scale(1,1)}30%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(5deg) scale(1,1)}48%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(-4deg) scale(1,1)}65%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(4deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(-2deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-cod.celebrating .hero-sprite.still-picture{animation:discover-cod 2.8s ease-in-out both;transform-origin:50% 50%}
@keyframes discover-cod{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(18px,calc(var(--hero-rest-y) + -4px)) rotate(3deg) scale(1,1)}30%{transform:translate(-12px,calc(var(--hero-rest-y) + 3px)) rotate(-4deg) scale(1,1)}48%{transform:translate(20px,calc(var(--hero-rest-y) + -5px)) rotate(4deg) scale(1,1)}65%{transform:translate(-8px,calc(var(--hero-rest-y) + 1px)) rotate(-2deg) scale(1,1)}82%{transform:translate(5px,calc(var(--hero-rest-y) + -2px)) rotate(1deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-doe.celebrating .hero-sprite.still-picture{animation:discover-doe 2.8s ease-in-out both;transform-origin:50% 85%}
@keyframes discover-doe{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(0px,calc(var(--hero-rest-y) + -15px)) rotate(-2deg) scale(1,1)}30%{transform:translate(2px,calc(var(--hero-rest-y) + 1px)) rotate(1deg) scale(1,1)}48%{transform:translate(0px,calc(var(--hero-rest-y) + -18px)) rotate(2deg) scale(1,1)}65%{transform:translate(-1px,calc(var(--hero-rest-y) + 1px)) rotate(-1deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + -6px)) rotate(0deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-pug.celebrating .hero-sprite.still-picture{animation:discover-pug 2.8s ease-in-out both;transform-origin:50% 85%}
@keyframes discover-pug{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(0px,calc(var(--hero-rest-y) + 4px)) rotate(3deg) scale(1.01,0.97)}30%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}48%{transform:translate(0px,calc(var(--hero-rest-y) + 5px)) rotate(-2deg) scale(1.015,0.965)}65%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + 2px)) rotate(1deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-boa.celebrating .hero-sprite.still-picture{animation:discover-boa 2.8s ease-in-out both;transform-origin:50% 80%}
@keyframes discover-boa{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(4px,calc(var(--hero-rest-y) + 0px)) rotate(3deg) scale(1,1)}30%{transform:translate(-4px,calc(var(--hero-rest-y) + -2px)) rotate(-3deg) scale(1,1)}48%{transform:translate(5px,calc(var(--hero-rest-y) + -3px)) rotate(2deg) scale(1,1)}65%{transform:translate(-3px,calc(var(--hero-rest-y) + 0px)) rotate(-2deg) scale(1,1)}82%{transform:translate(2px,calc(var(--hero-rest-y) + -1px)) rotate(1deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-sea.celebrating .hero-sprite.still-picture{animation:discover-sea 2.8s ease-in-out both;transform-origin:50% 70%}
@keyframes discover-sea{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(0px,calc(var(--hero-rest-y) + -3px)) rotate(-1deg) scale(1.035,1.02)}30%{transform:translate(2px,calc(var(--hero-rest-y) + 2px)) rotate(1deg) scale(1,1)}48%{transform:translate(-2px,calc(var(--hero-rest-y) + -5px)) rotate(-2deg) scale(1.045,1.025)}65%{transform:translate(0px,calc(var(--hero-rest-y) + 1px)) rotate(1deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + -2px)) rotate(0deg) scale(1.015,1.01)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-hat.celebrating .hero-sprite.still-picture{animation:discover-hat 2.8s ease-in-out both;transform-origin:50% 65%}
@keyframes discover-hat{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(1px,calc(var(--hero-rest-y) + -7px)) rotate(-12deg) scale(1,1)}30%{transform:translate(-2px,calc(var(--hero-rest-y) + -12px)) rotate(11deg) scale(1,1)}48%{transform:translate(3px,calc(var(--hero-rest-y) + -6px)) rotate(-9deg) scale(1,1)}65%{transform:translate(-2px,calc(var(--hero-rest-y) + -3px)) rotate(7deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + -2px)) rotate(-3deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-oar.celebrating .hero-sprite.still-picture{animation:discover-oar 2.8s ease-in-out both;transform-origin:50% 72%}
@keyframes discover-oar{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(5px,calc(var(--hero-rest-y) + -2px)) rotate(-17deg) scale(1,1)}30%{transform:translate(-6px,calc(var(--hero-rest-y) + 3px)) rotate(15deg) scale(1,1)}48%{transform:translate(7px,calc(var(--hero-rest-y) + -3px)) rotate(-19deg) scale(1,1)}65%{transform:translate(-4px,calc(var(--hero-rest-y) + 2px)) rotate(12deg) scale(1,1)}82%{transform:translate(2px,calc(var(--hero-rest-y) + -1px)) rotate(-6deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-oak.celebrating .hero-sprite.still-picture{animation:discover-oak 2.8s ease-in-out both;transform-origin:50% 90%}
@keyframes discover-oak{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(-3.5deg) scale(1,1)}30%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(3deg) scale(1,1)}48%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(-2.5deg) scale(1,1)}65%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(2deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(-1deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-ray.celebrating .hero-sprite.still-picture{animation:discover-ray 2.8s ease-in-out both;transform-origin:50% 50%}
@keyframes discover-ray{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(12px,calc(var(--hero-rest-y) + -8px)) rotate(4deg) scale(1,1)}30%{transform:translate(-8px,calc(var(--hero-rest-y) + -16px)) rotate(-4deg) scale(1,1)}48%{transform:translate(15px,calc(var(--hero-rest-y) + -11px)) rotate(5deg) scale(1,1)}65%{transform:translate(-5px,calc(var(--hero-rest-y) + -4px)) rotate(-3deg) scale(1,1)}82%{transform:translate(4px,calc(var(--hero-rest-y) + -3px)) rotate(1deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-ant.celebrating .hero-sprite.still-picture{animation:discover-ant 2.8s ease-in-out both;transform-origin:50% 80%}
@keyframes discover-ant{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(10px,calc(var(--hero-rest-y) + -2px)) rotate(2deg) scale(1,1)}30%{transform:translate(18px,calc(var(--hero-rest-y) + 0px)) rotate(-1deg) scale(1,1)}48%{transform:translate(-12px,calc(var(--hero-rest-y) + -3px)) rotate(-2deg) scale(1,1)}65%{transform:translate(-20px,calc(var(--hero-rest-y) + 0px)) rotate(1deg) scale(1,1)}82%{transform:translate(-5px,calc(var(--hero-rest-y) + -2px)) rotate(0deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-asp.celebrating .hero-sprite.still-picture{animation:discover-asp 2.8s ease-in-out both;transform-origin:50% 85%}
@keyframes discover-asp{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(6px,calc(var(--hero-rest-y) + -1px)) rotate(5deg) scale(1,1)}30%{transform:translate(-5px,calc(var(--hero-rest-y) + -3px)) rotate(-4deg) scale(1,1)}48%{transform:translate(7px,calc(var(--hero-rest-y) + -2px)) rotate(4deg) scale(1,1)}65%{transform:translate(-4px,calc(var(--hero-rest-y) + 0px)) rotate(-3deg) scale(1,1)}82%{transform:translate(2px,calc(var(--hero-rest-y) + -1px)) rotate(2deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-pup.celebrating .hero-sprite.still-picture{animation:discover-pup 2.8s ease-in-out both;transform-origin:50% 86%}
@keyframes discover-pup{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(3px,calc(var(--hero-rest-y) + -13px)) rotate(-4deg) scale(1,1)}30%{transform:translate(-2px,calc(var(--hero-rest-y) + 2px)) rotate(2deg) scale(1,1)}48%{transform:translate(-3px,calc(var(--hero-rest-y) + -17px)) rotate(4deg) scale(1,1)}65%{transform:translate(2px,calc(var(--hero-rest-y) + 1px)) rotate(-2deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + -5px)) rotate(1deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-sow.celebrating .hero-sprite.still-picture{animation:discover-sow 2.8s ease-in-out both;transform-origin:50% 83%}
@keyframes discover-sow{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(0px,calc(var(--hero-rest-y) + 3px)) rotate(2deg) scale(1.01,0.98)}30%{transform:translate(0px,calc(var(--hero-rest-y) + -2px)) rotate(-1deg) scale(1,1)}48%{transform:translate(0px,calc(var(--hero-rest-y) + 4px)) rotate(3deg) scale(1.015,0.975)}65%{transform:translate(0px,calc(var(--hero-rest-y) + -1px)) rotate(-2deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + 2px)) rotate(1deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-hog.celebrating .hero-sprite.still-picture{animation:discover-hog 2.8s ease-in-out both;transform-origin:50% 82%}
@keyframes discover-hog{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(4px,calc(var(--hero-rest-y) + 1px)) rotate(-3deg) scale(1,1)}30%{transform:translate(-4px,calc(var(--hero-rest-y) + -1px)) rotate(3deg) scale(1,1)}48%{transform:translate(5px,calc(var(--hero-rest-y) + 2px)) rotate(-4deg) scale(1,1)}65%{transform:translate(-3px,calc(var(--hero-rest-y) + 0px)) rotate(2deg) scale(1,1)}82%{transform:translate(1px,calc(var(--hero-rest-y) + 1px)) rotate(-1deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-cub.celebrating .hero-sprite.still-picture{animation:discover-cub 2.8s ease-in-out both;transform-origin:50% 86%}
@keyframes discover-cub{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(1px,calc(var(--hero-rest-y) + -2px)) rotate(-7deg) scale(1,1)}30%{transform:translate(-1px,calc(var(--hero-rest-y) + -1px)) rotate(6deg) scale(1,1)}48%{transform:translate(2px,calc(var(--hero-rest-y) + -3px)) rotate(-6deg) scale(1,1)}65%{transform:translate(-1px,calc(var(--hero-rest-y) + 0px)) rotate(5deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + -1px)) rotate(-2deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-bug.celebrating .hero-sprite.still-picture{animation:discover-bug 2.8s ease-in-out both;transform-origin:50% 80%}
@keyframes discover-bug{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(9px,calc(var(--hero-rest-y) + -2px)) rotate(4deg) scale(1,1)}30%{transform:translate(-8px,calc(var(--hero-rest-y) + 1px)) rotate(-4deg) scale(1,1)}48%{transform:translate(14px,calc(var(--hero-rest-y) + -4px)) rotate(3deg) scale(1,1)}65%{transform:translate(-10px,calc(var(--hero-rest-y) + 1px)) rotate(-2deg) scale(1,1)}82%{transform:translate(3px,calc(var(--hero-rest-y) + -1px)) rotate(1deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-elk.celebrating .hero-sprite.still-picture{animation:discover-elk 2.8s ease-in-out both;transform-origin:50% 88%}
@keyframes discover-elk{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(0px,calc(var(--hero-rest-y) + 3px)) rotate(3deg) scale(1,0.985)}30%{transform:translate(0px,calc(var(--hero-rest-y) + -1px)) rotate(0deg) scale(1,1)}48%{transform:translate(0px,calc(var(--hero-rest-y) + 4px)) rotate(-3deg) scale(1,0.98)}65%{transform:translate(0px,calc(var(--hero-rest-y) + -1px)) rotate(0deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + 1px)) rotate(1deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-emu.celebrating .hero-sprite.still-picture{animation:discover-emu 2.8s ease-in-out both;transform-origin:50% 88%}
@keyframes discover-emu{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(2px,calc(var(--hero-rest-y) + 4px)) rotate(7deg) scale(1,1)}30%{transform:translate(-1px,calc(var(--hero-rest-y) + 0px)) rotate(-2deg) scale(1,1)}48%{transform:translate(3px,calc(var(--hero-rest-y) + 5px)) rotate(9deg) scale(1,1)}65%{transform:translate(-2px,calc(var(--hero-rest-y) + -1px)) rotate(-3deg) scale(1,1)}82%{transform:translate(1px,calc(var(--hero-rest-y) + 2px)) rotate(3deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-eel.celebrating .hero-sprite.still-picture{animation:discover-eel 2.8s ease-in-out both;transform-origin:50% 50%}
@keyframes discover-eel{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(15px,calc(var(--hero-rest-y) + -3px)) rotate(7deg) scale(1,1)}30%{transform:translate(-14px,calc(var(--hero-rest-y) + 4px)) rotate(-6deg) scale(1,1)}48%{transform:translate(19px,calc(var(--hero-rest-y) + -5px)) rotate(8deg) scale(1,1)}65%{transform:translate(-9px,calc(var(--hero-rest-y) + 2px)) rotate(-4deg) scale(1,1)}82%{transform:translate(4px,calc(var(--hero-rest-y) + -1px)) rotate(2deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-yak.celebrating .hero-sprite.still-picture{animation:discover-yak 2.8s ease-in-out both;transform-origin:50% 86%}
@keyframes discover-yak{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(3px,calc(var(--hero-rest-y) + 1px)) rotate(2deg) scale(1,1)}30%{transform:translate(-3px,calc(var(--hero-rest-y) + 0px)) rotate(-2deg) scale(1,1)}48%{transform:translate(4px,calc(var(--hero-rest-y) + -1px)) rotate(3deg) scale(1,1)}65%{transform:translate(-2px,calc(var(--hero-rest-y) + 1px)) rotate(-2deg) scale(1,1)}82%{transform:translate(1px,calc(var(--hero-rest-y) + 0px)) rotate(1deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-jay.celebrating .hero-sprite.still-picture{animation:discover-jay 2.8s ease-in-out both;transform-origin:50% 58%}
@keyframes discover-jay{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(7px,calc(var(--hero-rest-y) + -13px)) rotate(-5deg) scale(1,1)}30%{transform:translate(-6px,calc(var(--hero-rest-y) + -5px)) rotate(4deg) scale(1,1)}48%{transform:translate(10px,calc(var(--hero-rest-y) + -19px)) rotate(-6deg) scale(1,1)}65%{transform:translate(-4px,calc(var(--hero-rest-y) + -3px)) rotate(3deg) scale(1,1)}82%{transform:translate(2px,calc(var(--hero-rest-y) + -6px)) rotate(-1deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-cup.celebrating .hero-sprite.still-picture{animation:discover-cup 2.8s ease-in-out both;transform-origin:50% 85%}
@keyframes discover-cup{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(0px,calc(var(--hero-rest-y) + -3px)) rotate(-9deg) scale(1,1)}30%{transform:translate(0px,calc(var(--hero-rest-y) + 1px)) rotate(8deg) scale(1,1)}48%{transform:translate(1px,calc(var(--hero-rest-y) + -4px)) rotate(-11deg) scale(1,1)}65%{transform:translate(-1px,calc(var(--hero-rest-y) + 0px)) rotate(6deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + -1px)) rotate(-3deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-cop.celebrating .hero-sprite.still-picture{animation:discover-cop 2.8s ease-in-out both;transform-origin:50% 88%}
@keyframes discover-cop{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(2px,calc(var(--hero-rest-y) + -1px)) rotate(-4deg) scale(1,1)}30%{transform:translate(-2px,calc(var(--hero-rest-y) + -2px)) rotate(5deg) scale(1,1)}48%{transform:translate(2px,calc(var(--hero-rest-y) + -1px)) rotate(-5deg) scale(1,1)}65%{transform:translate(-1px,calc(var(--hero-rest-y) + 0px)) rotate(3deg) scale(1,1)}82%{transform:translate(1px,calc(var(--hero-rest-y) + -1px)) rotate(-1deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-can.celebrating .hero-sprite.still-picture{animation:discover-can 2.8s ease-in-out both;transform-origin:50% 85%}
@keyframes discover-can{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(5px,calc(var(--hero-rest-y) + -2px)) rotate(11deg) scale(1,1)}30%{transform:translate(-4px,calc(var(--hero-rest-y) + 0px)) rotate(-10deg) scale(1,1)}48%{transform:translate(6px,calc(var(--hero-rest-y) + -3px)) rotate(13deg) scale(1,1)}65%{transform:translate(-3px,calc(var(--hero-rest-y) + 0px)) rotate(-7deg) scale(1,1)}82%{transform:translate(1px,calc(var(--hero-rest-y) + -1px)) rotate(3deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-cap.celebrating .hero-sprite.still-picture{animation:discover-cap 2.8s ease-in-out both;transform-origin:50% 65%}
@keyframes discover-cap{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(2px,calc(var(--hero-rest-y) + -10px)) rotate(14deg) scale(1,1)}30%{transform:translate(-2px,calc(var(--hero-rest-y) + -5px)) rotate(-12deg) scale(1,1)}48%{transform:translate(3px,calc(var(--hero-rest-y) + -13px)) rotate(17deg) scale(1,1)}65%{transform:translate(-1px,calc(var(--hero-rest-y) + -3px)) rotate(-8deg) scale(1,1)}82%{transform:translate(1px,calc(var(--hero-rest-y) + -2px)) rotate(4deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-pen.celebrating .hero-sprite.still-picture{animation:discover-pen 2.8s ease-in-out both;transform-origin:50% 70%}
@keyframes discover-pen{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(12px,calc(var(--hero-rest-y) + 3px)) rotate(-9deg) scale(1,1)}30%{transform:translate(-10px,calc(var(--hero-rest-y) + -4px)) rotate(8deg) scale(1,1)}48%{transform:translate(15px,calc(var(--hero-rest-y) + 2px)) rotate(-12deg) scale(1,1)}65%{transform:translate(-8px,calc(var(--hero-rest-y) + -2px)) rotate(6deg) scale(1,1)}82%{transform:translate(3px,calc(var(--hero-rest-y) + 1px)) rotate(-3deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-pan.celebrating .hero-sprite.still-picture{animation:discover-pan 2.8s ease-in-out both;transform-origin:50% 78%}
@keyframes discover-pan{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(2px,calc(var(--hero-rest-y) + -12px)) rotate(-9deg) scale(1,1)}30%{transform:translate(-1px,calc(var(--hero-rest-y) + 1px)) rotate(6deg) scale(1,1)}48%{transform:translate(3px,calc(var(--hero-rest-y) + -16px)) rotate(-12deg) scale(1,1)}65%{transform:translate(-2px,calc(var(--hero-rest-y) + 1px)) rotate(8deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + -4px)) rotate(-3deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-pot.celebrating .hero-sprite.still-picture{animation:discover-pot 2.8s ease-in-out both;transform-origin:50% 85%}
@keyframes discover-pot{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(0px,calc(var(--hero-rest-y) + -1px)) rotate(-2deg) scale(1.01,1)}30%{transform:translate(1px,calc(var(--hero-rest-y) + -3px)) rotate(3deg) scale(1.015,1.01)}48%{transform:translate(-1px,calc(var(--hero-rest-y) + -1px)) rotate(-3deg) scale(1,1)}65%{transform:translate(0px,calc(var(--hero-rest-y) + -2px)) rotate(2deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + -1px)) rotate(-1deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-egg.celebrating .hero-sprite.still-picture{animation:discover-egg 2.8s ease-in-out both;transform-origin:50% 88%}
@keyframes discover-egg{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(1px,calc(var(--hero-rest-y) + 0px)) rotate(-11deg) scale(1,1)}30%{transform:translate(-1px,calc(var(--hero-rest-y) + -1px)) rotate(9deg) scale(1,1)}48%{transform:translate(2px,calc(var(--hero-rest-y) + 0px)) rotate(-13deg) scale(1,1)}65%{transform:translate(-1px,calc(var(--hero-rest-y) + 0px)) rotate(7deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(-3deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-jet.celebrating .hero-sprite.still-picture{animation:discover-jet 2.8s ease-in-out both;transform-origin:50% 50%}
@keyframes discover-jet{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(15px,calc(var(--hero-rest-y) + -10px)) rotate(-6deg) scale(1,1)}30%{transform:translate(24px,calc(var(--hero-rest-y) + -18px)) rotate(-9deg) scale(1,1)}48%{transform:translate(-13px,calc(var(--hero-rest-y) + -6px)) rotate(5deg) scale(1,1)}65%{transform:translate(-20px,calc(var(--hero-rest-y) + 3px)) rotate(8deg) scale(1,1)}82%{transform:translate(6px,calc(var(--hero-rest-y) + -4px)) rotate(-2deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-jam.celebrating .hero-sprite.still-picture{animation:discover-jam 2.8s ease-in-out both;transform-origin:50% 85%}
@keyframes discover-jam{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(1px,calc(var(--hero-rest-y) + 1px)) rotate(4deg) scale(1.02,0.98)}30%{transform:translate(-1px,calc(var(--hero-rest-y) + 0px)) rotate(-4deg) scale(1,1)}48%{transform:translate(2px,calc(var(--hero-rest-y) + 2px)) rotate(5deg) scale(1.025,0.975)}65%{transform:translate(-1px,calc(var(--hero-rest-y) + 0px)) rotate(-3deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + 1px)) rotate(1deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-yam.celebrating .hero-sprite.still-picture{animation:discover-yam 2.8s ease-in-out both;transform-origin:50% 80%}
@keyframes discover-yam{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(2px,calc(var(--hero-rest-y) + -5px)) rotate(-5deg) scale(1,1)}30%{transform:translate(-2px,calc(var(--hero-rest-y) + 1px)) rotate(5deg) scale(1,1)}48%{transform:translate(3px,calc(var(--hero-rest-y) + -8px)) rotate(-6deg) scale(1,1)}65%{transform:translate(-1px,calc(var(--hero-rest-y) + 1px)) rotate(4deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + -2px)) rotate(-2deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.motion-discover-yew.celebrating .hero-sprite.still-picture{animation:discover-yew 2.8s ease-in-out both;transform-origin:50% 90%}
@keyframes discover-yew{0%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}15%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(2.5deg) scale(1,1)}30%{transform:translate(0px,calc(var(--hero-rest-y) + -1px)) rotate(-3deg) scale(1,1)}48%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(3.5deg) scale(1,1)}65%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(-2deg) scale(1,1)}82%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(1deg) scale(1,1)}100%{transform:translate(0px,calc(var(--hero-rest-y) + 0px)) rotate(0deg) scale(1,1)}}
.scene-water .world-disc{background:radial-gradient(circle at 40% 25%,#eefcff,#bce5ed88 75%)}
.scene-water .cloud,.scene-water .main-shadow{display:none}
.motion-discover-jet.celebrating .cloud{animation:jet-cloud 2.8s linear both}
@keyframes jet-cloud{0%,100%{transform:translateX(0)}45%{transform:translateX(-30px)}}
@media(prefers-reduced-motion:reduce){.celebrating .hero-sprite.still-picture{animation:none!important;background-position:center;transform:translateY(var(--hero-rest-y))}.motion-discover-jet.celebrating .cloud{animation:none!important}}
