/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./blocks/page-hero/assets/sass/page-hero.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.page-hero {
  position: relative;
}
.page-hero__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.5rem;
}
@media all and (min-width: 768px) {
  .page-hero__inner {
    flex-wrap: nowrap;
    gap: 8.75rem;
    min-height: calc(100vh - 290px);
  }
}
.page-hero__content, .page-hero__image {
  width: 100%;
}
@media all and (min-width: 768px) {
  .page-hero__content, .page-hero__image {
    flex: 1 1 0;
    min-width: 0;
    width: 50%;
  }
}
.page-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
@media all and (max-width: 1024px) {
  .page-hero__content {
    padding-bottom: 400px;
  }
}
@media all and (max-width: 768px) {
  .page-hero__content {
    padding-bottom: 300px;
  }
}
.page-hero__text {
  max-width: 46.875rem;
  color: #19284C;
}
.page-hero__anchor {
  width: 2.875rem;
  height: 2.875rem;
  margin-top: 3rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.page-hero__anchor:hover {
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}
.page-hero__anchor svg {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
}
.page-hero__image {
  width: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  aspect-ratio: 1;
  height: 100%;
  max-height: calc(100% - 160px);
}
@media all and (min-width: 1024px) {
  .page-hero__image {
    height: min(100% - 160px, 50vw);
    max-height: none;
  }
}
@media all and (max-width: 1023px) {
  .page-hero__image {
    max-height: 600px;
  }
}
@media all and (max-width: 768px) {
  .page-hero__image {
    max-height: 400px;
  }
}
.page-hero__image svg {
  display: block;
  width: 100%;
  height: 100%;
}
.page-hero__image--circle .page-hero__img {
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-hero__image--circle .page-hero__image__frame {
  opacity: 0;
  transition: opacity 1s ease;
}
.page-hero__image--circle .page-hero__image__frame.is-active {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .page-hero__image--circle .page-hero__image__frame {
    transition: none;
  }
}
.page-hero__image--leaf .page-hero__img {
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 70% 30% 70% 30%/30% 70% 30% 70%;
}
.page-hero__img {
  display: block;
  width: 100%;
  height: auto;
}

.page-hero__image-style-leaf .page-hero__content {
  padding-bottom: 0;
}
.page-hero__image-style-leaf .page-hero__image__leaf {
  width: 100%;
  aspect-ratio: 1;
  min-width: 0;
}
@media all and (min-width: 768px) {
  .page-hero__image-style-leaf .page-hero__image__leaf {
    flex: 1 1 0;
    width: 50%;
  }
}
.page-hero__image-style-leaf .page-hero__image__leaf img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.page-hero__image__bottom {
  height: 140px;
  clip-path: ellipse(70% 100% at 36% 100%);
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media all and (max-width: 768px) {
  .page-hero__image__bottom {
    height: 100px;
    clip-path: ellipse(100% 100% at 16% 100%);
  }
}

.page-hero {
  position: relative;
}

.page-hero__content--theme-colour-navy .btn--solid {
  background-color: #FFDC4B;
  border-color: #FFDC4B;
}

.page-hero__image-style-leaf .page-hero__image__bottom {
  position: relative;
}

@media (min-width: 768px) {
  .page-hero__image-style-circle {
    padding-bottom: 200px !important;
  }
}
.page-hero__anchor.background-color-navy svg path {
  stroke: #FFF;
}

/**
 * Overlaps block if previous block has same background colour
 */
.block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-black,
.block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-black,
.block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-black {
  margin-top: -60px;
}

.block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-white,
.block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-white,
.block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-white {
  margin-top: -60px;
}

.block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-neutral,
.block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-neutral,
.block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-neutral {
  margin-top: -60px;
}

.block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-light-blue,
.block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-light-blue,
.block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-light-blue {
  margin-top: -60px;
}

.block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-navy,
.block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-navy,
.block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-navy {
  margin-top: -60px;
}

.block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-violet,
.block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-violet,
.block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-violet {
  margin-top: -60px;
}

.block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-blue,
.block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-blue,
.block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-blue {
  margin-top: -60px;
}

.block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-green,
.block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-green,
.block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-green {
  margin-top: -60px;
}

.block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-pink,
.block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-pink,
.block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-pink {
  margin-top: -60px;
}

.block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-yellow,
.block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-yellow,
.block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-yellow {
  margin-top: -60px;
}

.block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-mauve,
.block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-mauve,
.block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-mauve {
  margin-top: -60px;
}

.block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-true-white,
.block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-true-white,
.block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-true-white {
  margin-top: -60px;
}

@media all and (min-width: 768px) {
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-black,
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-black,
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-black {
    margin-top: -90px;
  }
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-white,
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-white,
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-white {
    margin-top: -90px;
  }
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-neutral,
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-neutral,
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-neutral {
    margin-top: -90px;
  }
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-light-blue,
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-light-blue,
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-light-blue {
    margin-top: -90px;
  }
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-navy,
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-navy,
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-navy {
    margin-top: -90px;
  }
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-violet,
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-violet,
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-violet {
    margin-top: -90px;
  }
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-blue,
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-blue,
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-blue {
    margin-top: -90px;
  }
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-green,
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-green,
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-green {
    margin-top: -90px;
  }
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-pink,
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-pink,
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-pink {
    margin-top: -90px;
  }
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-yellow,
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-yellow,
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-yellow {
    margin-top: -90px;
  }
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-mauve,
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-mauve,
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-mauve {
    margin-top: -90px;
  }
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-true-white,
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-true-white,
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-true-white {
    margin-top: -90px;
  }
}
@media all and (min-width: 1024px) {
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-black,
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-black,
  .block--background-color-black:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-black {
    margin-top: -120px;
  }
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-white,
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-white,
  .block--background-color-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-white {
    margin-top: -120px;
  }
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-neutral,
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-neutral,
  .block--background-color-neutral:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-neutral {
    margin-top: -120px;
  }
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-light-blue,
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-light-blue,
  .block--background-color-light-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-light-blue {
    margin-top: -120px;
  }
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-navy,
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-navy,
  .block--background-color-navy:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-navy {
    margin-top: -120px;
  }
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-violet,
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-violet,
  .block--background-color-violet:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-violet {
    margin-top: -120px;
  }
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-blue,
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-blue,
  .block--background-color-blue:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-blue {
    margin-top: -120px;
  }
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-green,
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-green,
  .block--background-color-green:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-green {
    margin-top: -120px;
  }
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-pink,
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-pink,
  .block--background-color-pink:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-pink {
    margin-top: -120px;
  }
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-yellow,
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-yellow,
  .block--background-color-yellow:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-yellow {
    margin-top: -120px;
  }
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-mauve,
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-mauve,
  .block--background-color-mauve:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-mauve {
    margin-top: -120px;
  }
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .page-hero.block--background-color-true-white,
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .page-hero.block--background-color-true-white,
  .block--background-color-true-white:not(.block--skip):not(.block--hidden):not(.block--no-overlap) + .block--skip + .block--skip + .page-hero.block--background-color-true-white {
    margin-top: -120px;
  }
}

/*# sourceMappingURL=block-page-hero.64dc9ef16f791e3c4a30.css.map*/