.hero-clip-path{clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}.animate-liquid-flow{animation:liquidFlow 3s ease-in-out infinite alternate}@keyframes liquidFlow{0%{transform:scaleX(1);transform-origin:left}to{transform:scaleX(2.5);transform-origin:left}}.animate-wave-slow{animation:waveScroll 20s linear infinite;transform-origin:bottom}@keyframes waveScroll{0%{transform:scaleX(2) translate(0)}to{transform:scaleX(2) translate(-50%)}}.animate-bob{animation:floatBob 6s ease-in-out infinite}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.animate-morph{animation:morphing 8s ease-in-out infinite;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}@keyframes morphing{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.animate-arch-wave{animation:waveScroll 15s linear infinite;transform-origin:bottom}.animate-arch-wave-reverse{animation:waveScroll 20s linear infinite reverse;transform-origin:bottom}.animate-tea-ripple{animation:teaRippleOut 8s cubic-bezier(.25,.46,.45,.94) infinite}@keyframes teaRippleOut{0%{transform:scale(.5);opacity:0}30%{opacity:1}to{transform:scale(2.5);opacity:0;border-width:0px}}.animate-float-bob-extreme{animation:floatExtreme 8s cubic-bezier(.45,.05,.55,.95) infinite}@keyframes floatExtreme{0%,to{transform:translateY(0) rotate(5deg) scale(1)}50%{transform:translateY(-80px) rotate(-3deg) scale(1.02)}}.animate-spin-extremely-slow{animation:spinSlow 40s linear infinite}@keyframes spinSlow{to{transform:rotate(360deg)}}.animate-drop{animation:dropFall 5s cubic-bezier(1,0,1,1) infinite}@keyframes dropFall{0%{transform:translateY(-50px) scale(1);opacity:0}10%{opacity:1}90%{transform:translateY(100vh) scale(.8,1.2);opacity:1}to{transform:translateY(105vh) scale(1.5,.5);opacity:0}}.animate-ripple{animation:ripple 2.5s cubic-bezier(0,.2,.8,1) infinite}@keyframes ripple{0%{transform:scale(.5);opacity:1}to{transform:scale(3);opacity:0}}.animate-steam-1{animation:rise 10s ease-in infinite}.animate-steam-2{animation:rise 13s ease-in infinite 2s}.animate-steam-3{animation:rise 11s ease-in infinite 4s}@keyframes rise{0%{transform:translateY(50px) scale(.8);opacity:0}20%{opacity:.3}50%{transform:translateY(-300px) scale(1.2) rotate(15deg)}to{transform:translateY(-600px) scale(2) rotate(-10deg);opacity:0}}.leaf{animation-iteration-count:infinite;animation-timing-function:ease-in-out}.leaf-1{top:30%;left:15%;animation-name:float-up-tilt;animation-duration:12s}.leaf-2{top:60%;right:15%;animation-name:float-down-tilt;animation-duration:15s;animation-delay:2s}.leaf-3{top:40%;left:50%;animation-name:float-circle;animation-duration:25s}@keyframes float-up-tilt{0%{transform:translateY(0) rotate(0) scale(1);opacity:0}20%{opacity:1}50%{transform:translateY(-80px) rotate(45deg) scale(1.2)}80%{opacity:1}to{transform:translateY(-150px) rotate(90deg) scale(.8);opacity:0}}@keyframes float-down-tilt{0%{transform:translateY(0) rotate(0);opacity:0}20%{opacity:1}50%{transform:translateY(60px) rotate(-30deg)}80%{opacity:1}to{transform:translateY(120px) rotate(-60deg);opacity:0}}@keyframes float-circle{0%{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,-15px) rotate(240deg)}to{transform:translate(0) rotate(360deg)}}
