/* Batch 2026-11-11 — twelve trade scenes (classes b5-*, base class .b3 from xrok-metiers-b3-r7.css). */
@keyframes b5flick{0%,100%{transform:scale(1,1) skewX(0)}25%{transform:scale(.92,1.1) skewX(-3deg)}50%{transform:scale(1.05,.92) skewX(2deg)}75%{transform:scale(.96,1.06) skewX(-1deg)}}
@keyframes b5rise{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:1}100%{transform:translateY(-140px) scale(1.2);opacity:0}}
@keyframes b5smoke{0%{transform:translate(0,0) scale(.5);opacity:0}25%{opacity:.6}100%{transform:translate(40px,-60px) scale(2);opacity:0}}
@keyframes b5fall{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(150px);opacity:0}}
@keyframes b5drop{0%{transform:translateY(0) scale(.4);opacity:0}15%{opacity:1;transform:translateY(0) scale(1)}100%{transform:translateY(60px) scale(.8);opacity:0}}
@keyframes b5needle{0%,100%{transform:rotate(-50deg)}50%{transform:rotate(45deg)}}
@keyframes b5heat{0%{transform:translateY(0);opacity:0}40%{opacity:.8}100%{transform:translateY(-40px);opacity:0}}
@keyframes b5cloud{0%{transform:translateX(-140px)}100%{transform:translateX(240px)}}
@keyframes b5twinkle{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes b5dashA{to{stroke-dashoffset:-32}}
@keyframes b5dashB{to{stroke-dashoffset:-22}}
@keyframes b5dashC{to{stroke-dashoffset:-50}}
@keyframes b5dashD{to{stroke-dashoffset:80}}
@keyframes b5draw{0%{stroke-dashoffset:1}55%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes b5sway{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes b5pulse{0%,100%{transform:scale(.9)}50%{transform:scale(1.15)}}
@keyframes b5wave{0%{transform:scale(.4);opacity:0}30%{opacity:1}100%{transform:scale(2.4);opacity:0}}
.b5-pol-flame{animation-name:b5flick;animation-duration:.9s}
.b5-pol-flame2{animation-name:b5flick;animation-duration:.6s}
.b5-pol-log{animation-name:b5twinkle;animation-duration:3s}
.b5-pol-ember{animation-name:b5rise;animation-duration:2s}
.b5-pol-smoke{animation-name:b5smoke;animation-duration:3.3s;animation-timing-function:ease-out}
.b5-pol-needle{animation-name:b5needle;animation-duration:6s}
.b5-pol-pellet{animation-name:b5drop;animation-duration:1.5s;animation-timing-function:ease-in}
.b5-pol-heat{animation-name:b5heat;animation-duration:2.4s}
.b5-pol-snow{animation-name:b5fall;animation-duration:4.4s;animation-timing-function:linear}
.b5-pol-moon{animation-name:b5twinkle;animation-duration:6s}
.b5-brn-cloud{animation-name:b5cloud;animation-duration:20s;animation-timing-function:linear}
.b5-brn-lamp{animation-name:b5twinkle;animation-duration:3.6s}
.b5-brn-far{animation-name:b5brnFar;animation-duration:7s;animation-timing-function:linear}
@keyframes b5brnFar{0%{transform:translateX(-90px)}100%{transform:translateX(860px)}}
.b5-brn-ring{animation-name:b3spin;animation-duration:2.4s;animation-timing-function:linear}
.b5-brn-bolt{animation-name:b5pulse;animation-duration:1.4s}
.b5-brn-current path{animation:b5dashA .8s linear infinite}
.b5-brn-charge{animation-name:b5brnCharge;animation-duration:9s}
@keyframes b5brnCharge{0%{transform:scaleX(.08)}80%,92%{transform:scaleX(1)}100%{transform:scaleX(.08)}}
.b5-brn-road path{animation:b5dashD 2.4s linear infinite}
.b5-ass-cloud{animation-name:b5cloud;animation-duration:22s;animation-timing-function:linear}
.b5-ass-grass{animation-name:b5sway;animation-duration:3s}
.b5-ass-flow path{animation:b5dashD 1.4s linear infinite reverse}
.b5-ass-level{animation-name:b5assLevel;animation-duration:9s}
@keyframes b5assLevel{0%,100%{transform:scaleY(1)}45%,60%{transform:scaleY(.12)}}
.b5-ass-bubble{animation-name:b5rise;animation-duration:2s}
.b5-ass-out path{animation:b5dashB 1s linear infinite}
.b5-ass-drop{animation-name:b5drop;animation-duration:1.8s;animation-timing-function:ease-in}
.b5-ass-needle{animation-name:b5needle;animation-duration:4.5s}
.b5-ass-suck path{animation:b5dashC 1s linear infinite}
.b5-pui-sun{animation-name:b5puiSun;animation-duration:24s}
@keyframes b5puiSun{0%,100%{transform:translate(0,30px)}50%{transform:translate(160px,-20px)}}
.b5-pui-water path{animation:b5puiWater 4s ease-in-out infinite}
@keyframes b5puiWater{0%,100%{transform:translateX(0)}50%{transform:translateX(-50px)}}
.b5-pui-head{animation-name:b5pulse;animation-duration:.6s}
.b5-pui-drill{animation-name:b5puiDrill;animation-duration:7s}
@keyframes b5puiDrill{0%{transform:scaleY(.35)}70%,85%{transform:scaleY(1)}100%{transform:scaleY(.35)}}
.b5-pui-drill path:nth-child(2){animation:b5dashB .4s linear infinite}
.b5-pui-cut{animation-name:b5puiCut;animation-duration:1.8s}
@keyframes b5puiCut{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(-190px);opacity:0}}
.b5-pui-rise path{animation:b5dashB .9s linear infinite}
.b5-pui-drop{animation-name:b5drop;animation-duration:1.5s;animation-timing-function:ease-in}
.b5-pui-impeller{animation-name:b3spin;animation-duration:.6s;animation-timing-function:linear}
.b5-dem-bird{animation-name:b5demBird;animation-duration:12s;animation-timing-function:linear}
@keyframes b5demBird{0%{transform:translate(-40px,0)}50%{transform:translate(400px,-30px)}100%{transform:translate(840px,10px)}}
.b5-dem-block{animation-name:b5demBlock;animation-duration:4.8s;animation-timing-function:ease-in}
@keyframes b5demBlock{0%,30%{transform:translate(0,0) rotate(0);opacity:1}70%{transform:translate(40px,230px) rotate(40deg);opacity:1}80%,100%{transform:translate(40px,230px) rotate(40deg);opacity:0}}
.b5-dem-track path{animation:b5dashD 1.6s linear infinite}
.b5-dem-arm{animation-name:b5demArm;animation-duration:4.8s}
@keyframes b5demArm{0%,100%{transform:rotate(0)}30%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}}
.b5-dem-jaw{animation-name:b5demJaw;animation-duration:1.2s}
@keyframes b5demJaw{0%,100%{transform:rotate(0)}50%{transform:rotate(-24deg)}}
.b5-dem-dust{animation-name:b5smoke;animation-duration:2.6s;animation-timing-function:ease-out}
.b5-dem-mist{animation-name:b5demMist;animation-duration:1.6s;animation-timing-function:ease-out}
@keyframes b5demMist{0%{transform:translate(0,0);opacity:0}20%{opacity:1}100%{transform:translate(-200px,-10px);opacity:0}}
.b5-dem-debris{animation-name:b5demDebris;animation-duration:2.7s;animation-timing-function:ease-in}
@keyframes b5demDebris{0%{transform:translate(0,0) rotate(0);opacity:0}15%{opacity:1}100%{transform:translate(-120px,40px) rotate(120deg);opacity:0}}
.b5-dem-truck{animation-name:b5demTruck;animation-duration:10s}
@keyframes b5demTruck{0%,30%{transform:translateX(0)}80%{transform:translateX(320px);opacity:1}81%{opacity:0}90%{transform:translateX(0);opacity:0}100%{opacity:1}}
.b5-dsa-sheet{animation-name:b5dsaSheet;animation-duration:3.2s}
@keyframes b5dsaSheet{0%,100%{transform:skewX(0)}50%{transform:skewX(3deg)}}
.b5-dsa-fan{animation-name:b3spin;animation-duration:.7s;animation-timing-function:linear}
.b5-dsa-air path{animation:b5dashA 1s linear infinite}
.b5-dsa-fibre{animation-name:b5dsaFibre;animation-duration:3s;animation-timing-function:ease-in}
@keyframes b5dsaFibre{0%{transform:translate(0,0) rotate(0);opacity:0}15%{opacity:1}100%{transform:translate(260px,40px) rotate(220deg);opacity:0}}
.b5-dsa-worker{animation-name:b5dsaWorker;animation-duration:8s}
@keyframes b5dsaWorker{0%,100%{transform:translateX(0)}50%{transform:translateX(180px)}}
.b5-dsa-door{animation-name:b5dsaDoor;animation-duration:6s}
@keyframes b5dsaDoor{0%,25%,75%,100%{transform:scaleX(1)}40%,60%{transform:scaleX(.2)}}
.b5-dsa-needle{animation-name:b5needle;animation-duration:5s}
.b5-dsa-led{animation-name:b5twinkle;animation-duration:1s}
.b5-dsa-bag{animation-name:b5dsaBag;animation-duration:6s}
@keyframes b5dsaBag{0%{transform:translateX(0);opacity:0}10%{opacity:1}80%{transform:translateX(-120px);opacity:1}100%{transform:translateX(-160px);opacity:0}}
.b5-geo-contour{animation-name:b5geoContour;animation-duration:10s}
@keyframes b5geoContour{0%,100%{transform:translateX(0)}50%{transform:translateX(-40px)}}
.b5-geo-sat{animation-name:b5geoSat;animation-duration:16s}
@keyframes b5geoSat{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(10deg)}}
.b5-geo-wave{animation-name:b5wave;animation-duration:2.1s;animation-timing-function:ease-out}
.b5-geo-laser{animation-name:b5geoLaser;animation-duration:5s}
@keyframes b5geoLaser{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(4deg)}}
.b5-geo-pole{animation-name:b5geoPole;animation-duration:5s}
@keyframes b5geoPole{0%,100%{transform:translate(-30px,-40px)}50%{transform:translate(40px,30px)}}
.b5-geo-line path{animation:b5draw 8s ease-in-out infinite both}
.b5-geo-borne{animation-name:b5geoBorne;animation-duration:3.2s}
@keyframes b5geoBorne{0%{transform:translateY(-40px);opacity:0}25%{transform:translateY(4px);opacity:1}35%,85%{transform:translateY(0);opacity:1}100%{transform:translateY(0);opacity:.6}}
.b5-geo-drone{animation-name:b5geoDrone;animation-duration:9s}
@keyframes b5geoDrone{0%,100%{transform:translate(-180px,10px)}50%{transform:translate(200px,-20px)}}
.b5-geo-rose{animation-name:b5sway;animation-duration:4s}
.b5-the-sun{animation-name:b5theSun;animation-duration:20s}
@keyframes b5theSun{0%,100%{transform:rotate(0)}50%{transform:rotate(30deg)}}
.b5-the-beam path{animation:b5dashD 1.6s linear infinite reverse}
.b5-the-loss{animation-name:b5theLoss;animation-duration:1.6s}
@keyframes b5theLoss{0%,100%{transform:scale(.8);opacity:.4}50%{transform:scale(1.25);opacity:1}}
.b5-the-fan{animation-name:b3spin;animation-duration:.8s;animation-timing-function:linear}
.b5-the-curve path{animation:b5draw 6s ease-in-out infinite both}
.b5-the-wind path{animation:b5dashC 1.2s linear infinite reverse}
.b5-the-merc{animation-name:b5theMerc;animation-duration:7s}
@keyframes b5theMerc{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.b5-eco-dim path{animation:b5draw 7s ease-in-out infinite both}
.b5-eco-ruler{animation-name:b5ecoRuler;animation-duration:6s}
@keyframes b5ecoRuler{0%,100%{transform:translateX(0)}50%{transform:translateX(120px)}}
.b5-eco-divider{animation-name:b5ecoDiv;animation-duration:4s}
@keyframes b5ecoDiv{0%,100%{transform:rotate(0)}50%{transform:rotate(180deg)}}
.b5-eco-row{animation-name:b5ecoRow;animation-duration:3.6s}
@keyframes b5ecoRow{0%,30%,100%{opacity:0}10%,20%{opacity:1}}
.b5-eco-bar{animation-name:b5ecoBar;animation-duration:4s}
@keyframes b5ecoBar{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
.b5-eco-key{animation-name:b5ecoKey;animation-duration:2.1s}
@keyframes b5ecoKey{0%,20%,100%{transform:scale(1)}10%{transform:scale(.82)}}
.b5-eco-page{animation-name:b5ecoPage;animation-duration:5s}
@keyframes b5ecoPage{0%,30%{transform:scaleX(1)}55%{transform:scaleX(-1)}80%,100%{transform:scaleX(1)}}
.b5-cmi-sun{animation-name:b5theSun;animation-duration:22s}
.b5-cmi-tree{animation-name:b5cmiTree;animation-duration:4s}
@keyframes b5cmiTree{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
.b5-cmi-jib{animation-name:b5cmiJib;animation-duration:10s}
@keyframes b5cmiJib{0%,100%{transform:scaleX(1)}50%{transform:scaleX(-1)}}
.b5-cmi-load{animation-name:b5sway;animation-duration:2.5s}
.b5-cmi-brick{animation-name:b5cmiBrick;animation-duration:12s}
@keyframes b5cmiBrick{0%{transform:translateY(-50px);opacity:0}5%{transform:translateY(2px);opacity:1}7%,88%{transform:translateY(0);opacity:1}95%,100%{opacity:0}}
.b5-cmi-truss{animation-name:b5cmiTruss;animation-duration:12s}
@keyframes b5cmiTruss{0%,50%{transform:translateY(-120px);opacity:0}62%,88%{transform:translateY(0);opacity:1}95%,100%{opacity:0}}
.b5-cmi-window{animation-name:b5cmiWindow;animation-duration:12s}
@keyframes b5cmiWindow{0%,70%{opacity:0}78%,88%{opacity:.9}95%,100%{opacity:0}}
.b5-cmi-drum{animation-name:b5cmiDrum;animation-duration:1.2s;animation-timing-function:linear}
@keyframes b5cmiDrum{0%{transform:scaleY(1)}50%{transform:scaleY(-1)}100%{transform:scaleY(1)}}
.b5-ren-paint{animation-name:b5renPaint;animation-duration:5s}
@keyframes b5renPaint{0%{transform:scaleY(0)}60%,85%{transform:scaleY(1)}100%{transform:scaleY(0)}}
.b5-ren-roller{animation-name:b5renRoller;animation-duration:1.6s}
@keyframes b5renRoller{0%,100%{transform:translateY(-30px)}50%{transform:translateY(100px)}}
.b5-ren-wire path{animation:b5dashA .9s linear infinite}
.b5-ren-bit{animation-name:b5renBit;animation-duration:.25s;animation-timing-function:linear}
@keyframes b5renBit{0%{transform:scaleY(1)}50%{transform:scaleY(-1)}100%{transform:scaleY(1)}}
.b5-ren-water path{animation:b5dashB 1s linear infinite}
.b5-ren-tile{animation-name:b5renTile;animation-duration:8s}
@keyframes b5renTile{0%{transform:translateY(-40px);opacity:0}6%{transform:translateY(0);opacity:1}85%{opacity:1}100%{opacity:0}}
.b5-ren-bar{animation-name:b5renBar;animation-duration:8s}
@keyframes b5renBar{0%{transform:scaleX(0)}40%,90%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.b5-ren-tick{animation-name:b5renTick;animation-duration:8s}
@keyframes b5renTick{0%,10%{transform:scale(0);opacity:0}20%,90%{transform:scale(1);opacity:1}100%{opacity:0}}
.b5-sdb-tile{animation-name:b5renTile;animation-duration:9s}
.b5-sdb-rain{animation-name:b5sdbRain;animation-duration:.8s;animation-timing-function:linear}
@keyframes b5sdbRain{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(340px);opacity:0}}
.b5-sdb-swirl{animation-name:b3spin;animation-duration:1.2s;animation-timing-function:linear}
.b5-sdb-steam{animation-name:b5smoke;animation-duration:3.6s;animation-timing-function:ease-out}
.b5-sdb-fog{animation-name:b5sdbFog;animation-duration:7s}
@keyframes b5sdbFog{0%,35%{transform:scaleX(1);opacity:.45}55%,80%{transform:scaleX(0);opacity:0}100%{transform:scaleX(1);opacity:.45}}
.b5-sdb-tap path{animation:b5dashB .5s linear infinite reverse}
.b5-sdb-towel{animation-name:b5sway;animation-duration:3.4s}
.b5-sdb-fan{animation-name:b3spin;animation-duration:.9s;animation-timing-function:linear}
@media (prefers-reduced-motion:reduce){.b5-cmi-brick,.b5-cmi-truss,.b5-ren-tile,.b5-sdb-tile,.b5-geo-borne,.b5-ren-tick,.b5-ren-bar{opacity:1!important}.b5-ren-paint,.b5-cmi-window,.b5-sdb-fog{opacity:.3!important}}