@keyframes logo-arrival{0%{opacity:0;transform:translateX(-18px) scale(.92)}65%{opacity:1;transform:translateX(3px) scale(1.025)}100%{transform:translateX(0) scale(1)}}
@keyframes logo-glow{0%,100%{filter:drop-shadow(0 0 0 rgba(0,183,196,0))}50%{filter:drop-shadow(0 5px 10px rgba(0,183,196,.25))}}
@keyframes cloud-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(24px)}}
@keyframes cloud-drift-small{0%,100%{transform:scale(.65) translateX(0)}50%{transform:scale(.65) translateX(-32px)}}
@keyframes water-sway{0%,100%{transform:rotate(-3deg) translateX(-1%)}50%{transform:rotate(-1deg) translateX(2%)}}
@keyframes water-sway-two{0%,100%{transform:rotate(2deg) translateX(1%)}50%{transform:rotate(4deg) translateX(-2%)}}
@keyframes float-bob{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-13px) rotate(8deg)}}
@keyframes sun-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes slide-bob{0%,100%{margin-bottom:0}50%{margin-bottom:9px}}
.topbar .logo{animation:logo-arrival .9s cubic-bezier(.2,.9,.25,1) both,logo-glow 3s ease-in-out 1s infinite}.footer-logo{animation:logo-glow 3s ease-in-out infinite}.hero-art .sun{animation:sun-pulse 4s ease-in-out infinite}.hero-art .cloud-one{animation:cloud-drift 8s ease-in-out infinite}.hero-art .cloud-two{animation:cloud-drift-small 10s ease-in-out infinite}.hero-art .wave-one{animation:water-sway 6s ease-in-out infinite}.hero-art .wave-two{animation:water-sway-two 5s ease-in-out infinite}.hero-art .float{animation:float-bob 3s ease-in-out infinite}.hero-art .slide-one{animation:slide-bob 4s ease-in-out infinite}.hero-art .slide-two{animation:slide-bob 3.3s ease-in-out .4s infinite}.hero-art .slide-three{animation:slide-bob 3.7s ease-in-out .8s infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
