.hero{min-height:760px;overflow:hidden}.hero:after{background:linear-gradient(90deg,#101112 3%,rgba(16,17,18,.94) 29%,rgba(16,17,18,.48) 49%,transparent 74%);pointer-events:none}.hero .hero-content{max-width:650px}.crane-stage{position:absolute;inset:0;overflow:hidden;pointer-events:none}.crane-world{position:absolute;width:1600px;height:1000px;right:0;bottom:0;transform-origin:100% 100%;transform:scale(.76)}.crane-yard{position:absolute;inset:0;width:1600px;height:1000px;object-fit:cover}.crane-cable{position:absolute;inset:0;width:1600px;height:1000px;fill:none;stroke:#b7b9b8;stroke-width:3}.load-shadow{position:absolute;left:860px;top:815px;width:630px;height:100px;background:radial-gradient(ellipse,rgba(0,0,0,.85),transparent 70%)}.scene-pallet{position:absolute;left:800px;top:720px;width:760px;height:256px;transform-origin:50% 100%}.scene-pallet img{position:absolute;width:100%;height:100%;object-fit:fill}.broken-pallet{opacity:1}.generator-load{position:absolute;left:870px;top:413px;width:660px;height:442px;transform-origin:330px 442px}.generator-machine{position:absolute;inset:0}.machine-photo{position:absolute;inset:0;width:660px;height:442px}.load-sling{position:absolute;left:0;top:-110px;width:660px;height:200px;fill:none;stroke:#a79976;stroke-width:6;opacity:0}.recoil{position:absolute;inset:0;width:660px;height:442px;overflow:visible;fill:none}.recoil [data-rope]{stroke:#cfc8b4;stroke-width:3.5}.recoil [data-handle]{stroke:#161819;stroke-width:11;stroke-linecap:round}.machine-meter{position:absolute;left:373px;top:146px;width:195px;height:25px;background:#131c19;color:#a4efbd;text-align:center;font:700 24px/25px monospace;letter-spacing:3px}.machine-meter small{font-size:12px}.exhaust{position:absolute;left:571px;top:-45px;width:160px;height:260px;transform-origin:50% 100%;opacity:0}.impact-dust{position:absolute;left:856px;top:718px;width:160px;height:240px;opacity:0;transform-origin:50% 100%}.dust-two{left:1320px}.scene-controls{position:absolute;z-index:3;right:40px;bottom:23px;display:flex;gap:24px;align-items:center}.scene-voltage{display:block;color:#a4efbd;font:700 29px/1.2 monospace}.scene-voltage small{font-size:16px}.scene-phase{display:block;color:#bac0bc;font:10px/1.8 monospace;letter-spacing:1px}.scene-toggle{border:1px solid #6e7672;border-radius:6px;padding:10px 14px;color:#eef1ef;background:#141918d9;font:12px inherit;cursor:pointer}.scene-toggle:hover{border-color:#ed353b}.scene-toggle:focus-visible{outline:3px solid #ed353b;outline-offset:3px}.is-animating .generator-load,.is-animating .generator-machine,.is-animating .scene-pallet{will-change:transform}.hero .wrap{position:relative;z-index:2}.scene-controls button[hidden]{display:none}
@media(max-width:1100px){.hero{min-height:980px}.hero .hero-content{max-width:680px;padding-bottom:420px}.crane-stage{top:auto;height:530px;bottom:0}.hero:after{background:linear-gradient(180deg,#101112 20%,rgba(16,17,18,.85) 43%,transparent 68%)}}
@media(max-width:700px){.hero{min-height:960px}.hero .hero-content{padding-bottom:445px}.crane-stage{height:475px;bottom:40px}.scene-controls{right:18px;left:18px;bottom:15px;justify-content:space-between;gap:10px}.scene-voltage{font-size:24px}.scene-phase{font-size:9px}.hero:after{background:linear-gradient(180deg,#101112 25%,rgba(16,17,18,.85) 45%,transparent 65%)}.scene-toggle{padding:9px 12px}}