"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[171],{6303:(C,$,t)=>{t.d($,{A:()=>y});var e=t(48322);const y=(d,l)=>l.block.value?e.createElement(d,{...l.block.value,headingLevel:l.headingLevel}):null},11489:(C,$,t)=>{t.d($,{A:()=>i});var e=t(48322),b=t(94074),c=t(36287),y=t(34500),d=t(10394),l=t(66247);const o=y.I4.div`
  ${({theme:p})=>(0,y.AH)`
      display: flex;
      flex-wrap: wrap;
      gap: ${(0,d.g)(16)};

      .fee {
        width: 100%;
        padding-block: ${(0,d.g)(24)};
        padding-inline: ${(0,d.g)(40)};
        background-color: ${p.uiColors.blueLight};
        display: grid;
        place-items: center;
        ${p.typeStyles.display[4]}
      }

      .callout {
        flex: 1;
      }

      .callout__body,
      .canvas {
        height: 100%;
      }

      @media ${(0,l.mq)(p.breakpoint.s)} {
        flex-wrap: nowrap;
        .fee {
          flex: 0 0 ${(0,d.g)(188)};
          padding-block: ${(0,d.g)(64)};
          padding-inline: ${(0,d.g)(0)};
          gap: ${(0,d.g)(24)};
        }
      }

      @media print {
        .fee {
          padding: 0;
          display: block;
        }
      }
    `};
`,i=({fee:p,text:m})=>e.createElement(o,null,e.createElement("div",{className:"fee"},p),e.createElement(b.A,{calloutType:"info",content:(0,c.A)({value:m})}))},31223:(C,$,t)=>{t.d($,{A:()=>o});var e=t(48322),b=t(34500),c=t(10394);const d=b.I4.div`
  ${({theme:r})=>(0,b.AH)`
      display: flex;
      flex-direction: column;
      gap: ${(0,c.g)(16)};
      padding: ${(0,c.g)(24)};
      border: ${(0,c.g)(1)} ${r.uiColors.purpleBright} solid;

      .title {
        ${r.typeStyles.display[1]};
      }

      .salary {
        ${r.typeStyles.display[5]};
        color: ${r.uiColors.purpleBright};
      }
    `};
`,o=({salary:r,title:i})=>e.createElement(d,null,e.createElement("h4",{className:"title"},i),e.createElement("div",{className:"salary"},r))},25667:(C,$,t)=>{t.d($,{A:()=>L});var e=t(48322),b=t(16443),c=t(24174),y=t(32394),d=t(34500),l=t(10394),a=t(66247);const r=d.I4.div`
  ${({icon:n,image:S,imageAlign:k,theme:g})=>{const N=n==="Leaf"?g.uiColors.greenJade:n==="London"?g.uiColors.lavender:g.uiColors.red,_=k==="left"?"row-reverse":"row";return(0,d.AH)`
      flex-basis: ${S?"100%":"50%"};
      flex-grow: 1;
      flex-shrink: 0;

      padding: ${(0,l.g)(4)};

      @media ${(0,a.mq)(g.breakpoint.s)} {
        padding: ${(0,l.g)(8)};
      }

      @media ${(0,a.mq)(g.breakpoint.m)} {
        padding: ${(0,l.g)(12)};
      }

      .card__inner {
        height: 100%;
        display: flex;
        flex-direction: ${_};
        background: ${g.uiColors.greyLight};
      }

      .card__content {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: ${(0,l.g)(24)};
      }

      .card__text {
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
      }

      .svg {
        color: ${N};
      }

      .svg + .card__title {
        margin-top: ${(0,l.g)(16)};
      }

      .card__title {
        span {
          display: block;
        }

        &__large {
          ${g.typeStyles.display[S?5:4]};
        }

        &__small {
          ${g.typeStyles.display[2]};
        }
      }

      .card__source {
        margin-top: ${(0,l.g)(24)};

        ${g.typeStyles.body[1]};
        color: ${g.color.text};

        @media ${(0,a.mq)(g.breakpoint.m)} {
          margin-top: ${(0,l.g)(40)};
        }

        &--link {
          text-decoration: underline;
          text-decoration-color: transparent;
          transition: text-decoration-color 0.2s ease-in-out;
          &:hover,
          &:focus {
            text-decoration-color: ${g.color.text};
          }
        }
      }

      .card__image {
        flex: 0 0 50%;

        img {
          display: block;
          object-fit: cover;
          aspect-ratio: 1/1;
          height: 100%;
          width: 100%;
        }
      }

      @media print {
        display: none;
      }
    `}};
`,m=({icon:n,image:S,imageAlign:k="right",source:g,text01:N,text02:_})=>e.createElement(r,{icon:n,image:!!S,imageAlign:k,className:"infoGraphicCard"},e.createElement("div",{className:"card__inner"},e.createElement("div",{className:"card__content"},e.createElement("div",{className:"card__text"},n&&e.createElement(y.A,{icon:n,size:"32"}),e.createElement("h4",{className:"card__title"},e.createElement("span",{className:"card__title__large"},N),_&&e.createElement("span",{className:"card__title__small"},e.createElement("span",{className:"visually-hidden space"}," "),_)),g&&e.createElement(e.Fragment,null,typeof g=="string"?e.createElement("div",{className:"card__source"},g):e.createElement(c.A,{uri:g.uri,className:"card__source card__source--link"},g.title)))),S&&e.createElement("div",{className:"card__image"},e.createElement(b.A,{...S})))),w=d.I4.div`
  ${({theme:n})=>(0,d.AH)`
      display: flex;
      flex-wrap: wrap;
      margin: -${(0,l.g)(4)};

      @media ${(0,a.mq)(n.breakpoint.s)} {
        margin: -${(0,l.g)(8)};
      }

      @media ${(0,a.mq)(n.breakpoint.m)} {
        margin: -${(0,l.g)(12)};
      }
    `};
`,L=({cards:n})=>e.createElement(w,null,n.map((S,k)=>e.createElement(m,{key:k,...S})))},32536:(C,$,t)=>{t.d($,{H:()=>b});var e=t(48322);const b=({ids:c,offset:y=0})=>{const[d,l]=(0,e.useState)(0),[a,o]=(0,e.useState)(null),r=(0,e.useCallback)(i=>{const p=c.findIndex(m=>m===i);return p>=c.length-1?i:c[p+1]},[c]);return(0,e.useEffect)(()=>{const i=new IntersectionObserver(p=>{p.forEach(m=>{const v=document.body.scrollTop>d?"down":"up";if(v==="down"&&!m.isIntersecting||v==="up"&&m.isIntersecting){const h=v==="down"?r(m.target.id):m.target.id;o(h)}l(document.body.scrollTop)})},{rootMargin:`-${y}px 0% -70% 0%`});return c.forEach(p=>{const m=document.getElementById(p);m&&i.observe(m)}),()=>{i.disconnect()}},[c,d,y,r]),a}},49817:(C,$,t)=>{t.d($,{A:()=>D});var e=t(48322),b=t(32394),c=t(16443),y=t(24231),d=t(28130),l=t(61054),a=t(34500),o=t(10394);const i=a.I4.div`
  ${({theme:s})=>(0,a.AH)`
      .story-modal__header {
        background: ${s.uiColors.greyLight};
      }
      .story-modal__header {
        .container {
          display: flex;
          gap: ${(0,o.g)(32)};
        }
        padding-block: ${(0,o.g)(80)};
      }

      .header__image {
        flex: 0 0 calc(100% / 3);
        max-width: 180px;
      }

      .header__text {
        padding-block: ${(0,o.g)(32)};
        display: flex;
        gap: ${(0,o.g)(24)};
        flex-direction: column;
        justify-content: center;
      }

      .story-modal__content {
        padding-block: ${(0,o.g)(32)};
      }
    `};
`,v=({date:s,image:u,name:E,programme:x,story:A})=>e.createElement(i,null,e.createElement("header",{className:"story-modal__header"},e.createElement(d.A,{maxWidth:"narrow"},e.createElement("div",{className:"header__image"},u&&e.createElement(c.A,{...u})),e.createElement("div",{className:"header__text"},e.createElement(l.A,{id:"dialog__title",title:E}),x&&e.createElement("div",null,x),s&&e.createElement("div",null,s)))),e.createElement("div",{className:"story-modal__content"},e.createElement(d.A,{maxWidth:"narrow"},e.createElement(y.A,{content:A}))));var w=t(68253),h=t(66247);const L=a.I4.div`
  ${({theme:s,title:u})=>{const E=`${(0,o.g)(80)}`,x=u?`${(0,o.g)(24)}`:"0";return(0,a.AH)`
      z-index: 9999;

      /* STAGE */
      @media ${(0,h.mq)(s.breakpoint.m)} {
        display: grid;
        place-items: center;
        position: fixed;
        inset: 0;
        &::before {
          content: '';
          background: rgba(0, 0, 0, 0.4);
          position: fixed;
          inset: 0;
        }
      }
      /* WINDOW */
      .dialog {
        ${s.patterns.scroll({trackColor:"dark",orientation:"vertical",trackSize:"md",theme:s})}

        position: relative;
        background: ${s.color.background};
        overflow: auto;

        /* modal content should fill screen on small devices */
        position: fixed;
        inset: 0;

        @media ${(0,h.mq)(s.breakpoint.m)} {
          inset: initial;
          width: 90vw;
          max-width: 1036px;
          max-height: 90vh;
        }
      }

      .dialog__close {
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: end;
        margin-bottom: -${E};

        .dialog__close__btn {
          padding: ${(0,o.g)(16)};
          width: ${E};
          height: ${E};
          display: grid;
          place-items: center;
        }
        .dialog__close__label {
          ${s.patterns.visuallyHide};
        }
        .svg {
          margin: 0;
        }
      }

      #dialog__content {
        padding: ${x};
        .dialog__title--content {
          + * {
            margin-top: ${(0,o.g)(24)};
          }
        }
      }
    `}};
`;var n=t(36540);const g=({children:s,dialogProps:u,setIsOpen:E,title:x})=>e.createElement(L,null,e.createElement("section",{"aria-describedby":"dialog__content","aria-labelledby":"dialog__title",className:"dialog",...u},e.createElement("div",{className:"dialog__close"},e.createElement(w.A,{buttonType:"button01",className:"dialog__close__btn",icon:"Close",onClick:()=>E(!1)},e.createElement("span",{className:"dialog__close__label"},n.z.close))),e.createElement("div",{id:"dialog__content"},x&&e.createElement(l.A,{className:"dialog__title--content",id:"dialog__title",title:x}),s))),_=a.I4.div`
  ${({theme:s,imageAlign:u})=>{const E=u==="right"?"row-reverse":"row",x=u==="right"?`inset: 0 auto auto ${(0,o.g)(-5)}`:`inset: 0 ${(0,o.g)(-5)} auto auto`,A=u==="right"?`inset: ${(0,o.g)(10)} auto auto ${(0,o.g)(-5)}`:`inset: ${(0,o.g)(10)} ${(0,o.g)(-5)} auto auto`;return(0,a.AH)`
      display: flex;
      gap: ${(0,o.g)(16)};
      flex-direction: ${E};
      align-items: flex-start;
      @media ${(0,h.mq)(s.breakpoint.s)} {
        gap: ${(0,o.g)(24)};
      }

      .card__content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1;
      }
      .card__quote {
        border-left: ${(0,o.g)(2)} ${s.color.accent} solid;
        padding-left: ${(0,o.g)(8)};
        ${s.typeStyles.quote};
      }
      .card__name {
        margin-top: ${(0,o.g)(16)};
        ${s.typeStyles.body[1]};
      }

      .read-more {
        display: flex;
        align-items: center;
        margin-top: ${(0,o.g)(24)};
        border: 0;
        width: fit-content;
        background: none;
        color: ${s.color.text};
        ${s.typeStyles.body[2]};
        cursor: pointer;
        @media ${(0,h.mq)(s.breakpoint.m)} {
          margin-top: ${(0,o.g)(32)};
        }
        &:hover {
          cursor: pointer;
          text-decoration: underline;
        }
      }

      .card__image {
        display: flex;
        flex: 0 0 auto;
        position: relative;
        width: calc((100% / 3) - (${(0,o.g)(24)}));
        max-width: ${(0,o.g)(180)};
        aspect-ratio: 2/3;

        img {
          object-fit: cover;
          object-position: center;
          width: 100%;
          aspect-ratio: 2/3;
        }

        .icon--quote {
          position: absolute;
          ${x};
          color: ${s.uiColors.lavender};
          transform: translateY(-${(0,o.g)(32)});

          @media ${(0,h.mq)(s.breakpoint.s)} {
            ${A};
            transform: translateY(-${(0,o.g)(48)});
            height: ${(0,o.g)(80)};
            width: ${(0,o.g)(80)};
          }
        }
      }

      @media print {
        display: table;
        width: 100%;
        break-inside: avoid;
        .card__image,
        .card__content {
          display: table-cell;
          vertical-align: top;
        }
        .card__image {
          width: 5cm;
          padding-right: 16pt;
          img {
            width: 5cm;
          }
        }
        .read-more {
          display: none !important;
        }
      }

      @media print {
        page-break-inside: avoid;
        break-inside: avoid;
      }
    `}};
`;var T=t(78997);const I=({date:s,image:u,imageAlign:E="right",name:x,programme:A,quote:j,story:W})=>{const{buttonProps:B,dialogProps:G,renderModal:M,setIsOpen:F}=(0,T.h)();return e.createElement(e.Fragment,null,e.createElement(_,{className:"card story-card",imageAlign:E},u&&e.createElement("div",{className:"card__image"},e.createElement(c.A,{...u}),e.createElement(b.A,{icon:"Quote",size:"64"})),e.createElement("div",{className:"card__content"},e.createElement("div",{className:"card__quote"},j),e.createElement("div",{className:"card__name"},x,A&&`, ${A}`),W&&e.createElement("button",{className:"read-more",...B},"Read more ",e.createElement(b.A,{icon:"ChevronRight"})))),W&&M(e.createElement(g,{dialogProps:G,setIsOpen:F},e.createElement(v,{date:s,image:u,name:x,programme:A,story:W||""}))))};var P=t(20077);const R=a.I4.div`
  ${()=>(0,a.AH)`
      display: grid;
      gap: ${(0,o.g)(40)};
    `};
`,D=({stories:s})=>e.createElement(R,null,s?.map((u,E)=>u.src?e.createElement(P.A,{key:u.id,...u}):e.createElement(I,{key:u.id,...u,imageAlign:E%2===0?"right":"left"})))},98358:(C,$,t)=>{t.d($,{A:()=>L});var e=t(48322),b=t(24231),c=t(61054),y=t(91436),d=t(34500),l=t(66247),a=t(10394);const r=d.I4.div`
  ${({theme:n})=>(0,d.AH)`
      .section-header + * {
        margin-top: ${(0,a.g)(40)};
      }
      .tabs__wrap {
        border-color: ${n.border.border01};
        border-style: solid;
        border-width: 0 0 1px;
      }
      .tabs__list {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        .tab-link {
          display: block;
          ${n.typeStyles.body[2]};
          background: ${n.tabs.light.background.default};
          color: ${n.tabs.light.text};
          padding: ${(0,a.g)(12)} ${(0,a.g)(8)};
          transition: all ease-in-out 0.2s;
          position: relative;
          border-color: ${n.tabs.light.background.default};
          border-style: solid;
          border-width: 0 0 2px 0;
          &:hover {
            background: ${n.tabs.light.background.hover};
            border-color: ${n.tabs.light.background.hover};
          }
          &[aria-selected='true'] {
            background: ${n.tabs.light.background.hover};
            color: ${n.tabs.light.text};
            border-color: ${n.tabs.light.border};
          }
        }
      }

      .tabs__content {
        padding: ${(0,a.g)(40)} 1px 1px 1px;
      }

      .content-heading {
        ${n.patterns.visuallyHide};
      }
      @media ${(0,l.mq)(n.breakpoint.xl)} {
        .tabs__main {
          display: grid;
          grid-template-columns: 1fr 4fr;
          gap: ${(0,a.g)(24)};
        }

        .tabs__wrap {
          border-width: 0 1px 0 0;
          width: ${(0,a.g)(188)};
        }
        .tabs__list {
          flex-direction: column;

          .tab-link[aria-selected='true'] {
            width: calc(100% + 1px);
          }
          .tab-link,
          .tab-link:hover,
          .tab-link[aria-selected='true'] {
            border-width: 0 2px 0 0;
            padding: ${(0,a.g)(24)} ${(0,a.g)(16)};
          }
        }
        .tabs__content {
          padding: 1px;
        }
      }

      @media print {
        .tabs__list {
          display: none;
        }
        .tabs__content {
          padding: 0;
          border: 0;
          &[hidden] {
            display: block;
          }
        }
      }
    `};
`;var i=t(71284);const m=d.I4.div`
  ${({theme:n})=>(0,d.AH)`
      .section-header + * {
        margin-top: ${(0,a.g)(40)};
      }

      .tabs__list {
        list-style: none;
        display: flex;
        gap: ${(0,a.g)(4)};
        align-items: stretch;
        .tab-link {
          display: block;
          ${n.typeStyles.body[3]};
          background: ${n.tabs.light.background.hover};
          color: ${n.tabs.light.text};
          padding: ${(0,a.g)(12)} ${(0,a.g)(16)};
          position: relative;
          text-decoration: underline;
          text-decoration-color: transparent;
          text-decoration-thickness: 2px;
          text-underline-offset: ${(0,a.g)(10)};
          border-width: 1px 1px 0;
          border-style: solid;
          border-color: transparent;
          transition: border-color ease-in-out 0.2s, background ease-in-out 0.1s;
          &:hover:not([aria-selected='true']) {
            background: ${(0,i.e$)(.025,n.tabs.light.background.hover)};
            text-decoration-color: ${n.tabs.light.text};
            text-underline-offset: ${(0,a.g)(4)};
            text-decoration-thickness: 1px;
          }
          &[aria-selected='true'] {
            background: ${n.tabs.light.background.default};
            color: ${n.tabs.light.text};
            text-decoration-color: ${n.tabs.light.border};
            height: calc(100% + ${(0,a.g)(5)});
            border-color: ${n.border.border03};
          }
        }
      }

      .tabs__content {
        padding: ${(0,a.g)(24)} ${(0,a.g)(16)} ${(0,a.g)(40)};
        border: 1px solid ${n.border.border03};
        margin-top: ${(0,a.g)(4)};
      }

      .content-heading {
        ${n.patterns.visuallyHide};
      }

      @media print {
        .tabs__list {
          display: none;
        }
        .tabs__content {
          padding: 0;
          border: 0;
          &[hidden] {
            display: block;
          }
        }
        .tabs__content + .tabs__content {
          margin-top: 24pt;
        }
      }
    `};
`;var v=t(37833),w=t(17551);const L=({headingLevel:n="h2",layout:S="inline",tabs:k,title:g})=>{const N=g?n.replace(/[0-9]/,f=>(parseInt(f)+1).toString()):n,_=(0,v.u)(k),T=S==="block"?m:r;return e.createElement(T,null,g&&e.createElement(c.A,{headingLevel:n,title:g}),e.createElement("div",{className:"tabs__main"},e.createElement("div",{className:"tabs__wrap"},e.createElement("ul",{role:"tablist",className:"tabs__list"},_.map(f=>e.createElement("li",{key:f.id,role:"presentation",className:"tab"},e.createElement("a",{...f.aTagProps,className:"tab-link"},f.title))))),e.createElement("div",null,_.map(f=>{const{title:H,content:I}=f;return e.createElement("section",{...f.sectionTagProps,key:f.id==="map"?`${f.id}-${f.sectionTagProps.hidden}`:f.id,className:"tabs__content"},e.createElement(N,{className:"content-heading"},H),typeof I=="string"?e.createElement(y.A,{html:I}):e.createElement(b.A,{content:I,headingLevel:(0,w.p)(n,H)}))}))))}},37833:(C,$,t)=>{t.d($,{u:()=>b});var e=t(48322);const b=c=>{const[y,d]=(0,e.useState)(c[0]?.id||""),l=(0,e.useRef)({}),a=(0,e.useRef)({}),o=r=>{const i=r.target.getAttribute("id")?.replace("tab-","")||"",p=Object.keys(l.current).indexOf(i);if(r.key==="ArrowDown"&&a.current[i]?.focus(),r.key==="ArrowRight"){const m=Object.keys(l.current)[p+1],v=l.current[m];v&&v?.focus()}if(r.key==="ArrowLeft"){const m=Object.keys(l.current)[p-1],v=l.current[m];v&&v?.focus()}};return(0,e.useEffect)(()=>{d(c[0]?.id)},[c]),(0,e.useEffect)(()=>{const r=l.current;return Object.keys(r).forEach(i=>{r[i].addEventListener("keydown",o,!0)}),()=>Object.keys(r).forEach((i,p)=>{const m=r[i];m.dataset.index=p.toString(),m.removeEventListener("keydown",o,!0)})},[]),c.map(r=>({aTagProps:{"aria-controls":r.id,"aria-selected":r.id===y,href:`#${r.id}`,id:`tab-${r.id}`,onClick:i=>{i.preventDefault(),d(r.id)},ref:i=>i&&(l.current[r.id]=i),role:"tab",tabIndex:r.id===y?0:-1},sectionTagProps:{"aria-labelledby":`tab-${r.id}`,hidden:r.id!==y,id:r.id,ref:i=>i&&(a.current[r.id]=i),role:"tabpanel",tabIndex:-1},...r}))}}}]);