.hero{opacity:0;transform:scale(0.1) translateY(-200px)}.hero.in-viewport{animation:superheroZoomIn 1s ease-out forwards,superheroFloat 4s ease-in-out 1s infinite}@keyframes superheroFloat{0%,100%{transform:translateY(0px) translateX(0px) rotate(0deg)}25%{transform:translateY(-20px) translateX(8px) rotate(-2deg)}50%{transform:translateY(-30px) translateX(-5px) rotate(1deg)}75%{transform:translateY(-20px) translateX(8px) rotate(-1deg)}}@keyframes superheroZoomIn{0%{transform:scale(0.1) translateY(-200px) rotate(-45deg);opacity:0}60%{transform:scale(1.1) translateY(5px) rotate(2deg);opacity:1}100%{transform:scale(1) translateY(0) rotate(0deg);opacity:1}}