https://www.diabrowser.com/_next/static/chunks/3269.670c6e6787ef8dcc.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3269],{2558:(e,t,r)=>{r.d(t,{V:()=>a});var s=r(53108),n=r(64312),i=r(10503),l=r(93673);let a=(0,n.forwardRef)((e,t)=>{let{image:r,video:n,wrapperClassName:a,className:o,lazy:u=!1,autoplay:c=!1,controls:d=!1,posterTime:m,type:f}=e;return"video"===f&&n?(0,s.jsx)(i.C,{ref:t,video:n,videoClassName:o,className:a,autoplay:c,controls:d,posterTime:m}):"image"===f&&r?r&&(0,s.jsx)(l._,{ref:t,alt:r.alt||"Dia Browser",sources:[{url:r.url,w:1600,media:"(min-width: 1400px)"},{url:r.url,w:1400,media:"(min-width: 1200px)"},{url:r.url,w:1200,media:"(min-width: 1000px)"},{url:r.url,w:800,dpr:2,media:"(min-width: 800px)"},{url:r.url,w:600,dpr:2,media:"(min-width: 600px)"}],src:{url:r.url,w:800,dpr:2},lqip:u?r.lqip:void 0,imgProps:{className:o},lazy:u,className:a}):null});a.displayName="Asset"},3614:(e,t,r)=>{r.d(t,{_k:()=>p,ri:()=>b,vk:()=>v});var s=r(53108),n=r(64312),i=r(48569),l=r(9270),a=r(70981),o=r(23932),u=r(13077),c=r(79692),d=r(47292),m=r(85905);let f=(e,t,r)=>{let s=t-e;return((r-e)%s+s)%s+e},h=(0,n.createContext)(null),x=(0,n.createContext)(0),p=()=>{let e=(0,n.useContext)(h);if(!e)throw Error("useMarqueeRuntime must be used within a Marquee component");return e},v=()=>(0,n.useContext)(x);function g(){let[e,t]=(0,n.useState)(0),r=(0,n.useRef)(null);return[(0,n.useCallback)(e=>{var s;null==(s=r.current)||s.disconnect(),e&&(r.current=new ResizeObserver(e=>{let[r]=e;return t(r.contentRect.width)}),r.current.observe(e))},[]),e]}let w=e=>{let{children:t}=e,r=(0,n.useRef)(null),i=()=>{r.current&&r.current.querySelectorAll('a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"]), details, summary').forEach(e=>{e.tabIndex=-1})};return(0,n.useEffect)(()=>{i()}),(0,s.jsx)("div",{ref:e=>{r.current=e,e&&setTimeout(i,0)},children:t})},b=e=>{let{children:t,className:r,direction:p="left",baseVelocity:v=5,slowdownOnHover:b=!1,slowDownFactor:j=.3,slowDownSpringConfig:N={damping:50,stiffness:400},useScrollVelocity:R=!1,scrollAwareDirection:y=!1,scrollSpringConfig:M={damping:50,stiffness:400},scrollContainer:A,repeat:z=3,draggable:S=!1,dragSensitivity:C=.2,dragVelocityDecay:k=.96,dragAwareDirection:E=!1,dragAngle:T=0,grabCursor:O=!1,easing:P,paused:V=!1}=e,X=(0,n.useRef)(null),Y=(0,n.useRef)(!1),F=(0,n.useRef)(0),_=(0,n.useRef)(!1),q=(0,n.useRef)(1),I=(0,n.useRef)({x:0,y:0}),[L,W]=(0,n.useState)(!1),[U,D]=(0,n.useState)(z),[G,H]=g(),[B,J]=g(),$=(0,l.d)(0),K=(0,l.d)(0),Z=(0,a.G)($,e=>f(0,-100,e)),Q=(0,l.d)(1),ee=(0,l.d)(1),{scrollY:et}=(0,o.L)({container:L?A||X:void 0}),er=(0,u.V)(et),es=(0,c.z)(er,M),en=(0,c.z)(Q,N),ei="left"===p||"right"===p,el="left"===p||"up"===p?-v:v,ea=(0,a.G)(R?es:ee,[0,1e3],[0,5],{clamp:!1}),eo=(0,a.G)($,e=>{let t=f(0,-100,e);return"".concat(P?-100*P(-(t/100)):t,"%")}),eu=(0,a.G)(K,e=>{let t=f(0,-100,e);return"".concat(P?-100*P(-(t/100)):t,"%")}),ec=e=>{S&&(e.currentTarget.releasePointerCapture(e.pointerId),Y.current=!1)};return(0,n.useEffect)(()=>{W(!0)},[]),(0,n.useEffect)(()=>{H&&J&&D(Math.max(Math.ceil(H/J)+2,z))},[H,J,z]),(0,d.N)((e,t)=>{if(V)return;if(Y.current&&S){ei?$.set($.get()+F.current):K.set(K.get()+F.current),F.current*=.9,.01>Math.abs(F.current)&&(F.current=0);return}_.current?Q.set(b?j:1):Q.set(1);let r=q.current*el*(t/1e3)*en.get();y&&!Y.current&&(0>ea.get()?q.current=-1:ea.get()>0&&(q.current=1)),r+=q.current*r*ea.get(),S&&(r+=F.current,E&&Math.abs(F.current)>.1&&(q.current=Math.sign(F.current)),!Y.current&&Math.abs(F.current)>.01?F.current*=k:Y.current||(F.current=0)),ei?$.set($.get()+r):K.set(K.get()+r)}),(0,s.jsx)(h.Provider,{value:{baseX:$,wrappedBaseX:Z,itemWidth:J,isHorizontal:ei},children:(0,s.jsx)(i.Uu,{className:(0,m.$)("flex",ei?"flex-row":"flex-col",r),onHoverStart:()=>_.current=!0,onHoverEnd:()=>_.current=!1,onPointerDown:e=>{S&&(e.currentTarget.setPointerCapture(e.pointerId),O&&(e.currentTarget.style.cursor="grabbing"),Y.current=!0,I.current={x:e.clientX,y:e.clientY},F.current=0)},onPointerMove:e=>{if(!S||!Y.current)return;let t={x:e.clientX,y:e.clientY},r=t.x-I.current.x,s=t.y-I.current.y,n=T*Math.PI/180;F.current=(r*Math.cos(n)+s*Math.sin(n))*C,I.current=t},onPointerUp:ec,onPointerCancel:ec,ref:e=>{X.current=e,G(e)},children:Array.from({length:U},(e,t)=>t).map(e=>(0,s.jsx)(x.Provider,{value:e,children:(0,s.jsx)(i.Uu,{className:(0,m.$)("shrink-0",ei&&"flex",S&&O&&"curs

1or-grab"),style:ei?{x:eo,willChange:"transform"}:{y:eu,willChange:"transform"},"aria-hidden":e>0,...0===e&&{ref:B},children:0===e?t:(0,s.jsx)(w,{children:t})})},e))})})}},53269:(e,t,r)=>{r.r(t),r.d(t,{HomePersonalization:()=>R});var s=r(53108),n=r(64312),i=r(28675),l=r(62426),a=r(3614),o=r(2558),u=r(48569),c=r(9270),d=r(47292),m=r(79692),f=r(42816),h=r(94947),x=r(16600),p=r(69256),v=r(85905);let g="w-150 1000:w-300 h-200 1000:h-400 relative",w="absolute z-3 bg-true-white border border-solid border-black/8 rounded-30 1000:rounded-60 min-h-20 py-8 1000:min-h-42 px-12 1000:px-24 flex items-center gap-7 1000:gap-14 font-triple text-8 1000:text-16 leading-normal text-black/65 shadow-marquee-slide-title w-max max-w-137 1000:max-w-265",b="text-tertiary h-14 1000:h-27 w-14 1000:w-27 object-contain -translate-y-1 1000:-translate-y-2 shrink-0",j=e=>{let{children:t,className:r,containerRef:i,isActive:l=!0}=e,o=(0,n.useRef)(null),m=(0,n.useRef)(!1),f=(0,n.useRef)(150),h=(0,n.useRef)(0),x=(0,n.useRef)(0),p=(0,n.useRef)(null),v=()=>{m.current=!1,p.current=null},g=(0,c.d)(1),w=(0,c.d)(1),{wrappedBaseX:b,itemWidth:j,isHorizontal:N}=(0,a._k)(),R=(0,a.vk)();return(0,n.useEffect)(()=>{if(!o.current||"undefined"==typeof ResizeObserver)return;let e=()=>{o.current&&(f.current=o.current.offsetWidth||1,x.current=o.current.offsetLeft,v())};e();let t=new ResizeObserver(e);return t.observe(o.current),()=>t.disconnect()},[]),(0,n.useEffect)(()=>{if(!(null==i?void 0:i.current)||"undefined"==typeof ResizeObserver)return;let e=i.current,t=()=>{e&&(h.current=e.offsetWidth||1,v())};t();let r=new ResizeObserver(t);return r.observe(e),()=>r.disconnect()},[i]),(0,d.N)(()=>{var e,t;if(!l||!o.current||!(null==i?void 0:i.current)||!N||!j)return;let r=h.current||i.current.offsetWidth||0,s=f.current||o.current.offsetWidth||0;if(!r||!s)return;x.current=o.current.offsetLeft;let n=b.get()/100*j+R*j+x.current+s/2,a=r-n,u=1-Math.pow(1-Math.min(Math.max(Math.max(Math.min(n,a),0)/s,0),1),3),c=.75+.25*u,d=0+ +u,v=p.current,y=null!==v&&Math.abs(n-v)>.75*j;if(!m.current||y){g.set(c),w.set(d),m.current=!0,p.current=n;return}g.set((e=g.get())+(c-e)*.15),w.set((t=w.get())+(d-t)*.15),p.current=n}),(0,s.jsx)(u.Uu,{ref:o,className:r,style:{scale:g,opacity:w,willChange:"transform, opacity"},children:t})},N=e=>{let{children:t,className:r,mouseX:n,mouseY:i,parallaxStrength:l=1,stiffness:a=150,damping:o=20,isActive:c=!0}=e,f=(0,m.z)(0,{stiffness:a,damping:o}),h=(0,m.z)(0,{stiffness:a,damping:o});return(0,d.N)(()=>{c&&(f.set(n.get()*l),h.set(i.get()*l))}),(0,s.jsx)(u.hJ,{className:r,style:{x:f,y:h,willChange:"transform"},children:t})},R=e=>{let{subtitle:t,slides:r}=e,d=(0,n.useRef)(null),m=(0,n.useRef)(null),R=(0,n.useRef)(null),[M,A]=y(),[z,S]=y(),C=(0,n.useMemo)(()=>A&&S?Math.min(Math.ceil(A/S)+1,5):1,[A,S]),k=(0,c.d)(0),E=(0,c.d)(0),T=(0,n.useRef)(Array.from({length:8},()=>({strength:1.2*Math.random()+.4,stiffness:100+100*Math.random(),damping:15+15*Math.random()}))).current,O=(0,f.W)(d,{once:!0,amount:"some",margin:"50px 0px"}),P=(0,f.W)(m,{once:!1,amount:0,margin:"200px 0px"}),V=(0,h.I)(),X=P&&!V;return((0,n.useEffect)(()=>{if(!d.current)return;let e=()=>{d.current&&(R.current=d.current.getBoundingClientRect())};e();let t=new ResizeObserver(e);t.observe(d.current);let r=()=>e();return window.addEventListener("scroll",r,{passive:!0}),()=>{t.disconnect(),window.removeEventListener("scroll",r)}},[]),r)?(0,s.jsxs)(u.Io,{ref:d,variants:x.aJ,initial:"initial",animate:O?"animate":"initial",onMouseMove:e=>{if(!X)return;let t=R.current;if(!t)return;let r=t.left+t.width/2,s=t.top+t.height/2,n=e.clientX-r,i=e.clientY-s,l=n/(t.width/2),a=i/(t.height/2);k.set(5*l),E.set(5*a)},onMouseLeave:()=>{k.set(0),E.set(0)},className:"my-80 800:my-120 mx-auto max-w-[1800px]",children:[t&&(0,s.jsx)(u.ZM,{variants:x.Rl,transition:x.RD,className:"h2--exposure text-center max-w-prose mx-auto px-20 800:px-0 text-balance",children:(0,s.jsx)(i.RK,{value:t,components:{...p.hE,block:{normal:e=>{let{children:t}=e;return(0,s.jsx)(s.Fragment,{children:t})}}}})}),(0,s.jsx)("div",{className:"1800:mask-horizontal-fade h-200 1000:h-400 mt-42 max-w-2000 mx-auto",ref:e=>{m.current=e,M(e)},children:(0,s.jsx)(a.ri,{draggable:!0,baseVelocity:1,dragSensitivity:.01,paused:!P,children:(0,s.jsx)("div",{className:"flex",ref:z,children:Array.from({length:C}).map((e,t)=>{var n,i,a,c,d,f,h,p,R,y,M,A,z,S,C;return(0,s.jsxs)(u.Uu,{variants:x.Rl,transition:x.RD,className:"flex cursor-ew-resize select-none active:cursor-ew-resize",children:[r.slideOne&&(0,s.jsxs)(j,{className:g,containerRef:m,isActive:X,children:[(0,s.jsxs)(N,{className:(0,v.A)(w,"bottom-30 -left-24 1000:bottom-60 1000:-left-48"),mouseX:k,mouseY:E,parallaxStrength:T[0].strength,stiffness:T[0].stiffness,damping:T[0].damping,isActive:X,children:[(0,s.jsx)(l.hS,{className:b}),null==(n=r.slideOne)?void 0:n.title]}),(0,s.jsx)(o.V,{...null==(i=r.slideOne)?void 0:i.asset,className:"absolute z-2 w-53 h-60 1000:w-106 1000:h-120 right-44 bottom-42 1000:right-88 1000:bottom-84 object-cover pointer-events-none"}),(0,s.jsx)(o.V,{...null==(a=r.slideOne)?void 0:a.secondAsset,className:"absolute z-1 w-40 h-44 1000:w-80 1000:h-88 top-73 right-22 1000:top-146 1000:right-44 object-cover pointer-events-none"})]}),r.slideTwo&&(0,s.jsxs)(j,{className:g,containerRef:m,isActive:X,children:[(0,s.jsxs)(N,{className:(0,v.A)(w,"left-0 top-57 1000:top-114"),mouseX:k,mouseY:E,parallaxStrength:T[1].strength,stiffness:T[1].stiffness,damping:T[1].damping,isActive:X,children:[(0,s.jsx)(l.hS,{className:b}),null==(c=r.slideTwo)?void 0:c.title]}),(0,s.jsx)(o.V,{...null==(d=r.slideTwo)?void 0:d.asset,className:"absolute z-1 top-0 right-10 w-121 h-127 1000:right-20 1000:w-242 1000:h-254 object-cover pointer-events-none"})]}),r.slideThree&&(0,s.jsxs)(j,{className:g,containerRef:m,isActive:X,children:[(0,s.jsxs)(N,{className:(0,v.A)(w,"bottom-42 -left-45 1000:bottom-84 1000:-left-90"),mouseX:k,mouseY:E,parallaxStrength:T[2].strength,stiffness:T[2].stiffness,damping:T[2].damping,isActive:X,children:[(0,s.jsx)(l.hS,{className:b}),null==(f=r.slideThree)?void 0:f.title]}),(0,s.jsx)(o.V,{...null==(h=r.slideThree)?void 0:h.asset,className:"absolute z-1 left-20 bottom-15 w-90 h-100 1000:left-40 1000:bottom-30 1000:w-180 1000:h-200 object-cover pointer-events-none"})]}),r.slideFour&&(0,s.jsxs)(j,{className:g,containerRef:m,isActive:X,children:[(0,s.jsxs)(N,{className:(0,v.A)(w,"bottom-80 -left-10 1000:bottom-160 1000:-left-20"),mouseX:k,mouseY:E,parallaxStrength:T[3].strength,stiffness:T[3].stiffness,damping:T[3].damping,isActive:X,children:[(0,s.jsx)(l.hS,{className:b}),null==(p=r.slideFour)?void 0:p.title]}),(0,s.jsx)(o.V,{...null==(R=r.slideFour)?void 0:R.asset,className:"absolute z-1 top-27 right-5 w-121 h-115 1000:top-54 1000:right-10 1000:w-242 1000:h-230 object-cover pointer-events-none"})]}),r.slideFive&&(0,s.jsxs)(j,{className:g,containerRef:m,isActive:X,children:[(0,s.jsxs)(N,{className:(0,v.A)(w,"top-57 -left-59 1000:top-114 1000:-left-118"),mouseX:k,mouseY:E,parallaxStrength:T[4].strength,stiffness:T[4].stiffness,damping:T[4].damping,isActive:X,children:[(0,s.jsx)(l.hS,{className:b}),null==(y=r.slideFive)?void 0:y.title]}),(0,s.jsxs)(N,{className:(0,v.A)(w,"bottom-60 -right-16 1000:bottom-120 1000:-right-32"),mouseX:k,mouseY:E,parallaxStrength:T[6].strength,stiffness:T[6].stiffness,damping:T[6].damping,isActive:X,children:[(0,s.jsx)(l.hS,{className:b}),null==(M=r.slideFive)?void 0:M.titleTwo]}),(0,s.jsx)(o.V,{...null==(A=r.slideFive)?void 0:A.asset,className:"absolute z-1 left-0 top-45 w-90 h-63 1000:left-0 1000:top-90 1000:w-180 1000:h-126 object-cover pointer-events-none"}),(0,s.jsx)(o.V,{...null==(z=r.slideFive)?void 0:z.secondAsset,className:"absolute z-1 top-0 -right-8 w-45 h-50 1000:top-0 1000:-right-16 1000:w-90 1000:h-100 object-cover pointer-events-none"})]}),r.slideSix&&(0,s.jsxs)(j,{className:g,containerRef:m,isActive:X,children:[(0,s.jsxs)(N,{className:(0,v.A)(w,"left-0 top-70 1000:top-140"),mouseX:k,mouseY:E,parallaxStrength:T[5].strength,stiffness:T[5].stiffness,damping:T[5].damping,isActive:X,children:[(0,s.jsx)(l.hS,{className:b}),null==(S=r.slideSix)?void 0:S.title]}),(0,s.jsx)(o.V,{...null==(C=r.slideSix)?void 0:C.asset,className:"absolute z-1 top-8 -right-28 w-112 h-125 1000:top-16 1000:-right-56 1000:w-224 

11000:h-250 object-cover pointer-events-none"})]})]},t)})})})})]}):null};function y(){let[e,t]=(0,n.useState)(0),r=(0,n.useRef)(null);return[(0,n.useCallback)(e=>{var s;null==(s=r.current)||s.disconnect(),e&&(r.current=new ResizeObserver(e=>{let[r]=e;return t(r.contentRect.width)}),r.current.observe(e))},[]),e]}}}]);