"use strict";(self.webpackChunkOne=self.webpackChunkOne||[]).push([["3387"],{20420:function(e,t,i){i.d(t,{s:()=>h});var n=i(85893),r=i(67294),s=i(81722),o=i(63387),l=i.n(o),a=i(96761);let d=["2g","slow-2g","3g"],c=()=>navigator&&(navigator.connection||navigator.mozConnection||navigator.webkitConnection),u=()=>{let[e,t]=(0,r.useState)(void 0);return(0,r.useEffect)(()=>{t(c())},[]),(0,r.useEffect)(()=>{if(!e)return()=>{};let i=()=>t(c());return e?.addEventListener?.("change",i,{passive:!0}),()=>{e?.removeEventListener?.("change",i)}},[e,t]),(0,r.useMemo)(()=>({effectiveType:e?.effectiveType??"unknown"}),[e?.effectiveType])};var f=i(36658),v=i(39363);let h=(0,s.$j)(({app:e,page:t})=>({threshold:e.threshold??v.TP,isBrowserEngine:e.isBrowserEngine,isEditMode:t.data?.mode==="EDIT"}),null,null,{forwardRef:!0})(({autoPlay:e=!0,src:t,alt:i,video:s,isBrowserEngine:o,threshold:c,disableLazyLoaded:h=!1,isEditMode:p,sizes:g=["100vw","100vw","1280px"],onVideoEnded:m,onVideoStarted:x,endSrc:w})=>{let[b,y]=(0,r.useState)(!1),[V,j]=(0,r.useState)(!0),[E,R]=(0,r.useState)(!1),_=(0,r.useRef)(null),{ref:C,isVisible:k}=(0,f.Z)({role:"animation",stayVisible:!1}),M=u(),I=(0,r.useCallback)(()=>{y(!0),m?.()},[m]);(0,r.useEffect)(()=>{let e=_.current;V&&e&&(k?e?.play().catch(e=>{"NotAllowedError"===e.name&&j(!1)}):e?.pause())},[k,V,x,M]),(0,r.useEffect)(()=>{R(!1),y(!1)},[s?.mobile]);let{desktop:T,tablet:N,mobile:S}=s||{},O=S;c===v.ln&&T?O=T:c===v.M2&&N&&(O=N);let $=(0,r.useMemo)(()=>d.includes(M.effectiveType),[M.effectiveType]),z=!O&&!w?.small||O,H=O&&o&&k&&!b&&V&&!$,A=w?.small&&(!O||E)&&!$,P=A?w:t;return t?(0,n.jsxs)("div",{className:l()("ImageWithVideo",{"is-editMode":p}),ref:C,children:[(z||A)&&(0,n.jsx)("div",{className:"ImageWithVideo__picture",children:(0,n.jsx)(a.E,{src:P||{},alt:i,width:"100%",height:"100%",disableLazyLoaded:h,sizes:g})}),H&&(0,n.jsx)("video",{ref:_,className:"ImageWithVideo__video",autoPlay:e,onEnded:I,loop:!w?.small,muted:!0,src:O,playsInline:!0,onPlaying:()=>{R(!0),x?.()}},O)]}):null})},51893:function(e,t,i){i.r(t),i.d(t,{default:()=>u});var n=i(85893),r=i(67294),s=i(81722),o=i(63387),l=i.n(o),a=i(57581),d=i(20420),c=i(95650);let u=(0,s.$j)(({page:{data:e}})=>({brand:e.siteParams?.brand}))(({text:e,video:t,editContext:i,image:s,brand:o})=>{let{title1:u,title2:f,bodycopy:v,blackText:h,textDisplayCenter:p}=e||{},g=(0,r.useRef)(null);return(0,r.useEffect)(()=>{g.current&&"mobilize"!==o&&!window?.location.hash&&g.current.scrollIntoView()},[o]),(0,n.jsxs)("div",{className:"RevealVideoHeader",children:[(0,n.jsxs)("div",{className:l()("RevealVideoHeader__videoContainer",{"is-editMode":(0,c.w)(i),"is-whiteText":!h}),ref:g,children:[(0,n.jsx)(d.s,{video:{desktop:t?.desktop,mobile:t?.mobile,tablet:t?.tablet},src:s,alt:t?.alt||""}),(0,n.jsx)(c.Cq,{editContext:i})]}),(0,n.jsxs)("h1",{className:l()("RevealVideoHeader__title",{"is-whiteText":!h,"is-textCentered":p}),children:[(0,n.jsx)("p",{className:"RevealVideoHeader__firstTitleElement",children:u}),f&&(0,n.jsx)("p",{className:"RevealVideoHeader__secondTitleElement",children:f}),v&&(0,n.jsx)("div",{className:"RevealVideoHeader__bodyCopy",children:(0,n.jsx)(a.b,{content:v})})]})]})})},36658:function(e,t,i){i.d(t,{Z:()=>o});var n=i(18911),r=i(39363);let s=e=>{let t="undefined"!=typeof window&&r.j$[r.ln]&&window.innerWidth>=r.j$[r.ln],{role:i,options:n={},stayVisible:s=!0}=e;return"lazyload"===i?n.rootMargin=`0px -10px ${t?"200px":"30px"} 0px`:"animation"===i?n.rootMargin=`0px -10px ${t?"-140px":"-100px"} 0px`:"technical"===i&&(n.rootMargin="0px -10px 0px 0px"),{...n,triggerOnce:s}},o=e=>{let{ref:t,inView:i=!1,entry:r}=(0,n.YD)(s(e));return{ref:t,isVisible:i,entry:r}}},18911:function(e,t,i){i.d(t,{YD:()=>c});var n=i(67294),r=Object.defineProperty,s=(e,t,i)=>t in e?r(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,o=new Map,l=new WeakMap,a=0,d=void 0;function c({threshold:e,delay:t,trackVisibility:i,rootMargin:r,root:s,triggerOnce:u,skip:f,initialInView:v,fallbackInView:h,onChange:p}={}){var g;let[m,x]=n.useState(null),w=n.useRef(p),[b,y]=n.useState({inView:!!v,entry:void 0});w.current=p,n.useEffect(()=>{let n;if(!f&&m)return n=function(e,t,i={},n=d){if(void 0===window.IntersectionObserver&&void 0!==n){let r=e.getBoundingClientRect();return t(n,{isIntersecting:n,target:e,intersectionRatio:"number"==typeof i.threshold?i.threshold:0,time:0,boundingClientRect:r,intersectionRect:r,rootBounds:r}),()=>{}}let{id:r,observer:s,elements:c}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var i;return`${t}_${"root"===t?(i=e.root)?(l.has(i)||(a+=1,l.set(i,a.toString())),l.get(i)):"0":e[t]}`}).toString(),i=o.get(t);if(!i){let n;let r=new Map,s=new IntersectionObserver(t=>{t.forEach(t=>{var i;let s=t.isIntersecting&&n.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=s),null==(i=r.get(t.target))||i.forEach(e=>{e(s,t)})})},e);n=s.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),i={id:t,observer:s,elements:r},o.set(t,i)}return i}(i),u=c.get(e)||[];return c.has(e)||c.set(e,u),u.push(t),s.observe(e),function(){u.splice(u.indexOf(t),1),0===u.length&&(c.delete(e),s.unobserve(e)),0===c.size&&(s.disconnect(),o.delete(r))}}(m,(e,t)=>{y({inView:e,entry:t}),w.current&&w.current(e,t),t.isIntersecting&&u&&n&&(n(),n=void 0)},{root:s,rootMargin:r,threshold:e,trackVisibility:i,delay:t},h),()=>{n&&n()}},[Array.isArray(e)?e.toString():e,m,s,r,u,f,i,h,t]);let V=null==(g=b.entry)?void 0:g.target,j=n.useRef(void 0);m||!V||u||f||j.current===V||(j.current=V,y({inView:!!v,entry:void 0}));let E=[x,b.inView,b.entry];return E.ref=E[0],E.inView=E[1],E.entry=E[2],E}n.Component}}]);