/* Approved KV: a 6 s vertical float, no drop or entry animation. */
#work .wl-zywiec-float{position:absolute;inset:0;overflow:hidden;pointer-events:none;isolation:isolate}
#work .wl-zywiec-float>span{display:block;position:absolute;inset:0;background:var(--wl-layer) center/cover no-repeat;pointer-events:none}
#work .wl-zywiec-float .wl-zf-bottle{animation:wl-zf-float 6s ease-in-out infinite}
#work .wl-zywiec-float .wl-zf-splash{opacity:0;transform-origin:80.8% 83.3%;animation:wl-zf-water 6s linear infinite}
#work .wl-zywiec-float .wl-zf-phase-0{animation-delay:0s}
#work .wl-zywiec-float .wl-zf-phase-1{animation-delay:-4.5s}
#work .wl-zywiec-float .wl-zf-phase-2{animation-delay:-3s}
#work .wl-zywiec-float .wl-zf-phase-3{animation-delay:-1.5s}
#work .wl-zywiec-float .wl-zf-drop{position:absolute;width:3px;height:5px;border-radius:50%;background:#e8faff;box-shadow:inset -1px -1px 1px #58b9e7;opacity:0;animation:wl-zf-spray 3s linear var(--delay) infinite;pointer-events:none}
@keyframes wl-zf-float{0%,100%{transform:translateY(0)}25%{transform:translateY(-5px)}75%{transform:translateY(5px)}}
@keyframes wl-zf-water{0%,100%{opacity:1;transform:scale(1)}25%{opacity:0;transform:translateY(3px) scale(1.07,.97)}75%{opacity:0;transform:translateY(7px) scale(.92,.94)}}
@keyframes wl-zf-spray{0%{opacity:0;transform:translate(0,0) scale(.5)}12%{opacity:.8}48%{opacity:.7;transform:translate(calc(var(--dx)*.55),var(--dy))}85%{opacity:0;transform:translate(var(--dx),8px) scale(.5)}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){#work .wl-zywiec-float .wl-zf-bottle,#work .wl-zywiec-float .wl-zf-splash,#work .wl-zywiec-float .wl-zf-drop{animation:none;will-change:auto}#work .wl-zywiec-float .wl-zf-phase-1{opacity:1}}
/* Keep the loop paused until the tile itself is on screen. */
#work .wl-zywiec-float:not([data-preview-moving]) :is(.wl-zf-bottle,.wl-zf-splash,.wl-zf-drop),
html.motion-paused #work .wl-zywiec-float :is(.wl-zf-bottle,.wl-zf-splash,.wl-zf-drop) {
  animation-play-state: paused;
}
