/* Vonk — the drawn pictures of Working with Data move a little, the same way
 * the lab's category art does (lab/index.html): bars grow, dots breathe, bits
 * blink, sparks glint, the lens wanders. Still under reduced motion. */
.wd-art, .wd-art-head{display:block; width:100%; height:auto; aspect-ratio:16/10;}
.wd-art-head{aspect-ratio:600/220;}
.cat-art .spark{animation:labSpark 2.7s ease-in-out infinite; transform-box:fill-box;}
@keyframes labSpark{0%,100%{opacity:.35;} 50%{opacity:1;}}
.cat-art .bit{animation:labBit 2.4s steps(1) infinite;}
@keyframes labBit{0%,100%{opacity:1;} 50%{opacity:.25;}}
.cat-art .bar{transform-box:fill-box; transform-origin:50% 100%; animation:labBar 3.8s cubic-bezier(.3,1.4,.5,1) infinite;}
@keyframes labBar{0%{transform:scaleY(.15);} 30%,85%{transform:none;} 100%{transform:scaleY(.15);}}
.cat-art .dot{transform-box:fill-box; transform-origin:center; animation:labDot 3s ease-in-out infinite;}
@keyframes labDot{0%,100%{transform:none;} 50%{transform:scale(1.35);}}
.cat-art .wlens{animation:wdLens 6s ease-in-out infinite;}
@keyframes wdLens{0%,100%{transform:none;} 50%{transform:translate(-14px,9px);}}
.cat-art .pulse-soft{stroke-dasharray:6 6; animation:wdAnts 1.6s linear infinite;}
@keyframes wdAnts{to{stroke-dashoffset:-24;}}
.cat-art .wob{transform-box:fill-box; transform-origin:center; animation:wdWob 3.4s ease-in-out infinite;}
@keyframes wdWob{0%,100%{rotate:0deg;} 50%{rotate:-6deg;}}
.cat-art .pop{transform-box:fill-box; transform-origin:center; animation:labThrob 2s ease-in-out infinite;}
@keyframes labThrob{0%,100%{transform:none;} 50%{transform:scale(1.08);}}
@media (prefers-reduced-motion:reduce){ .cat-art *{animation:none !important;} }