/* the movement for up-scenes-v2.js: every part loops on its own clock (--d offsets), gently, never all at once */
.sv{display:block;width:100%;height:auto;color:#1E2421;overflow:hidden}
.sv g{transform-box:fill-box}
.sv g[transform]:not([class]){transform-box:view-box;transform-origin:0 0}   /* a drawn position (translate, rotate, scale) turns about the canvas origin, as SVG means */
.sv-cloud{animation:svDrift 14s ease-in-out infinite;animation-delay:var(--d,0s)}.sv-cloud2{animation-duration:19s}
@keyframes svDrift{0%,100%{transform:translateX(-6px)}50%{transform:translateX(7px)}}
.sv-halo{transform-box:fill-box;transform-origin:center;animation:svHalo 4s ease-in-out infinite}
@keyframes svHalo{0%,100%{transform:scale(.92);opacity:.35}50%{transform:scale(1.12);opacity:.9}}
.sv-sway{transform-origin:50% 100%;animation:svSway 5s ease-in-out infinite;animation-delay:var(--d,0s)}.sv-slow{animation-duration:6.5s}
@keyframes svSway{0%,100%{transform:rotate(-1.6deg)}35%{transform:rotate(1.4deg)}45%{transform:rotate(3.6deg)}55%{transform:rotate(.8deg)}}
.sv-flag{transform-origin:0 50%;animation:svFlag 1.6s ease-in-out infinite}
@keyframes svFlag{0%,100%{transform:scaleX(1) skewY(0)}50%{transform:scaleX(.82) skewY(4deg)}}
.sv-step{animation:svStep .5s ease-in-out infinite alternate}@keyframes svStep{from{transform:translateY(0)}to{transform:translateY(-.6px)}}
.sv-legs{transform-origin:50% 0;animation:svLegs .5s steps(1) infinite}@keyframes svLegs{0%{transform:scaleX(1)}50%{transform:scaleX(.35)}}
.sv-fly{animation:svFly var(--t,16s) linear infinite;animation-delay:var(--d,0s)}
@keyframes svFly{from{transform:translateX(-24px) translateY(0)}50%{transform:translateX(100px) translateY(-6px)}to{transform:translateX(230px) translateY(2px)}}
.sv-flap{transform-box:fill-box;transform-origin:center;animation:svFlap .42s ease-in-out infinite alternate}
@keyframes svFlap{from{transform:scaleY(1)}to{transform:scaleY(-.35)}}
.sv-wind path{stroke-dasharray:34;animation:svWind 5.5s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes svWind{0%{stroke-dashoffset:34;opacity:0;transform:translate(40px,40px)}20%{opacity:1}60%{stroke-dashoffset:0;opacity:.9}100%{stroke-dashoffset:-34;opacity:0;transform:translate(70px,38px)}}
.sv-ripple{animation:svRipple 3.2s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes svRipple{0%,100%{transform:translateX(-2px);opacity:.4}50%{transform:translateX(2px);opacity:1}}
.sv-fish{animation:svJump 7s infinite}
@keyframes svJump{0%,52%{transform:translate(0,7px);opacity:0;animation-timing-function:ease-out}
  54%{transform:translate(0,0);opacity:1;animation-timing-function:ease-out}66%{transform:translate(9px,-17px);animation-timing-function:ease-in}
  78%{transform:translate(18px,0);opacity:1}81%,100%{transform:translate(18px,6px);opacity:0}}
.sv-fishbody{transform-origin:center;animation:svFishTurn 7s infinite}
@keyframes svFishTurn{0%,54%{transform:rotate(-55deg)}66%{transform:rotate(0)}78%,100%{transform:rotate(60deg)}}
.sv-splash{transform-origin:center;opacity:0;animation:svSplash 7s ease-out infinite}.sv-splash2{animation-name:svSplash2}
@keyframes svSplash{0%,52%{transform:scale(.3);opacity:0}54%{opacity:.9}64%,100%{transform:scale(1.8);opacity:0}}
@keyframes svSplash2{0%,77%{transform:scale(.3);opacity:0}79%{opacity:.9}89%,100%{transform:scale(1.8);opacity:0}}
.sv-duck{animation:svDuck 3.4s ease-in-out infinite}
@keyframes svDuck{0%,100%{transform:translate(0,0) rotate(-3deg)}50%{transform:translate(-3px,-1px) rotate(3deg)}}
.sv-reed{transform-origin:50% 100%;animation:svSway 3.6s ease-in-out infinite;animation-delay:var(--d,0s)}
.sv-leaf{animation:svLeaf 9s ease-in-out infinite}
@keyframes svLeaf{0%{transform:translate(0,0) rotate(0);opacity:0}8%{opacity:1}30%{transform:translate(10px,10px) rotate(70deg)}
  55%{transform:translate(2px,22px) rotate(-30deg)}80%{transform:translate(14px,34px) rotate(110deg);opacity:1}92%,100%{transform:translate(12px,40px) rotate(90deg);opacity:0}}
.sv-train{animation:svTrain 17s infinite;animation-delay:var(--d,0s)}
@keyframes svTrain{0%{transform:translateX(-10px);animation-timing-function:cubic-bezier(.15,.6,.35,1)}
  30%,62%{transform:translateX(152px);animation-timing-function:cubic-bezier(.6,0,.9,.5)}92%,100%{transform:translateX(345px)}}
.sv-hand{transform-origin:50% 100%}.sv-min{animation:svSpin 12s linear infinite}.sv-hour{animation:svSpin 144s linear infinite}
@keyframes svSpin{to{transform:rotate(360deg)}}
.sv-pace{animation:svPace 7s ease-in-out infinite alternate;animation-delay:var(--d,0s)}.sv-pace2{animation-duration:9s;--px:-14px}.sv-pace3{animation-duration:5.5s}
@keyframes svPace{from{transform:translateX(0)}to{transform:translateX(var(--px,16px))}}
.sv-fidget{transform-origin:center;animation:svFidget 4s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes svFidget{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(12deg)}}
.sv-breathe{transform-origin:center;animation:svBreathe 4.5s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes svBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.sv-peck{transform-origin:20% 60%;animation:svPeck 3s ease-in-out infinite}
@keyframes svPeck{0%,60%,100%{transform:rotate(0) translateX(0)}68%{transform:rotate(16deg) translateX(1px)}74%{transform:rotate(0)}80%{transform:rotate(16deg) translateX(1px)}86%{transform:rotate(0) translateX(2px)}}
.sv-board{animation:svBoard 6s steps(1) infinite}@keyframes svBoard{0%{stroke-dasharray:6 2}33%{stroke-dasharray:3 2}66%{stroke-dasharray:8 1.5}}
@media (prefers-reduced-motion:reduce){.sv *{animation:none!important}}