"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[905],{38659:(oe,M,c)=>{c.r(M),c.d(M,{default:()=>We});var e=c(48322),P=c(98401),r=c(67115);const G=(0,r.i7)` from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } `,R=(0,r.i7)` from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(40px); } `,J=(0,r.i7)` from { opacity: 0; transform: translateX(-60px); } to { opacity: 1; transform: translateX(0); } `,Z=(0,r.i7)` from { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: translateY(0); } `,q=(0,r.i7)` from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(-60px); } `,ee=(0,r.i7)` from { opacity: 0; transform: translateX(60px); } to { opacity: 1; transform: translateX(0); } `,D=(0,r.AH)` animation-duration: 0.8s; animation-fill-mode: both; animation-timing-function: ease-in-out; `,E=(0,r.AH)` ${D} animation-name: ${G}; `,u=(0,r.AH)` ${D} animation-name: ${R}; `,k=(0,r.AH)` ${D} animation-name: ${J}; `,O=(0,r.AH)` ${D} animation-name: ${q}; `,C=(0,r.AH)` ${D} animation-name: ${ee}; `,N=(0,r.AH)` ${D} animation-name: ${Z}; `,W=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 { ${C} } } } } } } `} `;var S=c(42501);const le=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 B=c(69352);const te=({label:t,buttonLabel:a,event:n,index:l,className:o})=>e.createElement(le,{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(B.A,{className:`event-link ${l===0?"alert-button":""}`,link:n?.eventLink?.linkPath,label:a,buttonTheme:"clear"})),K={mobile:"(max-width: 767px)",tablet:"(max-width: 1023px)"},V={mobile:.75,tablet:.9,desktop:1};function H(t){const{responsive:a=!0,strategy:n="breakpoint",breakpoints:l=K,scales:o=V,baseViewportHeight:p=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||p)/p,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??K.mobile),g=window.matchMedia(l.tablet??K.tablet),b=()=>{h.matches?m(o.mobile??V.mobile):g.matches?m(o.tablet??V.tablet):m(o.desktop??V.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??K),JSON.stringify(t?.scales??V),t?.baseViewportHeight,t?.minScale,t?.maxScale]),s}const _="will-animate",Q=(t,a)=>{const n=H(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(_),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(_));const f=1-(1-h)*n,A=g*n,j=new IntersectionObserver(v=>{v.forEach(y=>{const $=y.target;y.isIntersecting?($.classList.remove(_),s&&$.classList.add(s),m&&$.classList.remove(m)):m&&$.classList.add(m)})},{root:null,threshold:.2,rootMargin:`${-(1-f)*100}% 0px ${A}px 0px`});b.forEach(v=>j.observe(v)),d.push(j)}),()=>{d.forEach(i=>i.disconnect())}},[t,n,a?.disableOnReducedMotion])};var ae=c(83652);const Se=({image:t,title:a,subtitle:n,description:l,featuredTitle:o,events:p})=>(Q([{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(W,{className:"featured-events u-container--fluid full-width-mobile"},t&&e.createElement("div",{className:"featured-events__image"},e.createElement(S.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(ae.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"},p?.map((d,i)=>e.createElement(te,{className:"event-cta",key:i,...d,index:i}))))))));var _e=c(49240);const Ae=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:p})=>(Q([{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(Ae,{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(_e.A,{className:"video-player__embed",src:l,posterImage:o,provider:p})),n&&e.createElement(ae.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}; position: relative; } .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 { position: relative; 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 { ${C} } &: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),ce=c(43266),Ce=c(52546),ne=c(83692),L=c(90985),me=c(22504),ie=c(72056);const Be=({latestArticles:t,_type:a="latestNews"})=>{const n=(0,ce.d4)(Ce.rE.selectors.selectVersionStatus),[l,o]=(0,e.useState)(null),[p,d]=(0,e.useState)(!0);return(0,e.useEffect)(()=>{let i=!0;const s=()=>{switch(a){case"latestNews":return[L.f.news];case"latestEvents":return[L.f.event];case"latestNewsAndEvents":return[L.f.news,L.f.event];default:return[L.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",L.f.news));v.pageSize=2,v.orderBy=x.OrderBy.desc("publishedDate"),v.fields=[...me.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",L.f.event));y.pageSize=2,y.orderBy=x.OrderBy.desc("date.from"),y.fields=v.fields;const[$,T]=await Promise.all([ne.cachedSearch.search(v,0).then(I=>({response:I,error:null})).catch(I=>({response:null,error:I})),ne.cachedSearch.search(y,0).then(I=>({response:I,error:null})).catch(I=>({response:null,error:I}))]);if(i){const I=$.response?.items||[],re=T.response?.items||[],z=I.map(ie.D),X=re.map(ie.D);o([...z,...X]),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 A;a==="latestEvents"?A=x.OrderBy.desc("date.from"):a==="latestNews"?A=x.OrderBy.desc("publishedDate"):a==="latestNewsAndEvents"?(x.Op.equalTo("sys.contentTypeId",L.f.event)&&(A=x.OrderBy.desc("dateAndTime")),x.Op.equalTo("sys.contentTypeId",L.f.news)&&(A=x.OrderBy.desc("publishedDate"))):A=x.OrderBy.desc("sys.publishedDate"),b.pageSize=4-f,b.orderBy=A,b.fields=[...me.Xn,"title","summary","publishedDate","image","sys.uri","heroImage","thumbnail","dateAndTime","date.from","dataEventCategory","slug","sys.slug","readTime"];const j=await ne.cachedSearch.search(b,0).then(v=>({response:v,error:null})).catch(v=>({response:null,error:v}));if(j.response&&i){const y=j.response.items.map(ie.D),$=t?[...t,...y]:y;o($),d(!1)}})(),()=>{i=!1}},[t,a,n]),{isLoading:p,latestArticles:l}};var Y=c(67820),w=c(95443),Le=c(39289);const Oe=t=>{const{title:a,manualResults:n,button:l,_type:o="latestNewsAndEvents"}=t,{latestArticles:p}=Be({latestArticles:n,_type:o}),d=p;Q([{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,ce.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(S.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(Y.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(Te,{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(Y.A,{path:"/about/events",className:"news-events__cta"},"View all events",e.createElement(w.A,{icon:"arrowRight",size:20})),e.createElement(Y.A,{path:"/about/news",className:"news-events__cta"},"View all news",e.createElement(w.A,{icon:"arrowRight",size:20}))))))},Te=t=>{const{image:a,date:n,link:l,title:o,readTime:p,contentType:d}=t;return e.createElement("div",{className:"card-list__item"},a&&e.createElement("div",{className:"card__image"},e.createElement(S.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)),p&&e.createElement("div",{className:"card__meta"},e.createElement(w.A,{icon:"clock"}),e.createElement("small",null,p," min read")),o&&e.createElement(Y.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),p=(d,i)=>d.removeEventListener?d.removeEventListener("change",i):d.removeListener(i);return o(n,l),()=>{p(n,l)}},[]),t}const De=({className:t,statistic:a,statContext:n,statInfo:l,source:o,inView:p,fullStatContext:d,fullStatSource:i,fullStatDate:s,flipOnHover:m=!0,plusStatistic:h=!1})=>{const[g,b]=(0,e.useState)(!1),f=!!(d||i||s),A=(0,e.useRef)(null),{hoverFine:j}=Re();if(a==null)return null;const v=typeof a=="number"||typeof a=="string"&&/^[+-]?\d+(\.\d+)?$/.test(a.trim()),y=v?Number(a):null,$=()=>v&&y!==null?e.createElement(Ve,{value:y,inView:p}):e.createElement(e.Fragment,null,String(a));let T;switch(n){case"%":T=e.createElement("div",{className:"percentage"},e.createElement("span",{className:"statistic__text"},$()),e.createElement("span",{className:"h4 statistic__context"},"%"));break;case"st":case"nd":case"rd":case"th":T=e.createElement("div",{className:"date"},e.createElement("span",{className:"statistic__text"},$()),e.createElement("span",{className:"h4 statistic__context"},n));break;case"Top":T=e.createElement("div",{className:"top"},e.createElement("span",{className:"h4 statistic__context"},n),e.createElement("span",{className:"statistic__text"},$()));break;case"none":T=e.createElement("div",{className:"none"},e.createElement("span",{className:"h4 statistic__text"},$()),h&&e.createElement("span",{className:"statistic__plus"},"+"));break;default:T=e.createElement("div",{className:"default"},e.createElement("div",{className:"stat-value"},$()))}const I=z=>{(z.key==="Enter"||z.key===" ")&&f&&(z.preventDefault(),b(X=>!X))},re=()=>{f&&b(z=>!z)};return(0,e.useEffect)(()=>{if(!f)return;const z=X=>{const Ne=X.target;!A.current||!Ne||A.current.contains(Ne)||b(!1)};return document.addEventListener("pointerdown",z,!0),()=>document.removeEventListener("pointerdown",z,!0)},[f]),(0,e.useEffect)(()=>{!f&&g&&b(!1)},[f,g]),e.createElement(Pe,{ref:A,className:t,"data-hover-flip":j&&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:I,onClick:re,"aria-live":"polite"},e.createElement("div",{className:"card-face card-face--front"},T,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),[p,d]=(0,e.useState)(!1),i=(0,e.useRef)(null);return(0,e.useEffect)(()=>{if(!n||p)return;const s=Date.now(),m=()=>{Date.now()-s{i.current&&clearTimeout(i.current)}},[n,p,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 { ${u} } } .image-container { &.fade-in-left { ${k} } &.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:p})=>{Q([{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(S.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(ae.default,{className:"stat-section__markup",text:n}),p&&e.createElement(B.A,{className:"optional-button",link:p.url,label:p.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(P.VK,{className:"page-alert__content",text:a})));var pe=c(92047),ue=c(33383),fe=c(25839),he=c(36211),ge=c(32541),be=c(4689),xe=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; } `,ve=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 { ${k} } 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 we=c(54554),ye=c(35241);fe.A.use([he.A,ge.A,be.A,xe.A]);const Ee=({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"}),$e=t=>{const{image:a,quote:n}=t,l=typeof t.index=="number"&&t.index%2===0,{width:o}=(0,ye.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,we.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,we.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"}))))},Je=({quoteCards:t})=>{const[a,n]=(0,e.useState)(0),l="quote-slider";if(Q([{selector:".quote-card__content",fadeInClass:"fade-in-up",offsetIn:1.2,offsetOut:-100}]),t.length===1)return e.createElement(ve,{className:"quote-slider single-quote"},e.createElement($e,{...t[0]}));const o=l||"quote-slider-"+Math.random().toString(36).substring(2,8),p={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(ve,{className:"quote-slider u-container--fluid",id:o},e.createElement("div",{className:"slider-container"},e.createElement(pe.R,{...p,onSlideChange:d=>n(d.activeIndex)},e.createElement(Ee,{id:l,className:"desktop-controls"}),t.map((d,i)=>e.createElement(ue.q,{key:i},e.createElement($e,{...d,index:i}))),e.createElement(Ee,{className:"mobile-controls",id:l}),e.createElement(Ue,null))))},Ye=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 { ${C} } .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); } } `} `;fe.A.use([he.A,ge.A,be.A,xe.A]);const ke=({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,p]=(0,e.useState)(0),{width:d}=(0,ye.lW)();Q([{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(Ye,{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(pe.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=>p(s.activeIndex),loop:!0,centeredSlidesBounds:!0,preventClicks:!0,preventClicksPropagation:!0,noSwiping:d<768,noSwipingSelector:".swiper-no-swiping",threshold:6},e.createElement(ke,{className:"desktop-controls"}),n&&n.map((s,m)=>{const h=m%2===0?"border-top-right":"border-bottom-left";return e.createElement(ue.q,{key:m},e.createElement("div",{className:"card"},s.image&&e.createElement(S.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(Y.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(ke,{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(P.VK,{key:n,className:"flow",...a});case"latestNewsAndEvents":case"latestNews":case"latestEvents":return e.createElement(U,{key:n},e.createElement(Oe,{...a,key:a._type}));case"statSectionWithImage":return e.createElement(U,{key:n},e.createElement(Me,{...a,key:a._type}));case"featureEvents":return e.createElement(Se,{...a,key:a._type});case"videoSection":return e.createElement(U,{key:n},e.createElement(Ie,{...a,key:a._type}));case"quoteBanner":return e.createElement(U,{key:n},e.createElement(Je,{...a,key:a._type}));case"cardCarousel":return e.createElement(U,{key:n},e.createElement(Ge,{...a,key:a._type}));case"alert":return e.createElement(U,{key:n},e.createElement(Ke,{...a,key:a._type}));default:console.error("Composer Component ",a._type," not found");break}})),U=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:(oe,M,c)=>{c.d(M,{A:()=>E});var e=c(48322),P=c(67115);const G=P.Ay.div` ${({theme:{colors:u}})=>(0,P.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 ${u.light.neutral.white}; background: ${u.light.brand.darkBlue}; &:after { position: absolute; top: calc(50% - 15px); left: calc(50% - 8px); content: ''; border-color: transparent transparent transparent ${u.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; } `} `,R=u=>/vimeo\.com/.test(u)?"vimeo":/youtube\.com|youtu\.be/.test(u)?"youtube":"unknown",J=u=>{const k=u.match(/vimeo\.com\/(\d+)/);return k?k[1]:null},Z=u=>{const k=u.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([a-zA-Z0-9_-]{11})/);return k?k[1]:null},q=(u,k)=>{const O=new URL(u),C=new URLSearchParams(O.search);switch(k){case"vimeo":{const N=J(u);return N?`https://player.vimeo.com/video/${N}?${C.toString()}`:u}case"youtube":{const N=Z(u);return N?`https://www.youtube.com/embed/${N}?${C.toString()}`:u}default:return u}},ee=(u,k,O)=>{if(O?.src)return O},E=({src:u,title:k,posterImage:O,className:C})=>{const[N,se]=(0,e.useState)(!1),W=(0,e.useRef)(null),S=R(u),F=ee(u,S,O),B=(0,e.useMemo)(()=>new URL(u),[u]).searchParams.get("autoplay")==="1",de=(0,e.useMemo)(()=>{const H=q(u,S),_=new URL(H);return S==="youtube"&&(_.searchParams.set("enablejsapi","1"),_.searchParams.set("playsinline","1"),_.searchParams.set("rel","0"),typeof window<"u"&&_.searchParams.set("origin",window.location.origin)),(B||N)&&_.searchParams.set("autoplay","1"),_.toString()},[u,S,B,N]);(0,e.useEffect)(()=>{if(!(B||N))return;const H=W.current?.contentWindow;if(!H)return;const _=setTimeout(()=>{try{S==="youtube"?H.postMessage(JSON.stringify({event:"command",func:"playVideo",args:[]}),"*"):S==="vimeo"&&H.postMessage({method:"play"},"*")}catch{}},50);return()=>clearTimeout(_)},[B,N,S]);const te=()=>se(!0),K=!B&&!N&&!!F,V=B||N||!F;return e.createElement(G,{className:C&&C},K&&e.createElement("button",{type:"button",className:"video-overlay-btn",onClick:te,"aria-label":"Play video"},e.createElement("span",{className:"youtube-play-btn"}),F&&e.createElement("img",{src:F.src,alt:F.alt||"Video poster"})),V&&e.createElement("div",{className:"video"},e.createElement("iframe",{ref:W,width:"560",height:"315",src:de,title:k||"Embedded Video",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0})))}},54554:(oe,M,c)=>{c.d(M,{O:()=>P});var e=c(48322);const P=r=>r?(r.includes("[br]")?r.split("[br]").map(R=>R.trim()):[r.trim()]).map((R,J)=>e.createElement("span",{key:J},R)):null}}]);