"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[905],{38659:(re,j,c)=>{c.r(j),c.d(j,{default:()=>We});var e=c(48322),R=c(98401),r=c(67115);const Y=(0,r.i7)` from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } `,D=(0,r.i7)` from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(40px); } `,K=(0,r.i7)` from { opacity: 0; transform: translateX(-60px); } to { opacity: 1; transform: translateX(0); } `,J=(0,r.i7)` from { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: translateY(0); } `,W=(0,r.i7)` from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(-60px); } `,Z=(0,r.i7)` from { opacity: 0; transform: translateX(60px); } to { opacity: 1; transform: translateX(0); } `,V=(0,r.AH)` animation-duration: 0.8s; animation-fill-mode: both; animation-timing-function: ease-in-out; `,E=(0,r.AH)` ${V} animation-name: ${Y}; `,p=(0,r.AH)` ${V} animation-name: ${D}; `,$=(0,r.AH)` ${V} animation-name: ${K}; `,O=(0,r.AH)` ${V} animation-name: ${W}; `,_=(0,r.AH)` ${V} animation-name: ${Z}; `,S=(0,r.AH)` ${V} animation-name: ${J}; `,X=r.Ay.div` ${({theme:{colors:t,spacing:a,mq:n}})=>(0,r.AH)` border-bottom-left-radius: ${a.xxl}; position: relative; width: 100%; margin: 0 auto; /* Generic helper: elements marked for animation start hidden only when JS enables it */ .will-animate { opacity: 0; } /* Respect reduced motion: never hide or animate */ @media (prefers-reduced-motion: reduce) { .will-animate { opacity: 1 !important; } .fade-in-up, .fade-in-right, .fade-in-left { animation: none !important; } } .featured-events__image { opacity: 1; img { width: 100%; height: auto; max-height: 530px; object-fit: cover; } } .featured-events__content { display: flex; flex-direction: column; gap: ${a.xxs}; padding: ${a.xxs} ${a.xxs} ${a.l} ${a.xxs}; background-color: ${t.light.brand.lighterBlue}; border-bottom-left-radius: ${a.xxl}; @media ${n.min.px.desktop} { flex-direction: row; padding: ${a.m} ${a.m} ${a.xl} ${a.m}; } .events-column, .text-column { flex: 1; } .text-column { display: flex; flex-direction: column; gap: ${a.xxs}; .main-title { font-size: var(--step-5); font-weight: 600; line-height: 1.3; background: linear-gradient( 180deg, #007dba 0%, #007dba 60%, #0c2340 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; &.fade-in-up { ${E} } } .sub-title { color: ${t.light.brand.darkBlue}; font-size: var(--step-5); font-weight: 800; line-height: 1.3; &.fade-in-up { ${E} } } } .events-column { display: flex; flex-direction: column; gap: 1rem; .events-card-row { display: flex; flex-direction: column; background-color: ${t.light.neutral.white}; border-top-right-radius: ${a.xxl}; padding: ${a.xs}; .featured-title { font-size: var(--step-4); margin-bottom: ${a.m}; font-weight: 800; color: ${t.light.brand.darkBlue}; &.fade-in-up { ${E} } } .events-card-container { display: flex; flex-direction: column; gap: ${a.s}; @media ${n.min.px.desktop} { flex-direction: row; } .event-cta { &.fade-in-right { ${_} } } } } } } `} `;var A=c(42501);const se=r.Ay.div` ${({theme:{colors:t,spacing:a}})=>(0,r.AH)` display: flex; flex-direction: column; gap: ${a.xxs}; padding: ${a.xs}; flex: 1; background-color: ${t.light.brand.lighterBlue}; &:first-of-type { background-color: ${t.light.system.alerts}; } .card-title { font-size: var(--step-1); font-weight: 400; } .event-details { .event-date { font-size: var(--step-2); font-weight: 700; } .event-time { font-size: var(--step-2); font-weight: 400; } } .event-link { margin-top: auto; width: 100%; &.alert-button { background-color: ${t.light.brand.darkBlue}; color: ${t.light.neutral.white}; border: 2px solid ${t.light.brand.darkBlue}; &:hover { background-color: ${t.light.brand.midBlue}; border: 2px solid ${t.light.brand.midBlue}; } &:focus { border: 2px solid ${t.light.brand.midBlue}; } } } `} `;var L=c(69352);const q=({label:t,buttonLabel:a,event:n,index:l,className:o})=>e.createElement(se,{className:o},t&&e.createElement("span",{className:"card-title"},t),n&&e.createElement("div",{className:"event-details"},n.date&&e.createElement("p",{className:"event-date"},n?.date),n.time&&e.createElement("p",{className:"event-time"},n?.time)),a&&e.createElement(L.A,{className:`event-link ${l===0?"alert-button":""}`,link:n?.eventLink?.linkPath,label:a,buttonTheme:"clear"})),C={mobile:"(max-width: 767px)",tablet:"(max-width: 1023px)"},k={mobile:.75,tablet:.9,desktop:1};function Ne(t){const{responsive:a=!0,strategy:n="breakpoint",breakpoints:l=C,scales:o=k,baseViewportHeight:u=900,minScale:d=.6,maxScale:i=1.3}=t||{},[s,m]=(0,e.useState)(1);return(0,e.useEffect)(()=>{if(!a||typeof window>"u"){m(1);return}if(n==="vh-scale"){const h=()=>{const b=(window.innerHeight||u)/u,f=Math.max(d,Math.min(i,b));m(f)};return h(),window.addEventListener("resize",h),window.addEventListener("orientationchange",h),()=>{window.removeEventListener("resize",h),window.removeEventListener("orientationchange",h)}}else{const h=window.matchMedia(l.mobile??C.mobile),g=window.matchMedia(l.tablet??C.tablet),b=()=>{h.matches?m(o.mobile??k.mobile):g.matches?m(o.tablet??k.tablet):m(o.desktop??k.desktop)};b();const f=()=>b();return h.addEventListener("change",f),g.addEventListener("change",f),window.addEventListener("resize",f),()=>{h.removeEventListener("change",f),g.removeEventListener("change",f),window.removeEventListener("resize",f)}}},[a,n,JSON.stringify(t?.breakpoints??C),JSON.stringify(t?.scales??k),t?.baseViewportHeight,t?.minScale,t?.maxScale]),s}const ee="will-animate",M=(t,a)=>{const n=Ne(a);(0,e.useEffect)(()=>{if(typeof window>"u")return;const l=a?.disableOnReducedMotion??!0,o=window.matchMedia("(prefers-reduced-motion: reduce)");if(l&&o.matches){t.forEach(({selector:i})=>{document.querySelectorAll(i).forEach(m=>{m.classList.remove(ee),m.style.opacity="",m.style.transform=""})});return}const d=[];return t.forEach(({selector:i,fadeInClass:s,fadeOutClass:m,offsetIn:h=.8,offsetOut:g=-100})=>{const b=document.querySelectorAll(i);if(!b.length)return;b.forEach(v=>v.classList.add(ee));const f=1-(1-h)*n,I=g*n,H=new IntersectionObserver(v=>{v.forEach(y=>{const N=y.target;y.isIntersecting?(N.classList.remove(ee),s&&N.classList.add(s),m&&N.classList.remove(m)):m&&N.classList.add(m)})},{root:null,threshold:.2,rootMargin:`${-(1-f)*100}% 0px ${I}px 0px`});b.forEach(v=>H.observe(v)),d.push(H)}),()=>{d.forEach(i=>i.disconnect())}},[t,n,a?.disableOnReducedMotion])};var te=c(83652);const Se=({image:t,title:a,subtitle:n,description:l,featuredTitle:o,events:u})=>(M([{selector:".featured-title",fadeInClass:"fade-in-up",offsetIn:.85},{selector:".event-cta",fadeInClass:"fade-in-right",offsetIn:.85},{selector:".featured-events__content",fadeInClass:"fade-in-up",offsetIn:.85},{selector:".main-title",fadeInClass:"fade-in-up",offsetIn:.85},{selector:".sub-title",fadeInClass:"fade-in-up",offsetIn:.85},{selector:".description",fadeInClass:"fade-in-up",offsetIn:.85}]),e.createElement(X,{className:"featured-events u-container--fluid full-width-mobile"},t&&e.createElement("div",{className:"featured-events__image"},e.createElement(A.A,{...t})),e.createElement("div",{className:"featured-events__content u-container--fluid"},e.createElement("div",{className:"text-column"},a&&e.createElement("h2",{className:"main-title"},a),n&&e.createElement("h3",{className:"sub-title"},n),l&&e.createElement(te.default,{className:"description",text:l})),e.createElement("div",{className:"events-column"},e.createElement("div",{className:"events-card-row"},o&&e.createElement("span",{className:"featured-title h3"},o),e.createElement("div",{className:"events-card-container"},u?.map((d,i)=>e.createElement(q,{className:"event-cta",key:i,...d,index:i}))))))));var Ae=c(49240);const _e=r.Ay.div` ${({theme:{colors:t,mq:a,spacing:n}})=>(0,r.AH)` display: flex; flex-direction: column; gap: ${n.xxxs}; position: relative; height: 100%; color: ${t.light.neutral.black}; /* Progressive enhancement: hide only when JS adds this class */ .will-animate { opacity: 0; } /* Respect reduced motion: reveal elements and disable animations */ @media (prefers-reduced-motion: reduce) { .will-animate { opacity: 1 !important; } .fade-in-up, .fade-in-down, .fade-in-left, .fade-in-right { animation: none !important; } } .video-player__title { font-weight: 800; color: ${t.light.brand.darkBlue}; font-size: var(--step-5); &.fade-in-up { ${E} } } .video-player__sub-title { font-size: var(--step-3); font-weight: 600; background: linear-gradient( 180deg, #007dba 0%, #007dba 60%, #0c2340 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; &.fade-in-up { ${E} } } .video-player__container { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .video-player__embed { position: relative; height: 100%; width: 100%; z-index: 1; @media ${a.min.px.tablet} { width: 100%; } } .video-player__markup { &.fade-in-up { ${E} } h4 { font-size: var(--step-4); font-weight: 800; color: ${t.light.brand.darkBlue}; } } `} `,Ie=({title:t,subTitle:a,description:n,src:l,posterImage:o,format:u})=>(M([{selector:".video-player__title",fadeInClass:"fade-in-up",offsetIn:.85},{selector:".video-player__sub-title",fadeInClass:"fade-in-up",offsetIn:.85},{selector:".video-player__markup",fadeInClass:"fade-in-up",offsetIn:.85}]),e.createElement(_e,{className:"video-player u-container--fluid"},t&&e.createElement("h2",{className:"video-player__title"},t),a&&e.createElement("h3",{className:"video-player__sub-title"},a),e.createElement("div",{className:"video-player__container"},e.createElement(Ae.A,{className:"video-player__embed",src:l,posterImage:o,provider:u})),n&&e.createElement(te.default,{className:"video-player__markup",text:n}))),ze=r.Ay.section` ${({theme:t})=>(0,r.AH)` /* Progressive enhancement: hide only when JS adds this class */ .will-animate { opacity: 0; } /* Respect reduced motion: reveal elements and disable animations */ @media (prefers-reduced-motion: reduce) { .will-animate { opacity: 1 !important; } .fade-in-up, .fade-in-right, .fade-in-left { animation: none !important; } } .news-events__title { font-size: var(--step-5); font-weight: 800; color: ${a=>a.theme.colors.light.brand.darkBlue}; margin-bottom: ${t.spacing.m}; &.fade-in-up { ${E} } } .news-events__list { display: flex; flex-direction: column; gap: 2rem; @media (min-width: 1024px) { flex-direction: row; } } .featured-card, .card-list { display: flex; flex-direction: column; gap: ${t.spacing.xs}; width: 100%; height: 100%; } .featured-card { flex: 1.5 1 0%; cursor: pointer; position: relative; .card__image { img { border-bottom-right-radius: 50px; } } &.fade-in-up { ${E} } &:hover { .card__image { transform: scale(1.02); } .card__title::before { width: 100%; } } } .card-list { flex: 1; gap: ${t.spacing.xs}; } .card__image { width: 100%; height: 300px; transition: transform 0.4s ease; @media ${t.mq.min.px.tablet} { height: 400px; } @media ${t.mq.min.px.desktop} { height: 500px; } img { width: 100%; height: 100%; object-fit: cover; } } .card-list .card__image { width: 100%; height: 300px; transition: transform 0.4s ease; @media ${t.mq.min.px.tablet} { display: block; width: 200px; max-height: 150px; height: auto; flex-shrink: 0; } } .card__content { display: flex; flex-direction: column; gap: ${t.spacing.xxxs}; a { svg { width: 20px; height: 20px; min-height: 20px; min-width: 20px; } } .card__meta { display: flex; align-items: center; gap: ${t.spacing.xxxs}; font-size: 1rem; svg { width: 30px; height: 30px; min-height: 30px; min-width: 30px; } } } .card-list .card__content { @media ${t.mq.min.px.tablet} { padding: 0 ${t.spacing.s}; } } .card__title, .card__title--small { display: flex; align-items: center; gap: ${t.spacing.xxxs}; font-weight: 700; color: ${t.colors.dark.neutral.black}; text-decoration: none; height: auto; width: fit-content; /* &::before { content: ''; position: absolute; left: 0; bottom: -2px; height: 2px; width: 0; background-color: ${a=>a.theme.colors.light.brand.lightBlue}; transition: width 0.3s ease; } */ &::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: auto; } } .card-list__item { display: flex; flex-direction: column; width: 100%; gap: ${t.spacing.xxs}; cursor: pointer; @media ${t.mq.min.px.tablet} { flex-direction: row; } .card__image { padding-bottom: ${t.spacing.xs}; border-bottom: 2px solid ${t.colors.light.brand.lightGold}; } /* This selector name matches existing usage; animation uses fadeInRight keyframes */ &.fade-in-left { ${_} } &:hover { .card__image { transform: scale(1.02); } .card__title--small::before { width: 100%; } } } .card__link { color: ${t.colors.dark.brand.darkBlue}; font-weight: 500; font-size: 0.875rem; text-decoration: none; &:hover { text-decoration: underline; } } .links__container { display: flex; flex-direction: column; gap: ${t.spacing.xxs}; border-top: 1px solid ${t.colors.light.neutral.grey}; padding-top: ${t.spacing.xxs}; @media ${t.mq.min.px.tablet} { border-top: none; flex-direction: row; } } .news-events__cta { display: flex; -webkit-box-align: center; align-items: center; width: fit-content; color: rgb(12, 35, 64); text-decoration: none; } `} `;var x=c(27030),de=c(43266),Ce=c(52546),ae=c(83692),T=c(90985),ce=c(22504),ne=c(72056);const Be=({latestArticles:t,_type:a="latestNews"})=>{const n=(0,de.d4)(Ce.rE.selectors.selectVersionStatus),[l,o]=(0,e.useState)(null),[u,d]=(0,e.useState)(!0);return(0,e.useEffect)(()=>{let i=!0;const s=()=>{switch(a){case"latestNews":return[T.f.news];case"latestEvents":return[T.f.event];case"latestNewsAndEvents":return[T.f.news,T.f.event];default:return[T.f.news]}};return(async()=>{if(a==="latestNewsAndEvents"&&(!t||t.length===0)){const v=new x.Query(x.Op.equalTo("sys.versionStatus","published"),x.Op.equalTo("sys.contentTypeId",T.f.news));v.pageSize=2,v.orderBy=x.OrderBy.desc("publishedDate"),v.fields=[...ce.Xn,"title","summary","publishedDate","image","sys.uri","heroImage","thumbnail","dateAndTime","date.from","dataEventCategory","readTime","sys.contentTypeId"];const y=new x.Query(x.Op.equalTo("sys.versionStatus","published"),x.Op.equalTo("sys.contentTypeId",T.f.event));y.pageSize=2,y.orderBy=x.OrderBy.desc("date.from"),y.fields=v.fields;const[N,P]=await Promise.all([ae.cachedSearch.search(v,0).then(z=>({response:z,error:null})).catch(z=>({response:null,error:z})),ae.cachedSearch.search(y,0).then(z=>({response:z,error:null})).catch(z=>({response:null,error:z}))]);if(i){const z=N.response?.items||[],ie=P.response?.items||[],B=z.map(ne.D),U=ie.map(ne.D);o([...B,...U]),d(!1)}return}const h=s(),g=[x.Op.equalTo("sys.versionStatus","published"),x.Op.equalTo("sys.contentTypeId",h)];t&&t.map(y=>y.id).forEach(y=>g.push(x.Op.not(x.Op.equalTo("sys.id",y))));const b=new x.Query(...g),f=t?.length??0;let I;a==="latestEvents"?I=x.OrderBy.desc("date.from"):a==="latestNews"?I=x.OrderBy.desc("publishedDate"):a==="latestNewsAndEvents"?(x.Op.equalTo("sys.contentTypeId",T.f.event)&&(I=x.OrderBy.desc("dateAndTime")),x.Op.equalTo("sys.contentTypeId",T.f.news)&&(I=x.OrderBy.desc("publishedDate"))):I=x.OrderBy.desc("sys.publishedDate"),b.pageSize=4-f,b.orderBy=I,b.fields=[...ce.Xn,"title","summary","publishedDate","image","sys.uri","heroImage","thumbnail","dateAndTime","date.from","dataEventCategory","slug","sys.slug","readTime"];const H=await ae.cachedSearch.search(b,0).then(v=>({response:v,error:null})).catch(v=>({response:null,error:v}));if(H.response&&i){const y=H.response.items.map(ne.D),N=t?[...t,...y]:y;o(N),d(!1)}})(),()=>{i=!1}},[t,a,n]),{isLoading:u,latestArticles:l}};var Q=c(67820),w=c(95443),Le=c(39289);const Te=t=>{const{title:a,manualResults:n,button:l,_type:o="latestNewsAndEvents"}=t,{latestArticles:u}=Be({latestArticles:n,_type:o}),d=u;M([{selector:".news-events__title",fadeInClass:"fade-in-up"},{selector:".featured-card",fadeInClass:"fade-in-up",offsetIn:1.2,offsetOut:-200},{selector:".card-list__item",fadeInClass:"fade-in-left"}]);const i=(0,de.d4)(Le.WD);if(!d||d.length===0)return null;const[s,...m]=d,h=s.image||i;return e.createElement(ze,{className:"news-events u-container--fluid"},e.createElement("h2",{className:"news-events__title"},a),e.createElement("div",{className:"news-events__list"},e.createElement("div",{className:"featured-card"},h&&e.createElement("div",{className:"card__image"},e.createElement(A.A,{...h})),e.createElement("div",{className:"card__content"},s.date&&s.contentType!=="newsArticle"&&e.createElement("div",{className:"card__meta"},e.createElement(w.A,{icon:"calendar"}),e.createElement("small",null,s.date)),s.readTime&&e.createElement("div",{className:"card__meta"},e.createElement(w.A,{icon:"clock"}),e.createElement("small",null,s.readTime," min read")),s.title&&e.createElement(Q.A,{path:s.link,className:"card__title h3"},s.title,e.createElement(w.A,{icon:"arrowRight",size:30})))),e.createElement("div",{className:"card-list"},m.map((g,b)=>e.createElement(Oe,{key:b,date:g.date,title:g.title,image:g.image||i,link:g.link,readTime:g.readTime,contentType:g.contentType})),e.createElement("div",{className:"links__container"},e.createElement(Q.A,{path:"/about/events",className:"news-events__cta"},"View all events",e.createElement(w.A,{icon:"arrowRight",size:20})),e.createElement(Q.A,{path:"/about/news",className:"news-events__cta"},"View all news",e.createElement(w.A,{icon:"arrowRight",size:20}))))))},Oe=t=>{const{image:a,date:n,link:l,title:o,readTime:u,contentType:d}=t;return e.createElement("div",{className:"card-list__item"},a&&e.createElement("div",{className:"card__image"},e.createElement(A.A,{...a,alt:a.alt??""})),e.createElement("div",{className:"card__content"},n&&d!=="newsArticle"&&e.createElement("div",{className:"card__meta"},e.createElement(w.A,{icon:"calendar"}),e.createElement("small",null,n)),u&&e.createElement("div",{className:"card__meta"},e.createElement(w.A,{icon:"clock"}),e.createElement("small",null,u," min read")),o&&e.createElement(Q.A,{path:l,className:"card__title--small"},o,e.createElement(w.A,{icon:"arrowRight",size:30}))))},Pe=r.Ay.div` ${({theme:{spacing:t}})=>(0,r.AH)` display: flex; align-items: start; flex-direction: column; justify-content: center; padding: ${t.s}; text-align: center; position: relative; min-height: 270px; perspective: 1000px; /* Click/tap/keyboard-driven flip */ &[data-flipped='true'] .card-3d { transform: rotateY(180deg); } /* Hover-driven flip only on devices that support hover (desktop/mouse) */ @media (hover: hover) and (pointer: fine) { &[data-hover-flip='true'] .card-3d:hover { transform: rotateY(180deg); } } .card-3d { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 600ms ease; outline: none; will-change: transform; -webkit-transform: translateZ(0); } .card-face { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; backface-visibility: hidden; -webkit-backface-visibility: hidden; background: inherit; color: inherit; border-radius: inherit; transform: translateZ(0); } .card-face--front { z-index: 2; } .card-face--back { transform: rotateY(180deg) translateZ(0); } @media (prefers-reduced-motion: reduce) { .card-3d { transition: none; } .card-face--back { display: none; } &[data-flipped='true'] .card-face--back { display: block; margin-top: ${t.xs}; } @media (hover: hover) and (pointer: fine) { &[data-hover-flip='true'] .card-face--back { display: block; margin-top: ${t.xs}; } } } .flip-indicator { position: absolute; bottom: 0; right: 0; pointer-events: none; transition: opacity 200ms ease; } .statistic__text { font-size: var(--step-7); font-weight: 300; line-height: 1.2; background: linear-gradient( 180deg, #007dba 0%, #007dba 60%, #0c2340 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } .statistic__plus { font-size: var(--step-3); font-weight: 400; transition: font-size 0.2s ease-in-out; } .stat-value { font-size: var(--step-3); font-weight: 300; line-height: 1.2; background: linear-gradient( 180deg, #007dba 0%, #007dba 60%, #0c2340 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; margin-bottom: ${t.xxs}; } .statistic__information { font-size: 1rem; font-weight: 300; color: var(--color-text-secondary); margin-bottom: ${t.xxs}; } .statistic__source { font-size: 0.8rem; color: var(--color-text-secondary); font-style: italic; margin-bottom: 0.8rem; } .percentage, .date, .none { display: flex; align-items: center; justify-content: center; line-height: 1.2; background: linear-gradient( 180deg, #007dba 0%, #007dba 60%, #0c2340 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } .top { .statistic__text { display: flex; flex-direction: column; } .statistic__context { font-size: 1rem; font-weight: 700; } } &.none { text-align: center; } `} `;function Re(){const[t,a]=(0,e.useState)({hoverFine:!1});return(0,e.useEffect)(()=>{if(typeof window>"u"||!window.matchMedia)return;const n=window.matchMedia("(hover: hover) and (pointer: fine)"),l=()=>a({hoverFine:n.matches});l();const o=(d,i)=>d.addEventListener?d.addEventListener("change",i):d.addListener(i),u=(d,i)=>d.removeEventListener?d.removeEventListener("change",i):d.removeListener(i);return o(n,l),()=>{u(n,l)}},[]),t}const De=({className:t,statistic:a,statContext:n,statInfo:l,source:o,inView:u,fullStatContext:d,fullStatSource:i,fullStatDate:s,flipOnHover:m=!0,plusStatistic:h=!1})=>{const[g,b]=(0,e.useState)(!1),f=!!(d||i||s),I=(0,e.useRef)(null),{hoverFine:H}=Re();if(a==null)return null;const v=typeof a=="number"||typeof a=="string"&&/^[+-]?\d+(\.\d+)?$/.test(a.trim()),y=v?Number(a):null,N=()=>v&&y!==null?e.createElement(Ve,{value:y,inView:u}):e.createElement(e.Fragment,null,String(a));let P;switch(n){case"%":P=e.createElement("div",{className:"percentage"},e.createElement("span",{className:"statistic__text"},N()),e.createElement("span",{className:"h4 statistic__context"},"%"));break;case"st":case"nd":case"rd":case"th":P=e.createElement("div",{className:"date"},e.createElement("span",{className:"statistic__text"},N()),e.createElement("span",{className:"h4 statistic__context"},n));break;case"Top":P=e.createElement("div",{className:"top"},e.createElement("span",{className:"h4 statistic__context"},n),e.createElement("span",{className:"statistic__text"},N()));break;case"none":P=e.createElement("div",{className:"none"},e.createElement("span",{className:"h4 statistic__text"},N()),h&&e.createElement("span",{className:"statistic__plus"},"+"));break;default:P=e.createElement("div",{className:"default"},e.createElement("div",{className:"stat-value"},N()))}const z=B=>{(B.key==="Enter"||B.key===" ")&&f&&(B.preventDefault(),b(U=>!U))},ie=()=>{f&&b(B=>!B)};return(0,e.useEffect)(()=>{if(!f)return;const B=U=>{const ke=U.target;!I.current||!ke||I.current.contains(ke)||b(!1)};return document.addEventListener("pointerdown",B,!0),()=>document.removeEventListener("pointerdown",B,!0)},[f]),(0,e.useEffect)(()=>{!f&&g&&b(!1)},[f,g]),e.createElement(Pe,{ref:I,className:t,"data-hover-flip":H&&m&&f?"true":"false","data-flipped":g&&f?"true":"false",role:"group","aria-label":"Statistic card"},e.createElement("div",{className:"card-3d",tabIndex:0,role:"button","aria-pressed":!!(g&&f),onKeyDown:z,onClick:ie,"aria-live":"polite"},e.createElement("div",{className:"card-face card-face--front"},P,l&&e.createElement("p",{className:"h3 statistic__information"},l),o&&e.createElement("figcaption",{className:"p statistic__source"},o),f&&e.createElement("div",{className:"flip-indicator",title:"Tap or click to flip","aria-hidden":"true"},e.createElement(w.A,{icon:"arrowRight",size:26}))),f&&e.createElement("div",{className:"card-face card-face--back"},d&&e.createElement("p",{className:"statistic__information"},d),i&&e.createElement("p",{className:"statistic__source"},i),s&&e.createElement("p",{className:"statistic__source"},s))))},Ve=({value:t,duration:a=700,inView:n})=>{const[l,o]=(0,e.useState)(0),[u,d]=(0,e.useState)(!1),i=(0,e.useRef)(null);return(0,e.useEffect)(()=>{if(!n||u)return;const s=Date.now(),m=()=>{Date.now()-s{i.current&&clearTimeout(i.current)}},[n,u,t,a]),e.createElement("span",null,l)},it=null,He=r.Ay.section` ${({theme:{colors:t,spacing:a,mq:n}})=>(0,r.AH)` display: flex; flex-direction: column; height: auto; gap: ${a.s}; /* Only hide elements when JS adds this class (progressive enhancement) */ .will-animate { opacity: 0; } /* Respect reduced motion: reveal elements and disable animations */ @media (prefers-reduced-motion: reduce) { .will-animate { opacity: 1 !important; } .fade-in-up, .fade-out-down, .fade-in-left, .fade-out-left { animation: none !important; } } .stat-content__title-styled { font-size: var(--step-5); font-weight: 800; color: ${t.light.brand.darkBlue}; line-height: 1.3; } .stat-content__title-styled, .stat-content__sub-title-styled { margin-bottom: ${a.xxs}; } .stat-content__title-styled, .stat-content__sub-title-styled, .stat-card, .optional-button { &.fade-in-up { ${E} } &.fade-out-down { ${p} } } .image-container { &.fade-in-left { ${$} } &.fade-out-left { ${O} } } .desktop-title { display: none; } .mobile-title { display: block; } @media ${n.min.px.desktop} { flex-direction: row; gap: 0; .mobile-title { display: none; } .desktop-title { display: block; } } .image-column { width: 100%; position: relative; .image-container { position: relative; width: 100%; height: 100%; min-height: 50vh; max-height: 60vh; overflow: hidden; border-top-left-radius: ${a.xxl}; img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% center; } } @media ${n.min.px.desktop} { width: 50%; .image-container { height: 100%; max-height: 800px; img { object-fit: cover; width: 100%; height: 100%; display: block; } } } } .content-column { display: flex; flex-direction: column; gap: ${a.xxxs}; height: 100%; width: 100%; position: relative; overflow: visible; @media ${n.min.px.desktop} { width: 50%; padding: 0 ${a.s}; } .stats-grid-container { display: grid; grid-template-columns: repeat(1, 1fr); gap: ${a.xxxs}; .stat-card { &.blue { background-color: ${t.light.brand.lighterBlue}; } &.gold { background-color: ${t.light.brand.lightestGold}; } &:first-child { border-top-left-radius: ${a.s}; } &:nth-child(4) { border-bottom-right-radius: ${a.s}; } } @media ${n.min.px.tablet} { gap: ${a.xs}; grid-template-columns: repeat(2, 1fr); } } .optional-button { position: relative; z-index: 99; align-self: start; } } .stat-section__markup { h4 { font-size: var(--step-4); font-weight: 800; color: ${t.light.brand.darkBlue}; } } `} `,je=t=>`stat-card ${["blue","gold","gold","blue"][t%4]}`,Me=({title:t,subtitle:a,description:n,statistics:l,image:o,button:u})=>{M([{selector:".image-container",fadeInClass:"fade-in-left",offsetIn:.85,offsetOut:-300},{selector:".stat-content__title-styled",fadeInClass:"fade-in-up",offsetIn:1.2,offsetOut:-100},{selector:".stat-content__sub-title-styled",fadeInClass:"fade-in-up",offsetIn:1.2,offsetOut:-200},{selector:".stats-grid-container .stat-card",fadeInClass:"fade-in-up",offsetIn:.85,offsetOut:-150},{selector:".optional-button",fadeInClass:"fade-in-up",offsetIn:1.2,offsetOut:-50}]);const[d,i]=(0,e.useState)([]);return(0,e.useEffect)(()=>{const s=()=>{const m=document.querySelectorAll(".stats-grid-container .stat-card"),h=Array.from(m).map(g=>{const b=g.getBoundingClientRect();return b.top0});i(h)};return window.addEventListener("scroll",s),s(),()=>{window.removeEventListener("scroll",s)}},[l?.length]),e.createElement(He,{className:"u-container--fluid"},o&&e.createElement("div",{className:"image-column"},t&&e.createElement("h2",{className:"stat-content__title-styled mobile-title"},t),e.createElement("div",{className:"image-container"},e.createElement(A.A,{...o}))),e.createElement("div",{className:"content-column"},t&&e.createElement("h2",{className:"stat-content__title-styled desktop-title"},t),a&&e.createElement("p",{className:"stat-content__sub-title-styled"},a),l&&l.length>0&&e.createElement("div",{className:"stats-grid-container"},l.map((s,m)=>e.createElement(De,{key:m,...s,className:je(m),inView:d[m]||!1}))),n&&e.createElement(te.default,{className:"stat-section__markup",text:n}),u&&e.createElement(L.A,{className:"optional-button",link:u.url,label:u.label,buttonTheme:"clear"})))},Fe=r.Ay.section` ${({theme:{colors:t,spacing:a}})=>(0,r.AH)` width: 100%; .page-alert__content-wrapper { display: flex; flex-direction: column; background-color: ${t.light.system.alerts}; padding: ${a.xs} ${a.s}; .page-alert__title { font-size: var(--step-4); color: ${t.light.brand.darkBlue}; font-weight: 900; } .page-alert__content { a { color: ${t.light.brand.darkBlue}; } } p { color: ${t.light.brand.darkBlue}; } } `} `,Ke=({title:t,alert:a})=>e.createElement(Fe,{className:"page-alert u-container--fluid"},e.createElement("div",{className:"page-alert__content-wrapper u-container--fluid"},t&&e.createElement("h2",{className:"page-alert__title"},t),a&&e.createElement(R.VK,{className:"page-alert__content",text:a})));var me=c(92047),pe=c(33383),ue=c(25839),fe=c(36211),he=c(32541),ge=c(4689),be=c(93983);const Qe=(0,r.AH)` .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } `,xe=r.Ay.section` ${({theme:{colors:t,mq:a,spacing:n}})=>(0,r.AH)` position: relative; width: 100%; /* Progressive enhancement: hide only when JS adds this class */ .will-animate { opacity: 0; } /* Respect reduced motion: reveal elements and disable animations */ @media (prefers-reduced-motion: reduce) { .will-animate { opacity: 1 !important; } .fade-in-up, .fade-in-left { animation: none !important; } } .slider-container { margin: 0 auto; overflow: hidden; background-color: ${t.light.brand.lightestGold}; border-bottom-left-radius: ${n.xxl}; } .swiper-slide { @media ${a.min.px.tablet} { padding: ${n.m} 0; } } .quote-card { display: grid; grid-template-columns: 1fr; @media ${a.min.px.desktop} { grid-template-columns: 1fr 1fr; /* height: 100%; */ } } .quote-card__image { height: 100%; max-height: 300px; width: 100%; @media ${a.min.px.tablet} { height: calc(100% + 100px); max-height: unset; } &.fade-in-left { ${$} } img { object-fit: cover; height: 100%; } } .quote-card__content { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; position: relative; padding-left: ${n.l}; padding-right: ${n.l}; @media ${a.min.px.desktop} { padding-left: 6rem; padding-right: 6rem; padding-top: ${n.l}; } &.fade-in-up { ${E} } blockquote { position: relative; display: flex; flex-direction: column; gap: ${n.xxxs}; span { font-size: var(--step-3); font-family: 'Roboto Slab', serif; font-weight: 800; color: ${t.light.brand.darkBlue}; @media ${a.min.px.tablet} { font-size: var(--step-4); } /* @media ${a.min.px.desktop} { font-size: var(--step-5); } */ } &::before { content: ''; position: absolute; top: -30px; left: -35px; width: 30px; height: 30px; background-color: ${t.light.neutral.white}; z-index: 0; @media ${a.min.px.desktop} { width: 50px; height: 50px; top: -20px; left: -60px; } } &::after { content: ''; position: absolute; bottom: -40px; right: -30px; width: 30px; height: 30px; background-color: ${t.light.neutral.white}; z-index: 0; @media ${a.min.px.tablet} { bottom: -65px; right: -30px; } @media ${a.min.px.desktop} { width: 50px; height: 50px; right: -10px; } } .quote-icon { position: absolute; height: 30px; width: 30px; z-index: 1; color: ${t.light.brand.midBlue}; @media ${a.min.px.desktop} { height: 50px; width: 50px; } &.quote-start { top: -45px; left: -35px; @media ${a.min.px.desktop} { left: -55px; } } &.quote-end { bottom: -35px; right: -35px; @media ${a.min.px.tablet} { bottom: -60px; } @media ${a.min.px.desktop} { right: -20px; } } } } span { display: block; padding: 0 ${n.xxs}; max-width: max-content; background-color: ${t.light.neutral.white}; } } .slider__wrapper { position: relative; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-container-autoheight { &, .swiper-slide { height: auto; } .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } } ${Qe}; .swiper-arrow-controls { display: none; align-items: center; justify-content: center; z-index: 2; opacity: 1; &.desktop-controls { display: none; @media ${a.min.px.tablet} { display: flex; position: absolute; top: 5%; right: 5%; justify-content: space-between; width: max-content; } } &.mobile-controls { display: flex; margin: ${n.xxs} 0; } @media ${a.min.px.tablet} { display: flex; flex-direction: row; align-items: center; justify-content: end; &.mobile-controls { display: none; margin-bottom: 0; } } } .swiper-slide-active { z-index: 99; } .swiper-slide-next { .swiper-slide img { border-radius: 0px 50px 0px 0px; @media ${a.min.px.tablet} { border-radius: 0px 50px 0px 0px; } } } .swiper-prev { background-color: rgba(0, 0, 0, 0.5); border: 2px solid transparent; color: ${t.light.neutral.white}; } .swiper-next { border: 2px solid ${t.light.neutral.white}; color: ${t.light.brand.midBlue}; } .swiper-arrow { position: relative; display: inline-block; margin: 0.2rem; padding: 0.2rem; border: 4px solid ${t.light.neutral.white}; border-radius: 50%; color: ${t.light.neutral.white}; background-color: ${t.light.brand.darkBlue}; transition: all ease-in-out 150ms; cursor: pointer; @media ${a.min.px.tablet} { padding: 0.5rem; margin: 0.5rem; } &:hover, &:focus-visible { color: white; background-color: ${t.light.brand.darkBlue}; transition: all ease-in-out 150ms; /* transform: scale(1.1); */ } &:disabled { cursor: not-allowed; color: white; background-color: rgba(0, 0, 0, 0.4); } } .swiper-pagination { position: relative; display: flex; justify-content: center; align-items: center; font-size: 0; line-height: 0; text-align: center; width: max-content; margin: 0 auto; height: 30px; background: white; border-radius: 20px; margin-bottom: 10px; z-index: 10; } .swiper-pagination-bullet { position: relative; display: inline-block; border: 2px solid white; border-radius: 50%; height: 1rem; width: 1rem; margin: 0.5rem; background-color: rgba(0, 0, 0, 0.4); transition: background-color ease-in-out 150ms; cursor: pointer; &:hover, &:focus-visible { background-color: ${t.light.neutral.white}; opacity: 1.2; transition: background-color ease-in-out 150ms; } } .swiper-pagination-bullet-active { background-color: ${t.light.brand.darkBlue}; transition: background-color ease-in-out 150ms; } .swiper-pagination-bullet { height: 13px; width: 13px; border-radius: 50%; border: 2px solid white; margin: 0 5px; @media ${a.min.px.tablet} { height: 16px; width: 16px; } } `} `;var ve=c(54554),we=c(35241);ue.A.use([fe.A,he.A,ge.A,be.A]);const ye=({id:t,className:a})=>e.createElement("div",{className:`swiper-arrow-controls ${a??""}`},e.createElement("button",{className:"swiper-prev swiper-arrow","aria-label":"prev button"},e.createElement(w.A,{icon:"arrowLeft",size:30})),e.createElement("button",{className:"swiper-next swiper-arrow",id:`swiper-next-${t}`,"aria-label":"next"},e.createElement(w.A,{icon:"arrowRight",size:30}))),Ue=()=>e.createElement("div",{className:"swiper-pagination"}),Ee=t=>{const{image:a,quote:n}=t,l=typeof t.index=="number"&&t.index%2===0,{width:o}=(0,we.lW)();return e.createElement("div",{className:"quote-card"},!l||o<1024?e.createElement(e.Fragment,null,a?.src&&e.createElement("div",{className:"quote-card__image"},e.createElement("img",{src:a.src,alt:a.alt||"Quote author image"})),e.createElement("div",{className:"quote-card__content"},e.createElement("blockquote",{className:"h2"},e.createElement(w.A,{icon:"quoteStart",size:30,className:"quote-icon quote-start"}),(0,ve.O)(n.text),e.createElement(w.A,{icon:"quoteEnd",size:30,className:"quote-icon quote-end"})))):e.createElement(e.Fragment,null,e.createElement("div",{className:"quote-card__content"},e.createElement("blockquote",{className:"h2"},e.createElement(w.A,{icon:"quoteStart",size:50,className:"quote-icon quote-start"}),(0,ve.O)(n.text),e.createElement(w.A,{icon:"quoteEnd",size:50,className:"quote-icon quote-end"}))),a?.src&&e.createElement("div",{className:"quote-card__image"},e.createElement("img",{src:a.src,alt:a.alt||"Quote author image"}))))},Ye=({quoteCards:t})=>{const[a,n]=(0,e.useState)(0),l="quote-slider";if(M([{selector:".quote-card__content",fadeInClass:"fade-in-up",offsetIn:1.2,offsetOut:-100}]),t.length===1)return e.createElement(xe,{className:"quote-slider single-quote"},e.createElement(Ee,{...t[0]}));const o=l||"quote-slider-"+Math.random().toString(36).substring(2,8),u={autoHeight:!0,slidesPerView:1,spaceBetween:0,effect:"slide",fadeEffect:{crossFade:!0},navigation:{nextEl:`#${o} .swiper-next`,prevEl:`#${o} .swiper-prev`},pagination:{el:`#${o} .swiper-pagination`,clickable:!0},loop:!0,preventClicks:!1,preventClicksPropagation:!1};return e.createElement(xe,{className:"quote-slider u-container--fluid",id:o},e.createElement("div",{className:"slider-container"},e.createElement(me.R,{...u,onSlideChange:d=>n(d.activeIndex)},e.createElement(ye,{id:l,className:"desktop-controls"}),t.map((d,i)=>e.createElement(pe.q,{key:i},e.createElement(Ee,{...d,index:i}))),e.createElement(ye,{className:"mobile-controls",id:l}),e.createElement(Ue,null))))},Je=r.Ay.section` ${({theme:{colors:t,mq:a,spacing:n}})=>(0,r.AH)` position: relative; overflow-x: hidden; width: 100%; /* Progressive enhancement: hide only when JS adds this class */ .will-animate { opacity: 0; } /* Respect reduced motion: reveal elements and disable animations */ @media (prefers-reduced-motion: reduce) { .will-animate { opacity: 1 !important; } .fade-in-up, .fade-in-right { animation: none !important; } } .title-container { display: flex; flex-direction: column; gap: ${n.xxxs}; margin-bottom: ${n.xs}; } .slider-title { font-size: var(--step-5); font-weight: 800; color: ${t.light.brand.darkBlue}; &.mobile { display: flex; } @media ${a.min.px.tablet} { &.mobile { display: none; } } &.fade-in-up { ${E} } } .u-container { overflow: hidden; position: relative; } .card-slider__container { position: relative; overflow: hidden; z-index: 1; padding: ${n.m}; background-color: ${t.light.brand.lighterBlue}; border-bottom-left-radius: ${n.xxl}; } .swiper-wrapper { display: flex; transition-property: transform; } .swiper-slide { width: 280px; flex-shrink: 0; width: 100%; height: 100%; transition-property: transform; } .card { display: flex; flex-direction: column; align-items: center; background: transparent; text-align: center; aspect-ratio: 1; cursor: pointer; &:hover { .card-image { transform: scale(1.05); } .card-title::before { width: 100%; } } &.fade-in-up { ${E} } &.fade-in-right { ${_} } .card-image { width: 100%; height: 100%; object-fit: cover; border-radius: 0; transition: transform 0.4s ease; &.border-top-right { border-top-right-radius: 30px; } &.border-bottom-left { border-bottom-left-radius: 30px; } } .card__content { display: flex; flex-direction: column; align-items: flex-start; gap: ${n.xxxs}; text-align: left; justify-content: center; padding: ${n.xxs} 0; width: 100%; } .card-title { @media ${a.min.px.tablet} { &::before { content: ''; position: absolute; left: 0; bottom: -2px; height: 2px; width: 0; background-color: ${t.light.brand.lightBlue}; transition: width 0.3s ease; } } a, span { display: flex; align-items: center; gap: ${n.xs}; justify-content: space-between; width: 100%; font-size: var(--step-4); font-weight: 800; color: ${t.light.brand.darkBlue}; text-decoration: none; &::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: auto; } } } .card-description { font-size: var(--step-2); color: ${t.light.neutral.grey80}; } } .slider-controls-container { display: none; flex-direction: column; gap: ${n.s}; width: 100%; justify-content: space-between; align-items: center; margin-bottom: ${n.m}; &.desktop-controls { display: none; @media ${a.min.px.tablet} { display: flex; position: absolute; top: 5%; right: 5%; justify-content: space-between; width: max-content; } } &.mobile-controls { display: flex; margin-bottom: 0; } @media ${a.min.px.tablet} { display: flex; flex-direction: row; margin-bottom: ${n.m}; &.mobile-controls { display: none; margin-bottom: 0; } } } .swiper-pagination { font-size: 0; line-height: 0; text-align: center; padding-top: ${n.xs}; padding-bottom: ${n.xxs}; width: max-content; margin: 0 auto; height: 100%; @media ${a.min.px.tablet} { padding-top: ${n.s}; } } .swiper-pagination-bullet { position: relative; display: inline-block; border: 2px solid white; border-radius: 50%; height: 1rem; width: 1rem; margin: 0.5rem; background-color: rgba(0, 0, 0, 0.4); transition: background-color ease-in-out 150ms; cursor: pointer; &:hover, &:focus-visible { background-color: ${t.light.neutral.white}; opacity: 1.2; transition: background-color ease-in-out 150ms; } } .swiper-pagination-bullet-active { background-color: ${t.light.brand.darkBlue}; transition: background-color ease-in-out 150ms; } .swiper-pagination-bullet { height: 13px; width: 13px; border-radius: 50%; border: 2px solid white; margin: 0 5px; @media ${a.min.px.tablet} { height: 16px; width: 16px; } } .swiper-arrow-controls { display: flex; align-items: center; justify-content: center; z-index: 10; @media (min-width: 1485px) { justify-content: space-between; width: max-content; } } .swiper-prev { background-color: rgba(0, 0, 0, 0.5); border: 2px solid transparent; color: ${t.light.neutral.white}; } .swiper-next { border: 2px solid ${t.light.neutral.white}; color: ${t.light.brand.midBlue}; } .swiper-arrow { position: relative; display: inline-block; margin: 0.2rem; padding: 0.2rem; border: 4px solid ${t.light.neutral.white}; border-radius: 50%; color: ${t.light.neutral.white}; background-color: ${t.light.brand.darkBlue}; transition: all ease-in-out 150ms; cursor: pointer; @media ${a.min.px.tablet} { padding: 0.5rem; margin: 0.5rem; } &:hover, &:focus-visible { color: white; background-color: ${t.light.brand.darkBlue}; transition: all ease-in-out 150ms; /* transform: scale(1.1); */ } &:disabled { cursor: not-allowed; color: white; background-color: rgba(0, 0, 0, 0.4); } } `} `;ue.A.use([fe.A,he.A,ge.A,be.A]);const $e=({className:t})=>e.createElement("div",{className:`slider-controls-container ${t??""}`},e.createElement("div",{className:"swiper-arrow-controls"},e.createElement("button",{className:"swiper-prev swiper-arrow","aria-label":"prev button"},e.createElement(w.A,{icon:"arrowLeft",size:30})),e.createElement("button",{className:"swiper-next swiper-arrow","aria-label":"next button"},e.createElement(w.A,{icon:"arrowRight",size:30})))),Xe=()=>e.createElement("div",{className:"swiper-pagination"}),Ge=({title:t,description:a,cards:n,id:l})=>{const[o,u]=(0,e.useState)(0),{width:d}=(0,we.lW)();M([{selector:".slider-title",fadeInClass:"fade-in-up",offsetIn:.85},{selector:".card",fadeInClass:"fade-in-up",offsetIn:.85}]);const i=l||"card-slider-"+Math.random().toString(36).substring(2,8);return e.createElement(Je,{className:"card-slider u-container--fluid full-width-mobile",id:i},e.createElement("div",{className:"u-container--fluid card-slider__container"},e.createElement("div",{className:"title-container"},t&&e.createElement("h2",{className:"slider-title"},t),a&&e.createElement("p",{className:"slider-description"},a)),e.createElement(me.R,{breakpoints:{640:{slidesPerView:1},768:{slidesPerView:2},1024:{slidesPerView:3}},spaceBetween:30,navigation:{nextEl:`#${i} .swiper-next`,prevEl:`#${i} .swiper-prev`},pagination:{el:`#${i} .swiper-pagination`,clickable:!0},onSlideChange:s=>u(s.activeIndex),loop:!0,centeredSlidesBounds:!0,preventClicks:!0,preventClicksPropagation:!0,noSwiping:d<768,noSwipingSelector:".swiper-no-swiping",threshold:6},e.createElement($e,{className:"desktop-controls"}),n&&n.map((s,m)=>{const h=m%2===0?"border-top-right":"border-bottom-left";return e.createElement(pe.q,{key:m},e.createElement("div",{className:"card"},s.image&&e.createElement(A.A,{...s.image,className:`card-image ${h}`,width:900,height:900}),e.createElement("div",{className:"card__content"},s.link&&e.createElement("span",{className:"card-title h4"},e.createElement(Q.A,{path:s.link},s.title,e.createElement(w.A,{icon:"arrowRight",size:35}))),s.description&&e.createElement("div",{className:"card-description"},s.description))))}),e.createElement($e,{className:"mobile-controls"}),e.createElement(Xe,null))))},We=({items:t})=>!t||!Array.isArray(t)?null:e.createElement(e.Fragment,null,t.map((a,n)=>{if(!a._type)return null;switch(a._type){case"textBlock":return e.createElement(R.VK,{key:n,className:"flow",...a});case"latestNewsAndEvents":case"latestNews":case"latestEvents":return e.createElement(F,{key:n},e.createElement(Te,{...a,key:a._type}));case"statSectionWithImage":return e.createElement(F,{key:n},e.createElement(Me,{...a,key:a._type}));case"featureEvents":return e.createElement(Se,{...a,key:a._type});case"videoSection":return e.createElement(F,{key:n},e.createElement(Ie,{...a,key:a._type}));case"quoteBanner":return e.createElement(F,{key:n},e.createElement(Ye,{...a,key:a._type}));case"cardCarousel":return e.createElement(F,{key:n},e.createElement(Ge,{...a,key:a._type}));case"alert":return e.createElement(F,{key:n},e.createElement(Ke,{...a,key:a._type}));default:console.error("Composer Component ",a._type," not found");break}})),F=r.Ay.div` margin: ${({theme:{spacing:t}})=>t.m} 0; @media ${({theme:{mq:t}})=>t.min.px.tablet} { margin: ${({theme:{spacing:t}})=>t.xxl} 0; } `},49240:(re,j,c)=>{c.d(j,{A:()=>E});var e=c(48322),R=c(67115);const Y=R.Ay.div` ${({theme:{colors:p}})=>(0,R.AH)` position: relative; .video { position: relative; height: 100%; width: 100%; aspect-ratio: 16 / 9; iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: inherit; border: none; margin: 0; padding: 0; } } button { display: block; position: relative; padding: 0; border: 0; width: 100%; height: 100%; background: none; cursor: pointer; } .youtube-play-btn { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; display: block; padding: 0; margin: 0 auto; user-select: none; transition: opacity 0.3s ease; border-radius: 100%; border: 4px solid ${p.light.neutral.white}; background: ${p.light.brand.darkBlue}; &:after { position: absolute; top: calc(50% - 15px); left: calc(50% - 8px); content: ''; border-color: transparent transparent transparent ${p.light.neutral.white}; border-style: solid; border-width: 14px 0 14px 20px; } } &:hover .youtube-play-btn { opacity: 0.75; } img { display: block; height: 100%; width: 100%; aspect-ratio: 16/9; object-fit: fill; } `} `,D=p=>/vimeo\.com/.test(p)?"vimeo":/youtube\.com|youtu\.be/.test(p)?"youtube":"unknown",K=p=>{const $=p.match(/vimeo\.com\/(\d+)/);return $?$[1]:null},J=p=>{const $=p.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([a-zA-Z0-9_-]{11})/);return $?$[1]:null},W=(p,$)=>{const O=new URL(p),_=new URLSearchParams(O.search);switch($){case"vimeo":{const S=K(p);return S?`https://player.vimeo.com/video/${S}?${_.toString()}`:p}case"youtube":{const S=J(p);return S?`https://www.youtube.com/embed/${S}?${_.toString()}`:p}default:return p}},Z=(p,$,O)=>{if(O?.src)return O;if($==="youtube"){const _=J(p);if(_)return{alt:"YouTube video thumbnail",src:`https://img.youtube.com/vi/${_}/maxresdefault.jpg`}}},E=({src:p,title:$,posterImage:O,className:_})=>{console.log(p,"src");const[S,oe]=(0,e.useState)(!1),X=(0,e.useRef)(null),A=D(p),G=Z(p,A,O),L=(0,e.useMemo)(()=>new URL(p),[p]).searchParams.get("autoplay")==="1",le=(0,e.useMemo)(()=>{const C=W(p,A),k=new URL(C);return A==="youtube"&&(k.searchParams.set("enablejsapi","1"),k.searchParams.set("playsinline","1"),k.searchParams.set("rel","0"),typeof window<"u"&&k.searchParams.set("origin",window.location.origin)),(L||S)&&k.searchParams.set("autoplay","1"),k.toString()},[p,A,L,S]);(0,e.useEffect)(()=>{if(!(L||S))return;const C=X.current?.contentWindow;if(!C)return;const k=setTimeout(()=>{try{A==="youtube"?C.postMessage(JSON.stringify({event:"command",func:"playVideo",args:[]}),"*"):A==="vimeo"&&C.postMessage({method:"play"},"*")}catch{}},50);return()=>clearTimeout(k)},[L,S,A]);const q=()=>oe(!0);return e.createElement(Y,{className:_&&_},!L&&!S&&G&&e.createElement("button",{type:"button",className:"video-overlay-btn",onClick:q,"aria-label":"Play video"},e.createElement("span",{className:"youtube-play-btn"}),e.createElement("img",{src:G.src,alt:G.alt||"Video poster"})),(L||S)&&e.createElement("div",{className:"video"},e.createElement("iframe",{ref:X,width:"560",height:"315",src:le,title:$||"Embedded Video",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0})))}},54554:(re,j,c)=>{c.d(j,{O:()=>R});var e=c(48322);const R=r=>r?(r.includes("[br]")?r.split("[br]").map(D=>D.trim()):[r.trim()]).map((D,K)=>e.createElement("span",{key:K},D)):null}}]);