Enerpac Bolting Tools and Hydraulic Torque Wrenches

/* Kiloton motion, 13 Nov 2026 (Yannick's go after the Kiloton meeting). Four effects: hero arrows rise off the ruler, sections fade up on scroll, the piston extends once, cards lift on hover. Everything plays once and stays off for visitors who ask for reduced motion. Below the fold nothing is hidden unless the script runs, so a script failure leaves the page as it was. v2, 13 Nov pm: the hero arrow reveal lives in each page's head CSS (kiloton-arrow-reveal.css), so it is in place before first paint. This block only tells it when the arrow image has loaded. The hero text no longer moves. */ .kt-motion-holder{display:none!important} @media (prefers-reduced-motion:no-preference){ /* 2. Fade-up on scroll, staggered within a row */ .kt-rv{transition:opacity .6s ease var(--kt-d,0ms),transform .6s cubic-bezier(.2,.7,.2,1) var(--kt-d,0ms),translate .2s ease,box-shadow .2s ease} .kt-rv:not(.kt-in){opacity:0;transform:translateY(18px)} /* 3. Piston: starts retracted, extends once when it scrolls into view */ .kt-cyl.kt-rv:not(.kt-in){opacity:1;transform:none} .kt-cyl.kt-rv::before{transition:width 1.1s cubic-bezier(.3,.6,.2,1) .15s} .kt-cyl.kt-rv::after{transition:left 1.1s cubic-bezier(.3,.6,.2,1) .15s} .kt-cyl.kt-rv:not(.kt-in)::before{width:12%!important} .kt-cyl.kt-rv:not(.kt-in)::after{left:calc(18% + 4px + 12% - 10px)!important} } /* 4. Card hover lift with a yellow edge (mouse and trackpad only) */ @media (hover:hover) and (prefers-reduced-motion:no-preference){ #main :is(.kt-card,.kt-svc-card,.kt-enabler,.kt-branch,.kt-news){transition:translate .2s ease,box-shadow .2s ease} #main .kt-rv:is(.kt-card,.kt-svc-card,.kt-enabler,.kt-branch,.kt-news){transition:opacity .6s ease var(--kt-d,0ms),transform .6s cubic-bezier(.2,.7,.2,1) var(--kt-d,0ms),translate .2s ease,box-shadow .2s ease} #main :is(.kt-card,.kt-svc-card,.kt-enabler,.kt-branch,.kt-news):hover{translate:0 -4px;box-shadow:inset 0 -4px 0 #FCE41F} } @media print{.kt-rv{opacity:1!important;transform:none!important}} (function(){ var d=document.documentElement; if(d.getAttribute('data-kt-motion'))return; d.setAttribute('data-kt-motion','1'); if(!('IntersectionObserver' in window))return; if(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches)return; var vh=window.innerHeight||800; /* Hero: start the arrow rise as soon as the (lazy) arrow image is in. The head CSS reveals them by itself at 2.5 s if this never runs, so only trigger before then (switching the animation later would replay it). */ var hero=document.querySelector('#main .kt-arrow-hero'); if(hero&&!hero.classList.contains('kt-arrows-go')){ var fired=false,goA=function(){if(fired)return;fired=true;if(performance.now()<2300){hero.classList.add('kt-arrows-go');}}; var m=(hero.getAttribute('data-bg')||'')||((getComputedStyle(hero).backgroundImage||'').match(/url\(["']?([^"')]+)/)||[])[1]; if(m){var im=new Image();im.onload=goA;im.onerror=goA;im.src=m;if(im.complete){goA();}}else{goA();} setTimeout(goA,1800); } /* Scroll reveal, below the first screen only */ var sel='#main h2,#main .kt-card,#main .kt-svc-card,#main .kt-enabler,#main .kt-branch,#main .kt-news,#main .kt-range,#main .kt-brand-logo,#main .fusion-accordian,#main .fusion-imageframe,#main .kt-cyl'; var skip='.kt-arrow-hero,.kt-jump,.kt-logos,.kt-logos-wrap,.kt-motion-holder'; var list=document.querySelectorAll(sel),els=[],rows=[],counts=[]; for(var i=0;i