/* silhouette walker */
.walker{position:absolute;left:0;bottom:4.2%;z-index:2;width:64px;height:104px;pointer-events:none;transform:translateX(-12vw);animation:stroll 40s linear infinite;filter:drop-shadow(0 0 3px #f2dfb826)}
.walker svg{width:100%;height:100%;overflow:visible;display:block}
.walker .bob{animation:bob .9s ease-in-out infinite;transform-origin:30px 100px}
.walker .legA,.walker .legB{transform-origin:31px 60px;animation:step .9s ease-in-out infinite alternate}
.walker .legB{animation-direction:alternate-reverse}
.walker .armF{transform-origin:33px 38px;animation:armf .9s ease-in-out infinite alternate-reverse}
.walker .bag{transform-origin:24px 36px;animation:bagsway .9s ease-in-out infinite alternate}
@keyframes stroll{from{transform:translateX(-12vw)}to{transform:translateX(104vw)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.5px)}}
@keyframes step{from{transform:rotate(-24deg)}to{transform:rotate(24deg)}}
@keyframes armf{from{transform:rotate(-18deg)}to{transform:rotate(18deg)}}
@keyframes bagsway{from{transform:rotate(-3deg)}to{transform:rotate(4deg)}}
.splash.still .walker,.splash.still .walker *{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.walker{animation:none;transform:translateX(30vw)}.walker *{animation:none!important}}
@media(max-width:600px){.walker{width:44px;height:72px;bottom:5%}}