/* Batch 2026-11-10 — twelve trade scenes (classes b4-*, base class .b3 from xrok-metiers-b3-r7.css). */
.b4-plt-cornice path{animation:b4draw 9s ease-in-out infinite both}
@keyframes b4draw{0%{stroke-dashoffset:760}55%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:760}}
.b4-plt-coat path{animation:b4pltCoat 6s ease-in-out infinite both}
@keyframes b4pltCoat{0%{stroke-dashoffset:420}60%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:420}}
.b4-plt-trowel{animation-name:b4pltTrowel;animation-duration:6s}
@keyframes b4pltTrowel{0%{transform:translate(-40px,-40px) rotate(-4deg)}20%{transform:translate(80px,40px) rotate(4deg)}40%{transform:translate(200px,-30px) rotate(-3deg)}60%,85%{transform:translate(310px,30px) rotate(3deg)}100%{transform:translate(-40px,-40px) rotate(-4deg)}}
.b4-plt-rose{animation-name:b3spin;animation-duration:24s;animation-timing-function:linear}
.b4-plt-pendant{animation-name:b4swing;animation-duration:4s}
@keyframes b4swing{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
.b4-plt-paddle{animation-name:b4pltPaddle;animation-duration:1.2s;animation-timing-function:linear}
@keyframes b4pltPaddle{0%{transform:scaleX(1)}25%{transform:scaleX(.15)}50%{transform:scaleX(-1)}75%{transform:scaleX(-.15)}100%{transform:scaleX(1)}}
.b4-plt-drop{animation-name:b4drip;animation-duration:2.1s;animation-timing-function:ease-in}
@keyframes b4drip{0%{transform:translateY(0) scale(.4);opacity:0}15%{opacity:1;transform:translateY(0) scale(1)}100%{transform:translateY(170px) scale(.8);opacity:0}}
.b4-alr-moon{animation-name:b4alrMoon;animation-duration:30s;animation-timing-function:linear}
@keyframes b4alrMoon{0%{transform:translate(60px,30px)}100%{transform:translate(-560px,-10px)}}
.b4-alr-light{animation-name:b4alrLight;animation-duration:4.8s}
@keyframes b4alrLight{0%,30%{opacity:0}36%,70%{opacity:.85}76%,100%{opacity:0}}
.b4-alr-door{animation-name:b4alrDoor;animation-duration:7s}
@keyframes b4alrDoor{0%,20%,80%,100%{transform:scaleX(1)}40%,60%{transform:scaleX(.3)}}
.b4-alr-cam{animation-name:b4alrCam;animation-duration:6s}
@keyframes b4alrCam{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(18deg)}}
.b4-alr-sweep{animation-name:b4alrSweep;animation-duration:3s}
@keyframes b4alrSweep{0%,100%{transform:rotate(-25deg)}50%{transform:rotate(25deg)}}
.b4-alr-wave{animation-name:b4wave;animation-duration:2.4s;animation-timing-function:ease-out}
@keyframes b4wave{0%{transform:scale(.4);opacity:0}30%{opacity:1}100%{transform:scale(2.4);opacity:0}}
.b4-alr-notif{animation-name:b4alrNotif;animation-duration:7s}
@keyframes b4alrNotif{0%,35%{transform:translateY(-30px);opacity:0}45%,85%{transform:translateY(0);opacity:1}100%{transform:translateY(0);opacity:0}}
.b4-alr-shield{animation-name:b4pulse;animation-duration:2s}
@keyframes b4pulse{0%,100%{transform:scale(.9)}50%{transform:scale(1.12)}}
.b4-alr-star{animation-name:b4twinkle;animation-duration:2.5s}
@keyframes b4twinkle{0%,100%{opacity:.2}50%{opacity:1}}
.b4-net-clean path{animation:b4netClean 5s ease-in-out infinite both}
@keyframes b4netClean{0%{stroke-dashoffset:240}50%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:240}}
.b4-net-squeegee{animation-name:b4netSqueegee;animation-duration:5s}
@keyframes b4netSqueegee{0%{transform:translateY(0)}50%,80%{transform:translateY(230px)}100%{transform:translateY(0)}}
.b4-net-scrubber{animation-name:b4netScrub;animation-duration:8s}
@keyframes b4netScrub{0%,100%{transform:translateX(0)}50%{transform:translateX(-200px)}}
.b4-net-brush{animation-name:b3spin;animation-duration:.8s;animation-timing-function:linear}
.b4-net-shine path{animation:b4dash100 3s linear infinite}
@keyframes b4dash100{to{stroke-dashoffset:-100}}
.b4-net-mop{animation-name:b4netMop;animation-duration:2.6s}
@keyframes b4netMop{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(12deg)}}
.b4-net-bubble{animation-name:b4rise;animation-duration:2.8s}
@keyframes b4rise{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:1}100%{transform:translateY(-150px) scale(1.2);opacity:0}}
.b4-dem-cloud{animation-name:b4cloud;animation-duration:18s;animation-timing-function:linear}
@keyframes b4cloud{0%{transform:translateX(-120px)}100%{transform:translateX(220px)}}
.b4-dem-glow{animation-name:b4twinkle;animation-duration:4s}
.b4-dem-lift{animation-name:b4demLift;animation-duration:7s}
@keyframes b4demLift{0%,10%{transform:translate(0,0)}55%,70%{transform:translate(70px,-210px)}100%{transform:translate(0,0)}}
.b4-dem-wheel{animation-name:b3spin;animation-duration:1.4s;animation-timing-function:linear}
.b4-dem-box{animation-name:b4demBox;animation-duration:4.8s}
@keyframes b4demBox{0%{transform:translate(0,0);opacity:0}10%{opacity:1}60%{transform:translate(70px,-40px);opacity:1}80%,100%{transform:translate(150px,-40px);opacity:0}}
.b4-dem-dolly{animation-name:b4demDolly;animation-duration:6s}
@keyframes b4demDolly{0%,100%{transform:translateX(0) rotate(0)}50%{transform:translateX(220px) rotate(-4deg)}}
.b4-dem-road path{animation:b4dash80 1.2s linear infinite}
@keyframes b4dash80{to{stroke-dashoffset:80}}
.b4-sol-sheet{animation-name:b4solSheet;animation-duration:8s}
@keyframes b4solSheet{0%{transform:scaleX(.08)}55%,85%{transform:scaleX(1)}100%{transform:scaleX(.08)}}
.b4-sol-roll{animation-name:b4solRoll;animation-duration:8s}
@keyframes b4solRoll{0%{transform:translateX(-300px)}55%,85%{transform:translateX(0)}100%{transform:translateX(-300px)}}
.b4-sol-welder{animation-name:b4solWeld;animation-duration:6s}
@keyframes b4solWeld{0%,100%{transform:translate(-30px,150px)}50%{transform:translate(10px,-60px)}}
.b4-sol-heat{animation-name:b4heat;animation-duration:1.2s}
@keyframes b4heat{0%{transform:translateY(0);opacity:0}40%{opacity:.8}100%{transform:translateY(-30px);opacity:0}}
.b4-sol-roller{animation-name:b4solRoller;animation-duration:3.6s}
@keyframes b4solRoller{0%,100%{transform:translateX(0)}50%{transform:translateX(120px)}}
.b4-sol-resin{animation-name:b4solResin;animation-duration:6s}
@keyframes b4solResin{0%{transform:scale(.1);opacity:.3}70%{transform:scale(1.3);opacity:1}100%{transform:scale(1.4);opacity:0}}
.b4-sol-drip path{animation:b4dash24 .8s linear infinite}
@keyframes b4dash24{to{stroke-dashoffset:-24}}
.b4-par-plank{animation-name:b4parPlank;animation-duration:12s}
@keyframes b4parPlank{0%{transform:translateY(-60px) rotate(-12deg);opacity:0}6%{transform:translateY(3px) rotate(1deg);opacity:1}8%,84%{transform:translateY(0) rotate(0);opacity:1}92%,100%{opacity:0}}
.b4-par-sander{animation-name:b4parSander;animation-duration:7s}
@keyframes b4parSander{0%,100%{transform:translate(0,0)}25%{transform:translate(-120px,60px)}50%{transform:translate(-240px,10px)}75%{transform:translate(-110px,-20px)}}
.b4-par-disc{animation-name:b3spin;animation-duration:.5s;animation-timing-function:linear}
.b4-par-dust{animation-name:b4rise;animation-duration:1.8s}
.b4-par-varnish path{animation:b4parVarnish 5s ease-in-out infinite both}
@keyframes b4parVarnish{0%{stroke-dashoffset:370}60%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:370}}
.b4-par-brush{animation-name:b4parBrush;animation-duration:5s}
@keyframes b4parBrush{0%{transform:translateX(0)}60%,85%{transform:translateX(310px)}100%{transform:translateX(0)}}
.b4-par-drop{animation-name:b4drip;animation-duration:2.4s;animation-timing-function:ease-in}
.b4-eta-cloud{animation-name:b4cloud;animation-duration:20s;animation-timing-function:linear}
.b4-eta-rain{animation-name:b4rain;animation-duration:1.1s;animation-timing-function:linear}
@keyframes b4rain{0%{transform:translate(0,0);opacity:0}15%{opacity:1}100%{transform:translate(-50px,200px);opacity:0}}
.b4-eta-membrane{animation-name:b4etaMembrane;animation-duration:8s}
@keyframes b4etaMembrane{0%{transform:scaleX(.05)}60%,85%{transform:scaleX(1.4)}100%{transform:scaleX(.05)}}
.b4-eta-roll{animation-name:b4etaRoll;animation-duration:8s}
@keyframes b4etaRoll{0%{transform:translateX(-400px) rotate(0)}60%,85%{transform:translateX(170px) rotate(720deg)}100%{transform:translateX(-400px) rotate(0)}}
.b4-eta-torch{animation-name:b4etaTorch;animation-duration:5s}
@keyframes b4etaTorch{0%,100%{transform:translateX(-300px)}50%{transform:translateX(40px)}}
.b4-eta-flame{animation-name:b4flame;animation-duration:.35s}
@keyframes b4flame{0%,100%{transform:scale(1,1)}50%{transform:scale(.85,1.2)}}
.b4-eta-runoff path{animation:b4dash34 1.4s linear infinite}
@keyframes b4dash34{to{stroke-dashoffset:-34}}
.b4-eta-pipe path{animation:b4dash24 .7s linear infinite}
.b4-eta-needle{animation-name:b4needle;animation-duration:4s}
@keyframes b4needle{0%,100%{transform:rotate(-40deg)}50%{transform:rotate(35deg)}}
.b4-fer-fire{animation-name:b4flame;animation-duration:.5s}
.b4-fer-bellows{animation-name:b4ferBellows;animation-duration:2s}
@keyframes b4ferBellows{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.45)}}
.b4-fer-bar{animation-name:b4ferBar;animation-duration:3s}
@keyframes b4ferBar{0%,100%{opacity:1}50%{opacity:.6}}
.b4-fer-hammer{animation-name:b4ferHammer;animation-duration:1.2s}
@keyframes b4ferHammer{0%,100%{transform:rotate(-34deg)}40%{transform:rotate(2deg)}48%{transform:rotate(-3deg)}}
.b4-fer-spark{animation-duration:1.2s;animation-timing-function:ease-out}
.b4-fer-spark:nth-of-type(6n+1){animation-name:b4spk1}.b4-fer-spark:nth-of-type(6n+2){animation-name:b4spk2}.b4-fer-spark:nth-of-type(6n+3){animation-name:b4spk3}.b4-fer-spark:nth-of-type(6n+4){animation-name:b4spk4}.b4-fer-spark:nth-of-type(6n+5){animation-name:b4spk5}.b4-fer-spark:nth-of-type(6n){animation-name:b4spk6}
@keyframes b4spk1{0%,40%{transform:translate(0,0);opacity:0}45%{opacity:1}100%{transform:translate(-60px,-70px);opacity:0}}
@keyframes b4spk2{0%,40%{transform:translate(0,0);opacity:0}45%{opacity:1}100%{transform:translate(-20px,-95px);opacity:0}}
@keyframes b4spk3{0%,40%{transform:translate(0,0);opacity:0}45%{opacity:1}100%{transform:translate(30px,-85px);opacity:0}}
@keyframes b4spk4{0%,40%{transform:translate(0,0);opacity:0}45%{opacity:1}100%{transform:translate(75px,-50px);opacity:0}}
@keyframes b4spk5{0%,40%{transform:translate(0,0);opacity:0}45%{opacity:1}100%{transform:translate(-95px,-25px);opacity:0}}
@keyframes b4spk6{0%,40%{transform:translate(0,0);opacity:0}45%{opacity:1}100%{transform:translate(95px,-15px);opacity:0}}
.b4-fer-gate{animation-name:b4ferGate;animation-duration:9s}
@keyframes b4ferGate{0%,25%,100%{transform:scaleX(1)}50%,70%{transform:scaleX(.35)}}
.b4-fer-scroll path{animation:b4draw1 4s ease-in-out infinite both}
@keyframes b4draw1{0%{stroke-dashoffset:1}60%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
.b4-fer-arc{animation-name:b4arc;animation-duration:.6s;animation-timing-function:steps(3)}
@keyframes b4arc{0%,100%{opacity:1;transform:scale(1)}33%{opacity:.3;transform:scale(.7)}66%{opacity:.9;transform:scale(1.2)}}
.b4-pie-key{animation-name:b4pieKey;animation-duration:8s}
@keyframes b4pieKey{0%,15%{transform:translateY(-110px);opacity:0}35%,85%{transform:translateY(0);opacity:1}100%{transform:translateY(0);opacity:0}}
.b4-pie-mould path{animation:b4draw1 6s ease-in-out infinite both}
.b4-pie-chisel{animation-name:b4pieChisel;animation-duration:1s}
@keyframes b4pieChisel{0%,100%{transform:translate(0,0)}45%{transform:translate(-4px,8px)}}
.b4-pie-mallet{animation-name:b4pieMallet;animation-duration:1s}
@keyframes b4pieMallet{0%,100%{transform:rotate(-30deg)}45%{transform:rotate(0)}}
.b4-pie-chip{animation-name:b4pieChip;animation-duration:1s;animation-timing-function:ease-out}
@keyframes b4pieChip{0%,45%{transform:translate(0,0);opacity:0}50%{opacity:1}100%{transform:translate(-50px,120px) rotate(160deg);opacity:0}}
.b4-pie-disc{animation-name:b3spin;animation-duration:.4s;animation-timing-function:linear}
.b4-pie-dust{animation-name:b4pieDust;animation-duration:1.8s}
@keyframes b4pieDust{0%{transform:translate(0,0) scale(.5);opacity:0}30%{opacity:.6}100%{transform:translate(-140px,-50px) scale(3);opacity:0}}
.b4-iso-snow{animation-name:b4snow;animation-duration:6s;animation-timing-function:linear}
@keyframes b4snow{0%{transform:translate(0,0);opacity:0}10%{opacity:1}100%{transform:translate(30px,230px);opacity:0}}
.b4-iso-layer{animation-name:b4isoLayer;animation-duration:9s}
@keyframes b4isoLayer{0%{transform:scaleY(.1)}60%,85%{transform:scaleY(1.6)}100%{transform:scaleY(.1)}}
.b4-iso-flake{animation-name:b4isoFlake;animation-duration:1.8s;animation-timing-function:ease-out}
@keyframes b4isoFlake{0%{transform:translate(0,0);opacity:0}15%{opacity:1}100%{transform:translate(220px,20px);opacity:0}}
.b4-iso-heat{animation-name:b4isoHeat;animation-duration:3.2s}
@keyframes b4isoHeat{0%{transform:translateY(40px);opacity:0}30%{opacity:1}60%{transform:translateY(-40px);opacity:1}75%{transform:translateY(-30px);opacity:.6}100%{transform:translateY(20px);opacity:0}}
.b4-iso-mercury{animation-name:b4isoMercury;animation-duration:9s}
@keyframes b4isoMercury{0%,100%{transform:scaleY(.3)}60%,85%{transform:scaleY(.95)}}
.b4-iso-fan{animation-name:b3spin;animation-duration:1.6s;animation-timing-function:linear}
.b4-pac-fan{animation-name:b3spin;animation-duration:1s;animation-timing-function:linear}
.b4-pac-air path{animation:b4dash18 .9s linear infinite}
@keyframes b4dash18{to{stroke-dashoffset:-18}}
.b4-pac-hot path,.b4-pac-cold path,.b4-pac-floor path{animation:b4dash30 1.4s linear infinite}
@keyframes b4dash30{to{stroke-dashoffset:-30}}
.b4-pac-floor path{animation-duration:2.4s}
.b4-pac-needle{animation-name:b4needle;animation-duration:5s}
.b4-pac-warm{animation-name:b4heat;animation-duration:2s}
.b4-pac-sun{animation-name:b3spin;animation-duration:20s;animation-timing-function:linear}
.b4-pvs-sunpath{animation-name:b4pvsSun;animation-duration:20s}
@keyframes b4pvsSun{0%,100%{transform:translate(0,40px)}50%{transform:translate(120px,-30px)}}
.b4-pvs-rays{animation-name:b3spin;animation-duration:14s;animation-timing-function:linear}
.b4-pvs-cloud{animation-name:b4cloud;animation-duration:16s;animation-timing-function:linear}
.b4-pvs-beam path{animation:b4dash30 1s linear infinite}
.b4-pvs-panel{animation-name:b4pvsPanel;animation-duration:10s}
@keyframes b4pvsPanel{0%,100%{transform:skewX(-6deg)}50%{transform:skewX(6deg)}}
.b4-pvs-current path{animation:b4dash20 .8s linear infinite}
@keyframes b4dash20{to{stroke-dashoffset:-20}}
.b4-pvs-led{animation-name:b4twinkle;animation-duration:1.2s}
.b4-pvs-charge{animation-name:b4pvsCharge;animation-duration:8s}
@keyframes b4pvsCharge{0%{transform:scaleX(.1)}80%,90%{transform:scaleX(1)}100%{transform:scaleX(.1)}}
@media (prefers-reduced-motion:reduce){.b4-par-plank,.b4-pie-key,.b4-alr-notif{opacity:1!important}}