:root {
  --colorPrimary: #023436;
  --colorSecondary: #03B5AA;
  --colorAccent: #FEF7EC;
  --colorSecondaryBg: #ebfffd;
  --colorText: var(--colorPrimary);
  --primaryFont: 'Open Sans', sans-serif;
  --secondaryFont: 'Noto Serif', sans-serif;
  --sizeFrameWidth: 108rem;
  --sizeFrameMargin: calc((100vw - var(--sizeFrameWidth)) / 2);
  --sizeFramePadding: 1em;
  --sizeSectionPadding: 3em;
  --sizeBorderRadius: 2.5rem;
  --sizeBorderRadiusSmall: 1.5rem;
  --textBaseSize: .875rem;
  --animationBase: all .4s ease-in-out;
}

@media (min-width: 30rem) {
  :root {
    --sizeFramePadding: 2em;
  }
}

@media (min-width: 110rem) {
  :root {
    --sizeSectionPadding: 5em;
    --sizeFramePadding: 0;
  }
}

@media (min-width: 61.25rem) {
  :root {
    --textBaseSize: 1rem;
  }
}

@media (min-width: 80rem) {
  :root {
    --textBaseSize: 1.125rem;
  }
}

@media (min-width: 105rem) {
  :root {
    --textBaseSize: 1.25rem;
  }
}

/**
 * Colours
 */
/**
 * Typography
 */
/**
 * Breakpoints
 */
/**
 * Grid
 */
/**
 * Components
 */
/**
 * Animations
 */
/*
 * Media query to respond to a minimum size (mobile first)
 */
/*
 * Media query to respond to a maximum size
 */
/*
 * Output font size in px/rem
 */
/*
 * Placeholder mixin for <input>
 */
/**
 * Clearfix
 */
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

html.is-not-smooth {
  scroll-behavior: unset;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

input,
select,
textarea,
button {
  color: inherit;
  display: inline-block;
}

input[disabled],
select[disabled],
textarea[disabled],
button[disabled] {
  cursor: not-allowed;
}

figure {
  margin: 0;
}

button {
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table th,
table td {
  text-align: left;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media only screen and (min-width: 1025px) {
  .visible-lg {
    display: block !important;
  }
}

@media only screen and (min-width: 1025px) {
  .hidden-lg {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .visible-md {
    display: block !important;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .hidden-md {
    display: none !important;
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .visible-sm {
    display: block !important;
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .hidden-sm {
    display: none !important;
  }
}

@media only screen and (max-width: 480px) {
  .visible-xs {
    display: block !important;
  }
}

@media only screen and (max-width: 480px) {
  .hidden-xs {
    display: none !important;
  }
}

/**
* Clearing and floating
*/
.alignleft,
.float-left {
  float: left;
}

img .alignleft, img
.float-left {
  margin-right: 25.6px;
}

.alignright,
.float-right {
  float: right;
}

img .alignright, img
.float-right {
  margin-left: 25.6px;
}

.aligncenter,
.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img .aligncenter, img
.float-center {
  margin-bottom: 25.6px;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/**
* Text aligments
*/
.align-text-left {
  text-align: left;
}

.align-text-right {
  text-align: right;
}

.align-text-center {
  text-align: center;
}

/**
 * Elements visibility
 */
.visible-on-mobile {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .visible-on-mobile {
    display: block !important;
  }
}

.visible-on-tablet {
  display: none !important;
}

@media screen and (max-width: 1024px) {
  .visible-on-tablet {
    display: block !important;
  }
}

@media screen and (max-width: 768px) {
  .visible-on-tablet {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .visible-on-desktop {
    display: none !important;
  }
}

/**
 * Accessibility
 */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

body {
  color: var(--colorPrimary);
  font-family: var(--primaryFont);
  font-weight: 600;
  line-height: 1.6;
  text-size-adjust: none;
  font-size: var(--textBaseSize, 1rem);
  margin: 0;
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
hr,
ul,
ol,
dl {
  margin-bottom: 25.6px;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
hr:last-child,
ul:last-child,
ol:last-child,
dl:last-child {
  margin-bottom: 0;
}

/**
 * Basic styles for links
 */
a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

p a,
span a {
  text-decoration: underline;
}

p a:hover,
span a:hover {
  text-decoration: none;
  opacity: .8;
}

a[href^="tel"]:not(.ButtonBase) {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  text-decoration: none;
  font-style: inherit;
}

/**
 * Rules
 */
hr {
  height: 1px;
  background-color: #000;
}

.u-clearfix::after {
  clear: both;
  content: '';
  display: table;
}

[class*="u-frame"] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: var(--sizeFrameWidth);
}

@media (max-width: 112rem) {
  [class*="u-frame"] {
    padding-left: var(--sizeFramePadding);
    padding-right: var(--sizeFramePadding);
  }
}

.u-frame--narrow {
  max-width: 61.25rem;
}

.u-frame--full {
  max-width: none;
}

@media (min-width: 90rem) {
  .u-margin--left {
    margin-left: var(--sizeFrameMargin);
  }
  .u-margin--right {
    margin-right: var(--sizeFrameMargin);
  }
}

.u-noPadding {
  padding: 0;
}

.u-fullWidth {
  width: 100%;
}

.u-block {
  display: block;
}

.u-flex {
  display: flex;
}

.u-hidden {
  display: none !important;
}

.u-overflowHidden {
  overflow: hidden;
}

.u-hiddenVisually {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.u-invisibleScrollBar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.u-invisibleScrollBar::-webkit-scrollbar {
  display: none;
}

.u-customScrollBar {
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
  scrollbar-width: thin;
}

.u-customScrollBar::-webkit-scrollbar {
  width: .4rem;
}

.u-customScrollBar::-webkit-scrollbar-track {
  background: transparent;
}

.u-customScrollBar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  transition: all .25s ease-in-out;
}

.u-customScrollBar::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

.u-textCenter {
  text-align: center;
}

.u-textRight {
  text-align: right;
}

.u-flexJustifyStart {
  justify-content: flex-start;
}

.u-flexJustifyEnd {
  justify-content: flex-end;
}

.u-flexJustifyCenter {
  justify-content: center;
}

.u-flexJustifyBetween {
  justify-content: space-between;
}

.u-flexJustifyAround {
  justify-content: space-around;
}

.u-flexAlignItemsStart {
  align-items: flex-start;
}

.u-flexAlignItemsEnd {
  align-items: flex-end;
}

.u-flexAlignItemsCenter {
  align-items: center;
}

.u-spanRow {
  grid-column: 1 / -1;
}

.c-green {
  color: var(--colorPrimary);
}

.c-red {
  color: var(--colorSecondary);
}

.u-imageCover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grid {
  display: grid;
  grid-gap: 25.6px;
}

@media screen and (max-width: 768px) {
  .grid {
    grid-gap: 12.8px;
  }
}

@media only screen and (min-width: 1025px) {
  .grid.grid--lg-1x {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid.grid--lg-2x {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid.grid--lg-3x {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid.grid--lg-4x {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid.grid--lg-5x {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid.grid--lg-6x {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .grid.grid--md-1x {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid.grid--md-2x {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid.grid--md-3x {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid.grid--md-4x {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid.grid--md-5x {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid.grid--md-6x {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .grid.grid--sm-1x {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid.grid--sm-2x {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid.grid--sm-3x {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid.grid--sm-4x {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid.grid--sm-5x {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid.grid--sm-6x {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 480px) {
  .grid.grid--xs-1x {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid.grid--xs-2x {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid.grid--xs-3x {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid.grid--xs-4x {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid.grid--xs-5x {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid.grid--xs-6x {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

/**
 * This file contains all @font-face declarations, if any.
 */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url("../fonts/noto-serif-700.woff2") format("woff2");
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
  src: url("../fonts/open-sans-600.woff2") format("woff2");
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url("../fonts/open-sans-700.woff2") format("woff2");
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

/**
 * Responsive images
 */
.is-fluid {
  display: block;
  width: 100%;
  height: auto;
}

*:focus {
  outline: 0;
}

input,
select,
textarea {
  background-color: #fff;
  border: .125rem solid #707070;
  color: #000;
  line-height: 3em;
  height: 3em;
  padding: 0 1.125em;
  width: 100%;
  border-radius: .5rem;
}

input[type="checkbox"],
input[type="radio"] {
  background: transparent;
  border: 0;
  line-height: normal;
  height: auto;
  width: auto;
}

input[type="file"] {
  line-height: normal;
  height: auto;
  padding: 6.4px 12.8px;
}

input[type="submit"] {
  border: 0;
}

input[disabled] {
  background-color: whitesmoke;
  cursor: not-allowed;
}

select {
  line-height: normal;
  padding: 0;
  padding-left: 12.8px;
}

textarea {
  min-height: 102.4px;
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/**
 * Form utility classes
 */
.form--inline .form__group {
  display: inline-block;
}

.form .form__group {
  display: block;
  margin-bottom: 25.6px;
}

.form .form__group .form__label {
  display: block;
  margin-bottom: 12.8px;
}

ul,
ol {
  margin-left: 2em;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

.list--unstyled {
  margin-left: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--secondaryFont);
  line-height: 1.4;
  color: var(--colorPrimary);
  font-weight: 700;
}

h1 {
  font-size: 4em;
  text-transform: uppercase;
}

@media (max-width: 560px) {
  h1 {
    font-size: 2.4em;
  }
}

h1 > span {
  display: block;
  font-size: .75em;
  margin-bottom: -.375em;
}

h2 {
  font-size: 2.4em;
  text-transform: uppercase;
  margin: 0 0 1em;
}

@media (max-width: 560px) {
  h2 {
    font-size: 2em;
  }
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

small {
  font-size: .75em;
}

page-wave {
  --waveSrc: url("../images/wave.png");
  content: var(--waveSrc);
  mix-blend-mode: screen;
  position: absolute;
  left: 0;
  width: 100%;
  pointer-events: none;
}

@media (max-width: 48rem) {
  page-wave {
    --waveSrc: url("../images/wave@m.png");
  }
}

page-wave[alternative] {
  transform: rotate(8deg) scaleX(-1.12) skewX(-8deg);
}

mouse {
  display: block;
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 2px solid var(--colorSecondary);
  border-radius: 25px;
  opacity: 0.8;
  box-sizing: content-box;
  cursor: pointer;
}

mouse-scroller {
  display: block;
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: var(--colorPrimary);
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  animation-iteration-count: infinite;
}

@keyframes scroll {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(15px);
    opacity: 0;
  }
}

main.main {
  overflow: hidden;
}

.SocialLinks {
  display: flex;
}

.SocialLinks a {
  display: flex;
  color: var(--colorPrimary);
  transition: var(--animationBase);
}

.SocialLinks a:not(:last-of-type) {
  margin-right: .8em;
}

.SocialLinks a:hover {
  opacity: .64;
}

.u-waveBehind {
  position: relative;
}

.u-waveBehind:after {
  content: url('data:image/svg+xml; utf8, <svg height="32em" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="water" class="svg-inline--fa fa-water fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M562.1 383.9c-21.5-2.4-42.1-10.5-57.9-22.9-14.1-11.1-34.2-11.3-48.2 0-37.9 30.4-107.2 30.4-145.7-1.5-13.5-11.2-33-9.1-46.7 1.8-38 30.1-106.9 30-145.2-1.7-13.5-11.2-33.3-8.9-47.1 2-15.5 12.2-36 20.1-57.7 22.4-7.9.8-13.6 7.8-13.6 15.7v32.2c0 9.1 7.6 16.8 16.7 16 28.8-2.5 56.1-11.4 79.4-25.9 56.5 34.6 137 34.1 192 0 56.5 34.6 137 34.1 192 0 23.3 14.2 50.9 23.3 79.1 25.8 9.1.8 16.7-6.9 16.7-16v-31.6c.1-8-5.7-15.4-13.8-16.3zm0-144c-21.5-2.4-42.1-10.5-57.9-22.9-14.1-11.1-34.2-11.3-48.2 0-37.9 30.4-107.2 30.4-145.7-1.5-13.5-11.2-33-9.1-46.7 1.8-38 30.1-106.9 30-145.2-1.7-13.5-11.2-33.3-8.9-47.1 2-15.5 12.2-36 20.1-57.7 22.4-7.9.8-13.6 7.8-13.6 15.7v32.2c0 9.1 7.6 16.8 16.7 16 28.8-2.5 56.1-11.4 79.4-25.9 56.5 34.6 137 34.1 192 0 56.5 34.6 137 34.1 192 0 23.3 14.2 50.9 23.3 79.1 25.8 9.1.8 16.7-6.9 16.7-16v-31.6c.1-8-5.7-15.4-13.8-16.3zm0-144C540.6 93.4 520 85.4 504.2 73 490.1 61.9 470 61.7 456 73c-37.9 30.4-107.2 30.4-145.7-1.5-13.5-11.2-33-9.1-46.7 1.8-38 30.1-106.9 30-145.2-1.7-13.5-11.2-33.3-8.9-47.1 2-15.5 12.2-36 20.1-57.7 22.4-7.9.8-13.6 7.8-13.6 15.7v32.2c0 9.1 7.6 16.8 16.7 16 28.8-2.5 56.1-11.4 79.4-25.9 56.5 34.6 137 34.1 192 0 56.5 34.6 137 34.1 192 0 23.3 14.2 50.9 23.3 79.1 25.8 9.1.8 16.7-6.9 16.7-16v-31.6c.1-8-5.7-15.4-13.8-16.3z"></path></svg>');
  position: absolute;
  width: 32em;
  opacity: .08;
  filter: invert(54%) sepia(73%) saturate(2634%) hue-rotate(139deg) brightness(94%) contrast(98%);
}

.PageHeader {
  position: relative;
  padding: 28vw 0 var(--sizeSectionPadding);
  background: var(--colorSecondaryBg);
  z-index: 1;
  overflow: hidden;
  text-align: center;
}

@media (max-width: 48rem) {
  .PageHeader {
    padding-top: 45vw;
  }
}

.PageHeader h1 {
  margin: 0;
}

.PageHeader-background {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.PageHeader-background img {
  width: 100%;
  min-height: 50vh;
  object-fit: cover;
}

.PageHeader page-wave {
  top: 4vh;
  z-index: -1;
}

.Breadcrumbs {
  font-size: .75em;
  font-weight: 700;
  margin: 1em 0 1.5em;
}

.Breadcrumbs a {
  text-decoration: none;
}

.Breadcrumbs a:hover {
  text-decoration: underline;
}

.Breadcrumbs .separator {
  content: url('data:image/svg+xml; utf8, <svg height="12" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="water" class="svg-inline--fa fa-water fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M562.1 383.9c-21.5-2.4-42.1-10.5-57.9-22.9-14.1-11.1-34.2-11.3-48.2 0-37.9 30.4-107.2 30.4-145.7-1.5-13.5-11.2-33-9.1-46.7 1.8-38 30.1-106.9 30-145.2-1.7-13.5-11.2-33.3-8.9-47.1 2-15.5 12.2-36 20.1-57.7 22.4-7.9.8-13.6 7.8-13.6 15.7v32.2c0 9.1 7.6 16.8 16.7 16 28.8-2.5 56.1-11.4 79.4-25.9 56.5 34.6 137 34.1 192 0 56.5 34.6 137 34.1 192 0 23.3 14.2 50.9 23.3 79.1 25.8 9.1.8 16.7-6.9 16.7-16v-31.6c.1-8-5.7-15.4-13.8-16.3zm0-144c-21.5-2.4-42.1-10.5-57.9-22.9-14.1-11.1-34.2-11.3-48.2 0-37.9 30.4-107.2 30.4-145.7-1.5-13.5-11.2-33-9.1-46.7 1.8-38 30.1-106.9 30-145.2-1.7-13.5-11.2-33.3-8.9-47.1 2-15.5 12.2-36 20.1-57.7 22.4-7.9.8-13.6 7.8-13.6 15.7v32.2c0 9.1 7.6 16.8 16.7 16 28.8-2.5 56.1-11.4 79.4-25.9 56.5 34.6 137 34.1 192 0 56.5 34.6 137 34.1 192 0 23.3 14.2 50.9 23.3 79.1 25.8 9.1.8 16.7-6.9 16.7-16v-31.6c.1-8-5.7-15.4-13.8-16.3zm0-144C540.6 93.4 520 85.4 504.2 73 490.1 61.9 470 61.7 456 73c-37.9 30.4-107.2 30.4-145.7-1.5-13.5-11.2-33-9.1-46.7 1.8-38 30.1-106.9 30-145.2-1.7-13.5-11.2-33.3-8.9-47.1 2-15.5 12.2-36 20.1-57.7 22.4-7.9.8-13.6 7.8-13.6 15.7v32.2c0 9.1 7.6 16.8 16.7 16 28.8-2.5 56.1-11.4 79.4-25.9 56.5 34.6 137 34.1 192 0 56.5 34.6 137 34.1 192 0 23.3 14.2 50.9 23.3 79.1 25.8 9.1.8 16.7-6.9 16.7-16v-31.6c.1-8-5.7-15.4-13.8-16.3z"></path></svg>');
  padding: 0 1em;
  vertical-align: middle;
}

.Breadcrumbs .breadcrumb_last {
  color: var(--colorSecondary);
}

.PageContent {
  position: relative;
}

@media (min-width: 61.25rem) {
  .PageContent .alignwide {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw - (var(--sizeFramePadding) * 3));
  }
}

@media (min-width: 92rem) {
  .PageContent .alignwide {
    width: 90rem;
  }
}

.PageContent :first-child {
  margin-top: 0 !important;
}

.PageContent h2 {
  margin: 1em 0;
}

.PageContent h3, .PageContent h4 {
  margin: 1.5em 0 1em;
}

.PageContent p {
  margin-bottom: 2em;
  line-height: 1.8;
}

.PageContent p:last-child {
  margin: 0;
}

.PageContent .wp-block-image {
  border-radius: var(--sizeBorderRadius);
}

.PageContent .wp-block-separator {
  margin: 2em 0;
}

@media (min-width: 782px) {
  .PageContent .wp-block-column:not(:first-child) {
    margin-left: 3.2em;
  }
}

.PageContent ul:not([class]) {
  position: relative;
  padding: 0;
}

.PageContent ul:not([class]) > li {
  list-style: none;
}

.PageContent ul:not([class]) > li:not(:last-child) {
  padding-bottom: .625em;
}

.PageContent ul:not([class]) > li:before {
  content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-circle-right" class="svg-inline--fa fa-chevron-circle-right fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z"></path></svg>');
  position: absolute;
  left: -2em;
  display: inline-block;
  width: .8em;
  opacity: .4;
}

.PageContent .wp-block-table {
  margin-bottom: 1.5em;
}

.PageContent .wp-block-table table tr:not(:last-child) {
  border-bottom: 1px solid #eee;
}

.PageContent .wp-block-table table td {
  padding: .75em .5em;
}

.PageContent .wp-block-table table + figcaption {
  padding: 0 .5em;
  margin-top: .5em;
  opacity: .8;
}

.PageContent .wp-block-table table + figcaption em {
  font-size: .875em;
}

a.CookieBar-button:hover {
  color: #fff;
}

.AppHeader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: var(--animationBase);
  color: #fff;
  backdrop-filter: blur(1.25rem);
  -webkit-backdrop-filter: blur(1.25rem);
  z-index: 10;
}

.AppHeader.is-sticked,
body:not(.home) .AppHeader {
  background: rgba(2, 52, 54, 0.64);
}

@supports not ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
  .AppHeader.is-sticked,
  body:not(.home) .AppHeader {
    background: rgba(2, 52, 54, 0.8);
  }
}

.AppHeader.is-up {
  transform: translateY(calc(-100% - 2em));
}

.AppHeader-inner {
  display: flex;
  align-items: center;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
}

.AppHeader-logo {
  width: 6em;
  margin-bottom: -4em;
  transform: translateY(-1em);
}

.AppHeader a {
  color: inherit;
  transition: var(--animationBase);
}

.AppHeader a:hover {
  text-decoration: none;
  color: var(--colorSecondary);
}

.AppHeader-nav {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  font-family: var(--secondaryFont);
  font-weight: 700;
  padding-left: 4em;
}

.AppHeader-nav ul {
  font-size: 1.4em;
}

@media (max-width: 40rem) {
  .AppHeader-nav ul {
    font-size: 1.2em;
  }
}

.AppHeader-nav:hover ul.sub-menu {
  pointer-events: auto;
}

.AppHeader-contact {
  display: flex;
  align-items: center;
  margin-left: auto;
  background: var(--colorPrimary);
  border-radius: var(--sizeBorderRadiusSmall);
  padding: .5em 1.6em;
}

@media (max-width: 40rem) {
  .AppHeader-contact {
    display: none;
  }
}

.AppHeader-contact span {
  font-size: 1.2em;
  margin-right: .25em;
}

.AppHeader-contact a {
  display: flex;
  margin-left: 1.2em;
}

@media (min-width: 54rem) {
  .AppHeader-contact a[aria-label="whatsapp"] {
    display: none;
  }
}

.GetInTouch:empty:after {
  content: none;
}

.GetInTouch:not(:empty) {
  max-width: 78rem;
  margin: 4.8em auto;
}

@media (max-width: 105rem) {
  .GetInTouch:not(:empty) {
    padding: 0 var(--sizeSectionPadding);
  }
}

.GetInTouch:not(:empty):after {
  top: 0;
  left: 12%;
  transform: scale(0.8);
  opacity: .04;
  z-index: -1;
}

.GetInTouch .wp-block-columns {
  margin: 0;
  align-items: flex-start;
}

@media (max-width: 54rem) {
  .GetInTouch .wp-block-columns {
    flex-flow: column;
    align-items: flex-start;
  }
}

.GetInTouch-photo {
  position: relative;
  flex: 0 0 auto;
}

.GetInTouch-photo img {
  width: 16em;
  height: auto;
}

.GetInTouch-photo .wp-block-button {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.GetInTouch-content {
  flex: 1;
  padding-top: 1.6em;
  margin: 0 !important;
}

@media (min-width: 54.01rem) {
  .GetInTouch-content {
    margin-left: 3.2em !important;
  }
}

.GetInTouch-content > p {
  margin-bottom: 2.4em;
}

.GetInTouch-contact .wp-block-group__inner-container {
  display: flex;
  align-items: center;
  font-size: 1.6em;
  font-weight: bold;
}

.GetInTouch-contact .wp-block-group__inner-container > p {
  flex: auto;
  margin: 0 .5em 0 0;
}

@media (max-width: 40rem) {
  .GetInTouch-contact .wp-block-group__inner-container {
    flex-flow: column;
    align-items: flex-start;
  }
  .GetInTouch-contact .wp-block-group__inner-container > p {
    margin: 0 0 .5em;
  }
}

.GetInTouch-contact a {
  text-decoration: none;
  transition: var(--animationBase);
}

.GetInTouch-contact a:hover {
  color: var(--colorSecondary);
}

.AppFooter {
  margin: auto 0 0;
  overflow: hidden;
}

.AppFooter-bar {
  font-size: 1rem;
  line-height: 1.24;
  padding: 2em 0;
  background: #f3f3f3;
  z-index: 2;
}

@media (max-width: 560px) {
  .AppFooter-bar {
    margin: 2.5em 0 0;
    padding: 1.5em 0;
    line-height: 1;
  }
}

.AppFooter-bar > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.AppFooter-bar a {
  color: inherit;
  transition: opacity .24s ease;
  text-decoration: none;
}

.AppFooter-bar a.u-inlineLink:hover {
  opacity: .4;
}

.AppFooter small {
  font-size: .75em;
  opacity: .64;
}

.AppFooter-agency {
  display: flex;
  align-items: center;
}

.AppFooter-agency span {
  margin-right: .625em;
}

@media (max-width: 560px) {
  .AppFooter-agency span {
    display: none;
  }
}

.AppFooter-agencyLogo {
  display: flex;
  height: 2.5em;
}

@media (max-width: 560px) {
  .AppFooter-agencyLogo {
    height: 2em;
  }
}

.AppFooter-agencyLogo svg {
  width: auto;
  height: 100%;
}

.AppFooter .c-brand {
  fill: var(--appFooter-logo-color, #163072);
}

.AppFooter .c-accent {
  fill: var(--appFooter-logo-color, #E4003C);
}

.ScrollTop {
  position: fixed;
  bottom: 2em;
  right: 2em;
  height: 2em;
  width: 2em;
  cursor: pointer;
  border-radius: 50%;
  background: transparent;
  transition: var(--animationBase);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaa;
  z-index: 10;
}

.ScrollTop:hover {
  background: rgba(0, 0, 0, 0.12);
  color: var(--color-brand-gold);
}

.ScrollTop:not(.is-visible) {
  opacity: 0;
  pointer-events: none;
}

.ScrollTop svg {
  height: 1.5em;
  width: auto;
}

.Button,
.wp-block-button__link {
  background-color: var(--buttonColorBg, var(--colorPrimary));
  color: var(--buttonFontColor, #fff);
  display: inline-flex;
  align-items: center;
  font-family: var(--secondaryFont);
  font-size: 1.2em;
  font-weight: 800;
  padding: .75em 1.25em;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  width: auto;
  transition: var(--animationBase);
  border-radius: var(--sizeBorderRadiusSmall);
}

.Button svg,
.wp-block-button__link svg {
  height: 1em;
  margin-right: .625em;
  opacity: .64;
}

.Button-narrow,
.wp-block-button__link-narrow {
  font-size: var(--sizeBtnNarrow, 1em);
  letter-spacing: -.02em;
  padding: .625em .75em;
}

.Button::-moz-focus-inner,
.wp-block-button__link::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.Button:hover,
.wp-block-button__link:hover {
  text-decoration: none;
  color: var(--colorPrimary);
  background-color: var(--colorSecondary);
}

.Button.is-disabled, .Button:disabled,
.wp-block-button__link.is-disabled,
.wp-block-button__link:disabled {
  pointer-events: none;
  opacity: .65;
}

.Button--block,
.wp-block-button__link--block {
  display: block;
  width: 100%;
  max-width: var(--sizeButtonBlockWidth, none);
}

.Button--block + .ButtonBase--block,
.wp-block-button__link--block + .ButtonBase--block {
  margin-top: .875em;
}

.btn--inverse {
  background-color: #fff;
  color: #444;
  border: 1px solid #444;
}

.btn--inverse:hover {
  background-color: #444;
  color: #fff;
  border-color: transparent;
}

.btn--link {
  background-color: transparent;
  color: #444;
}

/**
 * Hamburger menu
 */
.nav-burger {
  display: none;
  margin-left: 2em;
  z-index: 550;
  transition: all 250ms ease-in-out;
}

@media (max-width: 72rem) {
  .nav-burger {
    display: block;
  }
}

.nav-burger__line {
  display: block;
  width: 35px;
  height: 3px;
  background-color: #fff;
  margin: 8px auto;
  transition: all 250ms ease-in-out;
}

.nav-burger.open .nav-burger__line:nth-child(2) {
  opacity: 0;
}

.nav-burger.open .nav-burger__line:nth-child(1) {
  transform: translateY(11px) rotate(45deg);
}

.nav-burger.open .nav-burger__line:nth-child(3) {
  transform: translateY(-11px) rotate(-45deg);
}

/**
 * Navs
 */
.nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav > li {
  display: inline-block;
  margin-right: 2em;
}

.nav > li:last-child {
  margin-right: 0;
}

.nav > li > a {
  position: relative;
  display: block;
}

@media (max-width: 72rem) {
  .nav > li > a {
    display: inline-flex;
    align-items: center;
    font-size: 1.75em;
  }
}

@media (min-width: 72.01rem) {
  .nav > li > a:after {
    content: url("../images/wave-single.svg");
    position: absolute;
    top: 1em;
    left: calc(50% - 1em);
    width: 2em;
    pointer-events: none;
    filter: invert(79%) sepia(50%) saturate(244%) hue-rotate(9deg) brightness(108%) contrast(91%);
    transition: all 0.24s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: translateY(1em);
    opacity: 0;
  }
  .nav > li > a:hover {
    color: inherit;
  }
  .nav > li > a:hover:after {
    transform: translateY(0);
    opacity: 1;
  }
}

.nav > li ul.sub-menu {
  position: relative;
  width: 100vw;
  background: rgba(255, 255, 255, 0.12);
  max-height: var(--submenuHeight, 0);
  transition: var(--animationBase);
}

.nav > li ul.sub-menu li a {
  display: block;
  padding: .625em 0;
  font-size: .875em;
}

.nav > li ul.sub-menu li:first-child {
  margin-top: .5em;
}

.nav > li ul.sub-menu li:last-child {
  margin-bottom: .5em;
}

.nav > li .submenu-icon {
  margin-left: 1em;
  transform: rotate(var(--submenuIconRotate, 0deg));
  transition: var(--animationBase);
}

.nav > li.submenu--opened {
  --submenuHeight: 30rem;
  --submenuIconRotate: -90deg;
}

@media (min-width: 72.01rem) {
  .nav > li .submenu-icon {
    display: none;
  }
  .nav > li ul.sub-menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: absolute;
    top: calc(100% + 1em);
    left: 2em;
    margin: 0;
    color: #fff;
    background: var(--colorPrimary);
    list-style: none;
    padding: 1em 2em 1em 8em;
    transform: translateY(1.2em);
    opacity: 0;
    transition: var(--animationBase);
    transform-origin: top;
    width: auto;
    max-width: 100%;
    max-height: none;
    border-radius: var(--sizeBorderRadiusSmall);
    pointer-events: none;
  }
  .nav > li ul.sub-menu:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 2.2em;
    transition: var(--animationBase);
  }
  .nav > li ul.sub-menu > li {
    font-size: .625em;
    padding: .5em 1.25em;
    min-width: 10em;
    margin: 0 !important;
  }
  .nav > li ul.sub-menu > li a {
    display: block;
    color: inherit;
    transition: var(--animationBase);
    white-space: nowrap;
    padding: 0;
  }
  .nav > li ul.sub-menu > li a:hover {
    text-decoration: none;
    color: #f3e59e;
  }
  .nav > li ul.sub-menu:after {
    content: '';
    position: absolute;
    top: 0;
    left: .75em;
    width: 6em;
    bottom: 0;
    background: url(../images/menu-map.svg) 50% 40%;
    background-size: cover;
  }
  .nav > li:hover ul.sub-menu {
    transform: translateY(0);
    opacity: 1;
  }
  .nav > li:hover ul.sub-menu:before {
    height: 1em;
  }
}

@media (max-width: 72rem) {
  .nav--header {
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 0;
    height: 100vh;
    margin: 0;
    transition: opacity 500ms ease;
    transition: opacity .35s ease, visibility .35s ease, width .35s ease;
    text-align: center;
    opacity: 0;
    background: var(--colorPrimary);
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    padding: 4em 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
  }
  .nav--header.open {
    z-index: 500;
    visibility: visible;
    width: 100%;
    opacity: 1;
  }
  .nav--header.open ul {
    position: absolute;
    top: 50%;
    left: 0;
    overflow: auto;
    width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    user-select: none;
    transform: translateY(-50%);
    -webkit-touch-callout: none;
    -webkit-overflow-scrolling: touch;
  }
  .nav--header.open ul > li {
    width: 100%;
    margin: 0;
  }
  .nav--header li {
    margin: .75em 0;
  }
}

.alert {
  padding: 25.6px;
  margin-bottom: 25.6px;
  border: 1px solid transparent;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 25.6px;
}

.alert.alert--success {
  color: #5CB85C;
  border-color: #5CB85C;
}

.alert.alert--info {
  color: #444;
  border-color: #444;
}

.alert.alert--warning {
  color: #F0AD4E;
  border-color: #F0AD4E;
}

.alert.alert--danger {
  color: #D9534F;
  border-color: #D9534F;
}

.u-circleIcon {
  display: grid;
  place-items: center;
  width: var(--circleIconSize, 4.8em);
  height: var(--circleIconSize, 4.8em);
  border-radius: 50%;
  background: var(--circleIconBackground, var(--colorPrimary));
  color: #fff;
}

@media (min-width: 61.25rem) {
  .u-circleIcon {
    --circleIconSize: 6.4em;
  }
}

@media (min-width: 105rem) {
  .u-circleIcon {
    --circleIconSize: 9em;
  }
}

.u-circleIcon--secondary {
  --circleIconBackground: var(--colorSecondary);
}

.u-circleIcon svg,
.u-circleIcon img {
  max-width: calc( var(--circleIconSize, 4.8em) * .45);
  max-height: calc( var(--circleIconSize, 4.8em) * .45);
}

.HomeHero {
  position: relative;
  min-height: 38rem;
  height: 80vh;
  padding: 16vh 2em 4em;
  z-index: 1;
}

@media (max-width: 30rem) {
  .HomeHero {
    min-height: 30rem;
    height: auto;
    padding: 8em 1.5em 2em;
    overflow: hidden;
  }
}

.HomeHero h1 {
  color: #fff;
  text-shadow: 0 .25rem 2rem #02343696;
  text-align: center;
}

.HomeHero-background {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.HomeHero-background img {
  width: 100%;
  min-height: 100vh;
  object-fit: cover;
}

.HomeHero page-wave {
  top: 40vh;
}

@media (max-width: 30rem) {
  .HomeHero page-wave {
    top: 16rem;
  }
}

@media (max-width: 48rem) {
  .HomeHero {
    --coverOffset: 100vw;
  }
}

@media (max-width: 30rem) {
  .HomeHero {
    --coverTop: 16rem;
  }
}

.HomeHero:after {
  content: '';
  position: absolute;
  top: calc(var(--coverTop, 40vh) + var(--coverOffset, 56vw));
  left: 0;
  right: 0;
  height: 100vw;
  background: #fff;
}

.HomeHero .SocialLinks {
  position: absolute;
  left: 1.6em;
  bottom: 12vh;
  flex-flow: column;
  font-size: 2em;
  z-index: 2;
}

.HomeHero .SocialLinks a:not(:last-child) {
  margin: 0 0 .8em;
}

@media (max-width: 30rem) {
  .HomeHero .SocialLinks {
    top: 24rem;
    bottom: auto;
    left: .75em;
    flex-flow: row;
  }
  .HomeHero .SocialLinks a {
    margin: 0 !important;
    padding: .4em;
  }
}

.HomeHero-notice:not(:empty) {
  position: absolute;
  bottom: 5em;
  right: 0;
  max-width: 32em;
  background: rgba(2, 52, 54, 0.96);
  border-radius: var(--sizeBorderRadiusSmall) 0 0 var(--sizeBorderRadiusSmall);
  padding: 1.2em 1.6em;
  color: #fff;
  z-index: 1;
}

@media (max-width: 90rem) {
  .HomeHero-notice:not(:empty) {
    bottom: 4em;
  }
}

@media (max-width: 48rem) {
  .HomeHero-notice:not(:empty) {
    top: 75vh;
    bottom: auto;
  }
}

@media (max-width: 30rem) {
  .HomeHero-notice:not(:empty) {
    position: relative;
    top: auto;
    margin-top: 14rem;
    border-radius: var(--sizeBorderRadiusSmall);
    z-index: 3;
  }
}

.HomeHero-notice:not(:empty) > * {
  font-size: .8em;
  opacity: .8;
}

.HomeHero-notice:not(:empty) h2, .HomeHero-notice:not(:empty) h3, .HomeHero-notice:not(:empty) h4 {
  font-family: var(--primaryFont);
  font-size: 1.2em;
  margin: 0 0 .75em;
  color: #fff;
  opacity: 1;
}

.HomeHero-notice:not(:empty) p {
  margin: 0;
}

.HomeHero-notice:not(:empty) a {
  color: inherit;
  text-decoration: underline;
}

.HomeHero-notice:not(:empty) :last-child {
  margin-top: .5em;
}

.HomeHero-scrollIndicator {
  display: flex;
  position: absolute;
  right: 3em;
  bottom: -1em;
  z-index: 2;
}

@media (max-width: 90rem) {
  .HomeHero-scrollIndicator {
    bottom: -2em;
  }
}

@media (max-width: 48rem) {
  .HomeHero-scrollIndicator {
    display: none;
  }
}

.HomeMap {
  position: relative;
  text-align: center;
  max-width: 297.779px;
  max-height: 1907.54px;
  aspect-ratio: 297.779/1907.54;
  height: auto;
  width: auto;
  margin: 0 auto;
  z-index: 2;
}

@media (max-width: 61.25rem) {
  .HomeMap {
    display: none;
  }
}

.HomeMap.is-singleDestination {
  position: absolute;
  left: 0;
  transform: translate(calc(-100% - 1em), -48%) scale(1.2);
}

.HomeMap-world path {
  color: var(--colorSecondary);
  opacity: .4;
}

.HomeMap-world path:nth-child(13), .HomeMap-world path:nth-child(14), .HomeMap-world path:nth-child(15) {
  color: var(--colorPrimary);
  opacity: 1;
}

.is-singleDestination .HomeMap-world path {
  opacity: .04;
}

.is-singleDestination .HomeMap-world path:nth-child(13), .is-singleDestination .HomeMap-world path:nth-child(14), .is-singleDestination .HomeMap-world path:nth-child(15) {
  color: var(--colorSecondary);
  opacity: .16;
}

.is-singleDestination .HomeMap-world path:nth-child(n + 20) {
  display: none;
}

.HomeMap-destination {
  position: absolute;
  width: .375em;
  height: .375em;
  background: var(--colorSecondary);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.is-singleDestination .HomeMap-destination {
  display: none;
  transform: translate(-50%, -50%) scale(1.2);
}

.HomeMap-destination span {
  position: absolute;
  font-size: .75em;
  left: 1em;
  top: -.25em;
  cursor: pointer;
}

.HomeMap-destination span[left] {
  left: auto;
  right: 1em;
}

.HomeMap-destination span[top] {
  top: -.625em;
}

.is-singleDestination .HomeMap-destination span {
  display: none;
}

.HomeMap-destination:hover span {
  text-decoration: underline;
}

.HomeMap-destination[name="Thoddoo"] {
  top: 34.5%;
  left: 33%;
}

.HomeMap-destination[name="Rasdhoo"] {
  top: 36.25%;
  left: 37%;
}

.HomeMap-destination[name="Ukulhas"] {
  top: 37.25%;
  left: 25%;
}

.HomeMap-destination[name="Feridhoo"] {
  top: 38.5%;
  left: 15.25%;
}

.HomeMap-destination[name="Hangnaameedhoo"] {
  top: 40.75%;
  left: 29.5%;
}

.HomeMap-destination[name="Omadhoo"] {
  top: 41.5%;
  left: 30.5%;
}

.HomeMap-destination[name="Dhigurah"] {
  top: 45.75%;
  left: 28.5%;
}

.HomeMap-destination[name="Fulidhoo"] {
  top: 44.125%;
  left: 69%;
}

.HomeMap-destination[name="Thinadhoo"] {
  top: 46%;
  left: 79%;
}

[data-destination="Thoddoo"] .HomeMap-destination[name="Thoddoo"] {
  display: block;
}

[data-destination="Rasdhoo"] .HomeMap-destination[name="Rasdhoo"] {
  display: block;
}

[data-destination="Ukulhas"] .HomeMap-destination[name="Ukulhas"] {
  display: block;
}

[data-destination="Feridhoo"] .HomeMap-destination[name="Feridhoo"] {
  display: block;
}

[data-destination="Hangnaameedhoo"] .HomeMap-destination[name="Hangnaameedhoo"] {
  display: block;
}

[data-destination="Omadhoo"] .HomeMap-destination[name="Omadhoo"] {
  display: block;
}

[data-destination="Dhigurah"] .HomeMap-destination[name="Dhigurah"] {
  display: block;
}

[data-destination="Fulidhoo"] .HomeMap-destination[name="Fulidhoo"] {
  display: block;
}

[data-destination="Thinadhoo"] .HomeMap-destination[name="Thinadhoo"] {
  display: block;
}

.HomeMap svg {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.HomeMap-assets {
  position: absolute;
  color: var(--colorSecondary);
}

.is-singleDestination .HomeMap-assets {
  display: none;
}

.HomeMap-assets[class*="wave"] {
  width: 2.4em;
  opacity: .12;
}

.HomeMap-assets.wave-01 {
  top: 21%;
  left: 85%;
}

.HomeMap-assets.wave-02 {
  top: 27.5%;
  right: 72%;
}

.HomeMap-assets.wave-03 {
  top: 50%;
  left: 78%;
}

.HomeMap-assets.wave-04 {
  top: 64%;
  right: 64%;
}

.HomeMap-assets[class*="dolphin"] {
  width: 1.6em;
  opacity: .24;
}

.HomeMap-assets.dolphin-01 {
  top: 36%;
  left: 88%;
}

.HomeMap-assets.dolphin-02 {
  top: 62%;
  left: 80%;
}

.HomeExplore {
  padding-top: 12em;
  z-index: 3;
}

@media (max-width: 61.25rem) {
  .HomeExplore {
    grid-column: span 2;
  }
}

@media (max-width: 30rem) {
  .HomeExplore {
    padding-top: 1em;
  }
}

.HomeExplore-action {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  border-radius: 1.5rem;
  background: var(--colorAccent);
  padding: 3.2em 2em;
  transition: var(--animationBase);
  z-index: 1;
  overflow: hidden;
}

@media (max-width: 48rem) {
  .HomeExplore-action {
    padding: 2.4em .8em;
  }
}

.HomeExplore-action:before {
  content: url('data:image/svg+xml; utf8, <svg height="18em" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="water" class="svg-inline--fa fa-water fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M562.1 383.9c-21.5-2.4-42.1-10.5-57.9-22.9-14.1-11.1-34.2-11.3-48.2 0-37.9 30.4-107.2 30.4-145.7-1.5-13.5-11.2-33-9.1-46.7 1.8-38 30.1-106.9 30-145.2-1.7-13.5-11.2-33.3-8.9-47.1 2-15.5 12.2-36 20.1-57.7 22.4-7.9.8-13.6 7.8-13.6 15.7v32.2c0 9.1 7.6 16.8 16.7 16 28.8-2.5 56.1-11.4 79.4-25.9 56.5 34.6 137 34.1 192 0 56.5 34.6 137 34.1 192 0 23.3 14.2 50.9 23.3 79.1 25.8 9.1.8 16.7-6.9 16.7-16v-31.6c.1-8-5.7-15.4-13.8-16.3zm0-144c-21.5-2.4-42.1-10.5-57.9-22.9-14.1-11.1-34.2-11.3-48.2 0-37.9 30.4-107.2 30.4-145.7-1.5-13.5-11.2-33-9.1-46.7 1.8-38 30.1-106.9 30-145.2-1.7-13.5-11.2-33.3-8.9-47.1 2-15.5 12.2-36 20.1-57.7 22.4-7.9.8-13.6 7.8-13.6 15.7v32.2c0 9.1 7.6 16.8 16.7 16 28.8-2.5 56.1-11.4 79.4-25.9 56.5 34.6 137 34.1 192 0 56.5 34.6 137 34.1 192 0 23.3 14.2 50.9 23.3 79.1 25.8 9.1.8 16.7-6.9 16.7-16v-31.6c.1-8-5.7-15.4-13.8-16.3zm0-144C540.6 93.4 520 85.4 504.2 73 490.1 61.9 470 61.7 456 73c-37.9 30.4-107.2 30.4-145.7-1.5-13.5-11.2-33-9.1-46.7 1.8-38 30.1-106.9 30-145.2-1.7-13.5-11.2-33.3-8.9-47.1 2-15.5 12.2-36 20.1-57.7 22.4-7.9.8-13.6 7.8-13.6 15.7v32.2c0 9.1 7.6 16.8 16.7 16 28.8-2.5 56.1-11.4 79.4-25.9 56.5 34.6 137 34.1 192 0 56.5 34.6 137 34.1 192 0 23.3 14.2 50.9 23.3 79.1 25.8 9.1.8 16.7-6.9 16.7-16v-31.6c.1-8-5.7-15.4-13.8-16.3z"></path></svg>');
  filter: invert(1) opacity(0.4);
  position: absolute;
  top: -3em;
  left: 3em;
  z-index: -1;
  transition: inherit;
  transform: translateX(100%);
}

.HomeExplore-action:hover, .HomeExplore-action:focus {
  text-decoration: none;
  background: var(--actionHoverBackground, var(--colorSecondary));
  color: #fff;
}

.HomeExplore-action:hover:before, .HomeExplore-action:focus:before {
  transform: translateX(0);
}

.HomeExplore-action:nth-child(even) {
  --circleIconBackground: var(--colorSecondary);
  --actionHoverBackground: var(--colorPrimary);
}

.HomeExplore-action .title {
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 1.5em;
}

@media (max-width: 48rem) {
  .HomeExplore-action .title {
    font-size: 1.2em;
    margin-top: 1em;
  }
}

.HomeExplore-actionGrid {
  display: grid;
  grid-template-columns: repeat(var(--actionsGridColumns, 3), 1fr);
  grid-gap: var(--actionsGridGap, 3em);
  margin: 4em 0 4.8em;
}

.HomeExplore-actionGrid:after {
  right: 0;
  bottom: 0;
  transform: translate(25%, 50%);
}

@media (max-width: 48rem) {
  .HomeExplore-actionGrid {
    --actionsGridColumns: 2;
    --actionsGridGap: 2em;
    margin: 2.4em 0 3.2em;
  }
}

@media (max-width: 32rem) {
  .HomeExplore-actionGrid {
    --actionsGridGap: 1.2em;
  }
}

.HomeExplore-video {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--sizeBorderRadius);
  overflow: hidden;
}

.HomeExplore-videoWrapper {
  aspect-ratio: 16/9;
}

.HomeExplore-video .u-circleIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: var(--animationBase);
  pointer-events: none;
  z-index: 1;
}

.HomeExplore-video .u-circleIcon svg {
  transform: translateX(8%);
}

.HomeExplore-video video {
  width: 100%;
  max-width: 90vw;
  height: auto;
  max-height: 90vh;
  transform: scale(1.24);
  transition: var(--animationBase);
}

.HomeExplore-video:hover {
  cursor: pointer;
}

.HomeExplore-video:hover .u-circleIcon {
  opacity: .4;
  transform: translate(-50%, -50%) scale(0.8);
}

.HomeExplore-video[theatre-mode] {
  position: fixed;
  top: var(--videoTop);
  left: var(--videoLeft);
  width: var(--videoWidth);
  height: var(--videoHeight);
  transition: var(--animationBase);
  background: rgba(255, 255, 255, 0);
  z-index: 100;
}

.HomeExplore-video[theatre-mode]:after {
  content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>');
  position: absolute;
  top: 1em;
  right: 1em;
  width: 1.2em;
  height: 1.2em;
  transition: inherit;
  opacity: 0;
}

.HomeExplore-video[theatre-mode].is-expanded {
  inset: 0;
  width: 100vw;
  height: 100vh;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.96);
}

.HomeExplore-video[theatre-mode].is-expanded video {
  cursor: default;
  transform: scale(1);
}

.HomeExplore-video[theatre-mode].is-expanded:after {
  opacity: .4;
}

.HomeExplore-video[theatre-mode] .u-circleIcon {
  opacity: 0;
}

.HomeTestimonials {
  position: relative;
  margin-top: -4em;
  z-index: 2;
}

.HomeTestimonials-inner {
  display: flex;
  flex-flow: row-reverse;
}

@media (max-width: 61.25rem) {
  .HomeTestimonials-inner {
    flex-flow: column;
  }
  .HomeTestimonials-inner:after {
    content: none;
  }
}

.HomeTestimonials-inner:after {
  top: 0;
  left: 0;
  transform: translate(-50%, -40%) scale(0.9);
}

.HomeTestimonials-header {
  position: relative;
  flex: 1;
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
  background: var(--colorAccent);
  border-bottom-left-radius: var(--sizeBorderRadius);
  padding: 12em 2em 8em;
}

@media (max-width: 61.25rem) {
  .HomeTestimonials-header {
    margin: 0 calc(var(--sizeFramePadding) * -1);
    border-radius: 0;
    padding: 8em 2em 4em;
  }
}

@media (max-width: 48rem) {
  .HomeTestimonials-header {
    padding: 8em 1.2em 3.2em;
  }
}

.HomeTestimonials-header:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  width: calc((100vw - var(--sizeFrameWidth)) / 2);
  min-width: var(--sizeSectionPadding);
  background: var(--colorAccent);
}

@media (max-width: 61.25rem) {
  .HomeTestimonials-header:after {
    content: none;
  }
}

.HomeTestimonials-header h2 {
  margin-top: 1.5em;
}

@media (max-width: 48rem) {
  .HomeTestimonials-header h2 {
    margin-top: 1em;
  }
}

.HomeTestimonial {
  flex: 2;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 4em 2.4em 0;
}

@media (max-width: 48rem) {
  .HomeTestimonial {
    padding: 2.4em 1.2em 0;
  }
}

.HomeTestimonial-item {
  margin-bottom: 2em;
}

.HomeTestimonial-content {
  position: relative;
  font-size: 1.2em;
  font-weight: 700;
  font-style: italic;
  line-height: 1.64;
  max-width: 50rem;
  padding-bottom: 1.5em;
  margin: 0 auto 2em;
}

.HomeTestimonial-content:after {
  content: '';
  position: absolute;
  top: 100%;
  left: calc(50% - 2.5rem);
  height: .25rem;
  width: 5rem;
  background: var(--colorSecondary);
  border-radius: .25rem;
}

.HomeTestimonial-name {
  font-family: var(--secondaryFont);
  font-size: 1.6em;
  font-weight: 800;
  line-height: 1.8;
}

.HomeTestimonial-islands {
  font-size: .8em;
}

.HomeTestimonial-islands a:not(:last-child):after {
  content: ',';
}

.HomeMain-layout {
  display: grid;
  grid-template-columns: 1fr 2.4fr;
  grid-gap: 5em;
}

.Page404 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  padding: 6.4em 0 4em;
}

.Page404 h1 {
  font-size: 10em;
  margin: 0;
  color: var(--colorSecondary);
  background: url("../images/underwater.jpg") no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (min-width: 105rem) {
  .Page404 h1 {
    font-size: 15em;
  }
}

.Page404 h1:after {
  top: 40%;
  left: 50%;
  z-index: -1;
}

/*# sourceMappingURL=style.min.css.map */