:root{--float-distance:18px;--float-duration:2s;--rotate-angle:2deg;--sway-distance:8px;--shadow-strength:0.35}.float-wrap{display:inline-block;background:0 0;perspective:1200px;will-change:transform}.float-wrap img.space-float{display:block;max-width:100%;height:auto;background:0 0;transform-origin:50% 50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0 18px 30px rgba(0,0,0,var(--shadow-strength)));animation:bob var(--float-duration) ease-in-out infinite,sway calc(var(--float-duration) * 1.7) ease-in-out infinite,tiny-rotate calc(var(--float-duration) * 2.3) ease-in-out infinite}@keyframes bob{0%{transform:translate3d(0,0,0) rotateZ(0)}25%{transform:translate3d(0,calc(var(--float-distance) * -.6),0) rotateZ(calc(var(--rotate-angle) * .5))}50%{transform:translate3d(0,calc(var(--float-distance) * -1),0) rotateZ(calc(var(--rotate-angle) * -.3))}75%{transform:translate3d(0,calc(var(--float-distance) * -.6),0) rotateZ(calc(var(--rotate-angle) * .4))}100%{transform:translate3d(0,0,0) rotateZ(0)}}@keyframes sway{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(var(--sway-distance),0,0)}50%{transform:translate3d(calc(var(--sway-distance) * -1),0,0)}75%{transform:translate3d(var(--sway-distance),0,0)}100%{transform:translate3d(0,0,0)}}@keyframes tiny-rotate{0%{transform:rotateZ(-.6deg)}50%{transform:rotateZ(.8deg)}100%{transform:rotateZ(-.6deg)}}.float-wrap.isolate{animation:bob var(--float-duration) ease-in-out infinite}.float-wrap.isolate img.space-float{animation:sway calc(var(--float-duration) * 1.7) ease-in-out infinite,tiny-rotate calc(var(--float-duration) * 2.3) ease-in-out infinite;transform:translate3d(0,0,0)}.float-wrap:hover img.space-float{animation-play-state:running;transform:translate3d(0,-6px,12px);transition:transform 350ms ease;filter:drop-shadow(0 28px 40px rgba(0,0,0,.45))}