(function(){ var root=document.getElementById('dpc26'); if(!root){return;} if(!('IntersectionObserver' in window)){return;} var wide=window.innerWidth>900; if(wide){ root.querySelectorAll('.hero').forEach(function(el){el.style.fontSize='120px';el.style.letterSpacing='-6px';}); root.querySelectorAll('.hl').forEach(function(el){el.style.fontSize='48px';el.style.letterSpacing='-2px';}); root.querySelectorAll('.bignum').forEach(function(el){el.style.fontSize='120px';}); root.querySelectorAll('.mq').forEach(function(el){el.style.fontSize='96px';}); root.querySelectorAll('.kn').forEach(function(el){el.style.minWidth='330px';}); } var mqs=root.querySelectorAll('.mq'); function slide(){ mqs.forEach(function(el){var r=el.getBoundingClientRect();el.style.transform='translateX('+Math.round(r.top*0.35-120)+'px)';}); } if(mqs.length){mqs.forEach(function(el){el.style.willChange='transform';});window.addEventListener('scroll',slide,{passive:true});slide();} root.querySelectorAll('.bar').forEach(function(el){el.dpcW=el.style.width;el.style.width='0%';el.style.transition='width 1.6s cubic-bezier(.25,.8,.25,1)';}); root.querySelectorAll('.col').forEach(function(el){el.style.transformOrigin='50% 100%';el.style.transform='scaleY(0)';el.style.transition='transform 1.6s cubic-bezier(.25,.8,.25,1)';}); root.querySelectorAll('.late').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(10px)';el.style.transition='opacity .7s ease, transform .7s ease';}); root.querySelectorAll('.cnt').forEach(function(el){el.dpcT=el.textContent;}); var items=root.querySelectorAll('.rv'); items.forEach(function(el){el.style.opacity='0';el.style.transform='translateY(48px)';el.style.transition='opacity 1.2s ease, transform 1.2s cubic-bezier(.2,.7,.2,1)';}); function countUp(el){ var t=el.dpcT;var target=parseFloat(t);var dec=t.indexOf('.')>-1?1:0;var start=null; function step(ts){ if(start===null){start=ts;} var p=(ts-start)/1600;if(p>1){p=1;} var e=1-Math.pow(1-p,3); el.textContent=(target*e).toFixed(dec); if(1>p){window.requestAnimationFrame(step);}else{el.textContent=t;} } window.requestAnimationFrame(step); } function reveal(el){ if(el.dpcShown){return;} el.style.opacity='1';el.style.transform='none';el.dpcShown=1; } function animate(el){ if(el.dpcAnim){return;} el.dpcAnim=1; reveal(el); var n=0; el.querySelectorAll('.bar').forEach(function(b,i){b.style.transitionDelay=(0.3+i*0.12)+'s';b.style.width=b.dpcW;n=i;}); el.querySelectorAll('.col').forEach(function(c,i){c.style.transitionDelay=(0.3+i*0.12)+'s';c.style.transform='scaleY(1)';n=i;}); var late=el.querySelectorAll('.late'); if(late.length){window.setTimeout(function(){late.forEach(function(x,i){x.style.transitionDelay=(i*0.15)+'s';x.style.opacity='1';x.style.transform='none';});},2000+n*120);} el.querySelectorAll('.cnt').forEach(function(c){window.setTimeout(function(){countUp(c);},300);}); } var anims=[]; items.forEach(function(el){if(el.querySelector('.bar,.col,.cnt')){anims.push(el);}}); var ioText=new IntersectionObserver(function(list){ list.forEach(function(en){if(en.isIntersecting){reveal(en.target);ioText.unobserve(en.target);}}); },{rootMargin:'0px 0px -12% 0px',threshold:0}); var ioAnim=new IntersectionObserver(function(list){ list.forEach(function(en){if(en.isIntersecting){animate(en.target);ioAnim.unobserve(en.target);ioTall.unobserve(en.target);}}); },{rootMargin:'0px 0px -6% 0px',threshold:0.8}); var ioTall=new IntersectionObserver(function(list){ list.forEach(function(en){if(en.isIntersecting){animate(en.target);ioAnim.unobserve(en.target);ioTall.unobserve(en.target);}}); },{rootMargin:'0px 0px -65% 0px',threshold:0}); items.forEach(function(el){ioText.observe(el);}); anims.forEach(function(el){ioAnim.observe(el);ioTall.observe(el);}); window.setTimeout(function(){ if(!items[0].dpcShown){items.forEach(function(el){reveal(el);});anims.forEach(function(el){animate(el);});} },2000); })();