.hp{padding:0 var(--global-padding-x)}.hp-hero{display:grid;grid-template-columns:minmax(0,500px);grid-gap:max(60px,10vw) 0;justify-content:center}@media screen and (min-width: 1024px){.hp-hero{grid-template-columns:repeat(2,1fr);grid-gap:0 var(--global-grid-gap);height:105vh}.notification-bar-active .hp-hero{height:calc(105vh - var(--height-notification-bar))}}@media screen and (min-width: 1024px){.hp-hero__titles{display:flex;justify-content:center}}.hero-titles{text-align:center}@media screen and (min-width: 1024px){.hero-titles{display:flex;flex-direction:column;justify-content:end;width:min(100%,600px);height:calc(100vh - var(--height-header));padding:0 var(--global-padding-x) 10vh var(--global-padding-x);position:sticky;top:var(--height-header)}.notification-bar-active .hero-titles{height:calc(100vh - var(--height-header) - var(--height-notification-bar));top:calc(var(--height-header) + var(--height-notification-bar))}}.hero-title{font-size:clamp(2.2222222222rem,4.1015625vw,2.6666666667rem);line-height:1.125em}.hero-image{position:relative;background-color:var(--colour-warm-offwhite);border-radius:var(--global-border-radius);overflow:hidden}@media screen and (min-width: 1024px){.hero-image{width:100%;height:105vh;clip-path:inset(0 0 0 0 round var(--global-border-radius))}.notification-bar-active .hero-image{height:calc(105vh - var(--height-notification-bar))}}@media screen and (min-width: 1024px){.hero-image__container{width:calc(50vw - var(--global-padding-x) - var(--global-grid-gap) / 2);height:115%;position:fixed;bottom:0}}.hero-image__container .img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.hp-section{display:flex;justify-content:center}@media screen and (max-width: 1023px){.hp-section{margin:clamp(60px,7vw,120px) 0 0 0}}@media screen and (min-width: 1024px){.hp-section:has(.quote-block){align-items:start;margin:0 0 clamp(60px,7vw,120px) 0;height:50vh}}.hp-block{display:grid}.hp-block--cols{grid-template-columns:minmax(0,500px);grid-gap:max(60px,10vw) 0}@media screen and (min-width: 1024px){.hp-block--cols{grid-template-columns:repeat(2,1fr);grid-gap:0 var(--global-grid-gap);height:calc(100vh - var(--global-padding-x));padding:var(--global-padding-x) 0 0 0}}@media screen and (min-width: 1024px){.block-col{display:flex;align-items:center;justify-content:center}}.block-copy{padding:0 var(--global-padding-x);text-align:center}@media screen and (min-width: 1024px){.block-copy{width:min(100%,550px);padding:var(--global-padding-x)}}.block-image{background-color:var(--colour-warm-offwhite);border-radius:var(--global-border-radius);overflow:hidden}@media screen and (max-width: 1023px){.block-image{aspect-ratio:1/1.1}}@media screen and (min-width: 1024px){.block-image{width:100%;height:calc(100vh - var(--global-padding-x) * 2);clip-path:inset(0 0 0 0 round var(--global-border-radius))}}@media screen and (max-width: 1023px){.block-image__container{width:100%;height:100%}}@media screen and (min-width: 1024px){.block-image__container{width:calc(50vw - var(--global-padding-x) - var(--global-grid-gap) / 2);height:115%}}@media screen and (min-width: 1024px){.hp-block--cols.fixed .block-image__container{position:fixed;bottom:0;right:var(--global-padding-x)}}.block-image__container .img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}@media screen and (min-width: 1024px){.hp-block--quote{justify-content:center;width:100%;position:sticky;top:50vh}}@media screen and (min-width: 1024px){.hp-block--quote.fixed .quote-block{position:fixed;top:50vh;left:50%;transform:translate(-50%,-50%)}}.hp-block--image-grid{grid-gap:var(--global-grid-gap)}@media screen and (max-width: 1023px){.hp-block--image-grid{display:flex;flex-wrap:wrap;width:min(100%,500px)}}@media screen and (min-width: 1024px){.hp-block--image-grid{display:grid;grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 1023px){.hp-block--image-grid .image-container{flex-grow:1}.hp-block--image-grid .image-container:not(.image-container:nth-of-type(3)){width:calc(50% - (clamp(10px,1vw,20px)/2))}}@media screen and (min-width: 1024px){.hp-block--image-grid .image-container:nth-of-type(3){grid-column:2/3}.hp-block--image-grid .image-container:nth-of-type(4){grid-column:3/4}.hp-block--image-grid .image-container:nth-of-type(5){grid-column:4/5;grid-row:1/2;position:sticky;top:50vh}}
