.hero-pond{border-top:1px solid var(--color-rule-2);height:170px;position:relative;overflow:hidden}.hero-pond>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-pond :is(.hp-frond,.hp-pad,.hp-lotus,.hp-turtle,.hp-head,.hp-tail,.hp-swim,.hp-wings,.hp-hover,.hp-koi,.hp-fly,.hp-ring,.hp-gl,.hp-trail){transform-box:fill-box}.hero-pond .hp-trail{transform-origin:50% 0;animation:8s ease-in-out infinite hp-trail}@keyframes hp-trail{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.45)}}.hero-pond .hp-gl{transform-origin:50%;animation:ease-in-out infinite hp-gl}.hero-pond .hp-gl1{animation-duration:6s}.hero-pond .hp-gl2{animation-duration:7.5s;animation-delay:-2s}.hero-pond .hp-gl3{animation-duration:9s;animation-delay:-4s}.hero-pond .hp-gl4{animation-duration:6.8s;animation-delay:-5s}@keyframes hp-gl{0%,to{opacity:.25;transform:translate(0)scaleX(.6)}50%{opacity:.9;transform:translate(18px)scaleX(1.2)}}.hero-pond .hp-ring{transform-origin:50%;animation:6s ease-out infinite hp-ring}.hero-pond .hp-r2{animation-delay:-2s}.hero-pond .hp-r3{animation-delay:-4s}@keyframes hp-ring{0%{opacity:0;transform:scale(.2)}15%{opacity:.75}to{opacity:0;transform:scale(2.6)}}.hero-pond .hp-frond{transform-origin:50%;animation:10s ease-in-out infinite hp-sway}.hero-pond .hp-frond-b{animation-duration:12s;animation-delay:-3s}@keyframes hp-sway{0%,to{transform:rotate(0)}50%{transform:rotate(2.4deg)}}.hero-pond .hp-pad{transform-origin:50%;animation:ease-in-out infinite hp-bob}.hero-pond .hp-pad1{animation-duration:8s}.hero-pond .hp-pad2{animation-duration:10s;animation-delay:-3s}.hero-pond .hp-pad3{animation-duration:9s;animation-delay:-5s}@keyframes hp-bob{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(6px,-4px)rotate(1deg)}}.hero-pond .hp-lotus{transform-origin:50% 100%;animation:14s ease-in-out infinite hp-open}@keyframes hp-open{0%,to{transform:scale(.88)}50%{transform:scale(1.06)}}.hero-pond .hp-turtle{transform-origin:50% 100%;animation:11s ease-in-out infinite hp-bob}.hero-pond .hp-head{transform-origin:0%;animation:9s ease-in-out infinite hp-peek}@keyframes hp-peek{0%,62%,to{transform:translate(0)}74%{transform:translate(-7px)}88%{transform:translate(0)}}.hero-pond .hp-koi{animation:linear infinite hp-cross}.hero-pond .hp-koi1{animation-duration:34s}.hero-pond .hp-koi2{animation-duration:46s;animation-delay:-18s}@keyframes hp-cross{0%{transform:translate(-80px)}to{transform:translate(1520px)}}.hero-pond .hp-koi1 .hp-swim{animation:11s ease-in-out infinite hp-swim1}.hero-pond .hp-koi2 .hp-swim{animation:9s ease-in-out infinite hp-swim2}@keyframes hp-swim1{0%,to{transform:translateY(92px)rotate(-5deg)}50%{transform:translateY(126px)rotate(5deg)}}@keyframes hp-swim2{0%,to{transform:translateY(74px)rotate(4deg)}50%{transform:translateY(52px)rotate(-4deg)}}.hero-pond .hp-tail{transform-origin:100%;animation:1.6s ease-in-out infinite hp-wag}@keyframes hp-wag{0%,to{transform:rotate(-11deg)}50%{transform:rotate(11deg)}}.hero-pond .hp-fly{animation:19s ease-in-out infinite hp-dart}@keyframes hp-dart{0%{transform:translate(420px,46px)}18%{transform:translate(430px,40px)}30%{transform:translate(700px,62px)}48%{transform:translate(712px,56px)}62%{transform:translate(430px,36px)}80%{transform:translate(300px,58px)}to{transform:translate(420px,46px)}}.hero-pond .hp-hover{transform-origin:50%;animation:2.6s ease-in-out infinite hp-hover}@keyframes hp-hover{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}.hero-pond .hp-wings{transform-origin:20%;animation:.14s linear infinite hp-beat}@keyframes hp-beat{0%,to{transform:scaleY(1)}50%{transform:scaleY(.46)}}@media (width<=640px){.hero-pond{height:126px}}@media (prefers-reduced-motion:reduce){.hero-pond :is(.hp-trail,.hp-gl,.hp-ring,.hp-frond,.hp-pad,.hp-lotus,.hp-turtle,.hp-head,.hp-koi,.hp-swim,.hp-tail,.hp-fly,.hp-hover,.hp-wings){animation:none}.hero-pond .hp-koi1{transform:translate(380px,108px)}.hero-pond .hp-koi2{transform:translate(820px,64px)}.hero-pond .hp-fly{transform:translate(560px,46px)}.hero-pond .hp-ring{opacity:.5}}@media print{.hero-pond{display:none}}