/* latin */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dist/fonts/manrope-latin-400-normal.woff2?5b06bf94f857e4244b645d75be6636a6), url(/dist/fonts/manrope-latin-400-normal.woff2?5b06bf94f857e4244b645d75be6636a6);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/dist/fonts/manrope-latin-500-normal.woff2?b6bf3db6256270076d37343efc7e9e02), url(/dist/fonts/manrope-latin-500-normal.woff2?b6bf3db6256270076d37343efc7e9e02);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/dist/fonts/manrope-latin-600-normal.woff2?ec61c26ae9843c74c66e80860e9304f5), url(/dist/fonts/manrope-latin-600-normal.woff2?ec61c26ae9843c74c66e80860e9304f5);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/dist/fonts/manrope-latin-700-normal.woff2?395302d2c51659f98a07546afa941ca3), url(/dist/fonts/manrope-latin-700-normal.woff2?395302d2c51659f98a07546afa941ca3);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/dist/fonts/manrope-latin-800-normal.woff2?9058577ea41f50bdd721f66b17631196), url(/dist/fonts/manrope-latin-800-normal.woff2?9058577ea41f50bdd721f66b17631196);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.feature {
  font-size: var(--type-70);
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.01em;
  line-height: 1.2;
}

h1,
.h1 {
  font-size: var(--type-56);
  letter-spacing: -0.01em;
  line-height: 1.2;
  font-weight: var(--font-weight-regular);
}

h2,
.h2 {
  font-size: var(--type-48);
  letter-spacing: -0.01em;
  line-height: 1.2;
  font-weight: var(--font-weight-regular);
}

h3,
.h3 {
  font-size: var(--type-40);
  letter-spacing: -0.01em;
  line-height: 1.3;
  font-weight: var(--font-weight-regular);
}

h4,
.h4 {
  font-size: var(--type-30);
  line-height: 1.4;
  font-weight: var(--font-weight-regular);
}

h5,
.h5 {
  line-height: 1.5;
  font-size: var(--type-22);
}

h6,
.h6 {
  line-height: 1.6;
  font-size: var(--type-20);
}
html:not(.mobile) .btn-lockup[data-solo=false] > *::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  z-index: 2;
  width: 100%;
  max-width: calc(100% - 0.5rem);
  height: calc(100% - 1rem);
  background: var(--color-grey--darkest);
  display: block;
  pointer-events: none;
  transform: scaleX(0.005);
  transition: all var(--timing-fast) var(--ease-std);
}
html:not(.mobile) .btn-lockup[data-solo=false]:hover > .btn-lockup__book:not(:hover) .inner {
  transform: translateX(5%) scale(0.8);
}
html:not(.mobile) .btn-lockup[data-solo=false]:hover > .btn-lockup__call:not(:hover) .inner {
  transform: translateX(-5%) scale(0.8);
}
html:not(.mobile) .btn-lockup[data-solo=false]:hover > *:hover {
  width: 60%;
}
html:not(.mobile) .btn-lockup[data-solo=false]:hover > *:hover::before {
  border-radius: 5rem;
  transform: scaleX(1);
  background: #283243;
}
html:not(.mobile) .btn-lockup[data-solo=false]:hover > *:not(:hover) .inner {
  opacity: 0.5;
}
html:not(.mobile) .btn-lockup[data-solo=false]:hover > *:not(:hover)::before {
  opacity: 0;
}
html:not(.mobile) .btn-lockup[data-solo=false]:not(:hover):focus-within > .btn-lockup__book:not(:focus) .inner {
  transform: translateX(5%) scale(0.8);
}
html:not(.mobile) .btn-lockup[data-solo=false]:not(:hover):focus-within > .btn-lockup__call:not(:focus) .inner {
  transform: translateX(-5%) scale(0.8);
}
html:not(.mobile) .btn-lockup[data-solo=false]:not(:hover):focus-within > *:focus {
  width: 60%;
}
html:not(.mobile) .btn-lockup[data-solo=false]:not(:hover):focus-within > *:focus::before {
  border-radius: 5rem;
  transform: scaleX(1);
  background: #283243;
}
html:not(.mobile) .btn-lockup[data-solo=false]:not(:hover):focus-within > *:not(:focus) {
  width: 40%;
}
html:not(.mobile) .btn-lockup[data-solo=false]:not(:hover):focus-within > *:not(:focus) .inner {
  opacity: 0.5;
  transform: translateX(-5%) scale(0.8);
}
html:not(.mobile) .btn-lockup[data-solo=false]:not(:hover):focus-within > *:not(:focus)::before {
  opacity: 0;
}
.btn-lockup[data-solo=true] > * .inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  display: block;
  background: var(--color-grey--darkest);
  transition: all var(--timing-fast) var(--ease-std);
  border-radius: 5rem;
  margin: -8px;
}
.btn-lockup[data-solo=true] > *:not(:hover):not(:focus) .inner::before {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.9);
}
.parallax {
  --amount: 1.875rem;
  overflow: hidden;
}
html:not(.reduced-motion) .parallax img, html:not(.reduced-motion) .parallax video {
  margin-top: calc(var(--amount) * -1);
  transform: translateY(calc(var(--amount) * var(--progress)));
  height: calc(100% + var(--amount)) !important;
}
.btn {
  display: inline-block;
  padding: 0.5em 0.75em;
  text-align: center;
  text-decoration: none;
}
.banner-menu {
  --gap: 0.75rem;
  display: grid;
  grid-template-areas: ". content .";
  grid-template-columns: var(--container-gutter) auto var(--container-gutter);
  margin-top: var(--gap);
}
.banner-menu a,
.banner-menu button {
  color: var(--color);
  border-radius: var(--borderRadius);
  padding: 0.75rem 1.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  position: relative;
  transition: box-shadow var(--timing-slow) var(--ease-out-circ), background-color var(--timing-fast) var(--ease-std);
  box-shadow: inset 0 0 0 var(--borderAmount) var(--borderColor), 0 0 0 var(--spread) var(--borderColor);
  --color: var(--color-text);
  --spread: 0rem;
  --borderAmount: 0.0625rem;
  --borderRadius: var(--radius-small);
  --borderColor: var(--color-text--10);
  width: 100%;
}
.banner-menu a::before,
.banner-menu button::before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: 1;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  opacity: var(--opacity, 0);
  pointer-events: none;
  background-color: var(--borderColor);
  border-radius: var(--borderRadius);
  transition: opacity var(--timing-fast) var(--ease-std);
}
.banner-menu a .text,
.banner-menu a .icon,
.banner-menu button .text,
.banner-menu button .icon {
  position: relative;
  z-index: 2;
  transition: color var(--timing-fast) var(--ease-std);
  color: var(--color);
}
.banner-menu a .text,
.banner-menu button .text {
  text-transform: uppercase;
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-demi);
  font-size: var(--type-15);
  padding-top: 0.2em;
  line-height: 1.1;
  color: currentColor;
  display: block;
  color: var(--color);
  position: relative;
  line-height: 1;
  text-align: center;
  font-size: var(--type-17);
}
.banner-menu a svg,
.banner-menu button svg {
  fill: currentColor;
}
.banner-menu a .text,
.banner-menu button .text {
  font-family: var(--font-family);
  text-transform: none;
  padding-top: 0;
  color: var(--color);
}
.banner-menu a .text::before,
.banner-menu button .text::before {
  content: none;
}
.banner-menu a .icon,
.banner-menu button .icon {
  color: var(--color-primary);
}
.banner-menu a:hover, .banner-menu a:focus,
.banner-menu button:hover,
.banner-menu button:focus {
  --borderColor: var(--color-primary);
}
.banner-menu .banner-menu__btn {
  min-height: 3rem;
}
.banner-menu .banner-menu__btn .text {
  text-transform: uppercase;
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-demi);
  font-size: var(--type-15);
  padding-top: 0.2em;
  line-height: 1.1;
  color: currentColor;
  font-size: var(--type-16);
}
.banner-menu .inner {
  grid-area: content;
}
.banner-menu ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  grid-template-columns: repeat(4, 1fr);
  margin: 0 0 var(--gap) 0;
  padding: 0;
}
.banner-menu ul li {
  padding: 0;
  margin: 0;
}
.banner-menu ul li {
  flex-grow: 1;
  width: calc(50% - 0.75rem);
}
.banner-menu ul a {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex-grow: 1;
  height: 100%;
  padding-block: 1rem;
  min-height: 5rem;
}
.banner-menu ul a .text {
  font-size: var(--type-14);
}
.banner-menu ul a .pill {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -35%);
  background-color: white;
}

.home-hero {
  padding-bottom: var(--layout-spacing-std);
}
.video {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-large);
}
.video::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
  z-index: 5;
  position: relative;
  transition: transform var(--timing-slowest) var(--ease-out-expo);
}
.video video {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video__nojs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
  text-align: center;
  color: var(--color-text);
}
.video__nojs svg {
  margin-bottom: 0.625rem;
  width: 2.5rem;
  height: auto;
  transition: transform var(--timing-std) var(--ease-std);
}
.video__nojs .text {
  font-weight: var(--font-weight-medium);
}
html:not(.mobile):not(.tablet) .video__nojs:hover svg, html:not(.mobile):not(.tablet) .video__nojs:focus svg, .video__nojs.on-press svg {
  transform: scale(1.1);
}
.video__controls {
  z-index: 4;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--color-text--10);
  box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(0.625rem);
          backdrop-filter: blur(0.625rem);
  border-top-right-radius: var(--radius-large);
  overflow: hidden;
  display: flex;
  max-width: 3.375rem;
  transition: max-width var(--timing-std) var(--ease-std);
}
.video__controls:hover, .video__controls:focus-within {
  max-width: var(--innerWidth, 3.375rem);
}
.video__controls-inner {
  white-space: nowrap;
  display: flex;
}
.video__controls-inner > button {
  --size: 3.375rem;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  min-height: var(--size);
  transition: transform var(--timing-std) var(--ease-std);
}
.video__controls-inner > button:hover {
  transform: scale(1.2);
}
.video__controls-inner > button + button {
  margin-left: -0.625rem;
}
.video__pause {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2218%22 height=%2218%22 viewBox=%220 0 18 18%22 fill=%22none%22%3E%3Cpath d=%22M14 0H4C2.93913 0 1.92172 0.421427 1.17157 1.17157C0.421427 1.92172 0 2.93913 0 4V14C0 15.0609 0.421427 16.0783 1.17157 16.8284C1.92172 17.5786 2.93913 18 4 18H14C15.0609 18 16.0783 17.5786 16.8284 16.8284C17.5786 16.0783 18 15.0609 18 14V4C18 2.93913 17.5786 1.92172 16.8284 1.17157C16.0783 0.421427 15.0609 0 14 0ZM7.84 11.89C7.84002 12.119 7.74973 12.3388 7.58873 12.5017C7.42773 12.6645 7.209 12.7574 6.98 12.76H5.24C5.00926 12.76 4.78797 12.6683 4.62482 12.5052C4.46166 12.342 4.37 12.1207 4.37 11.89V6.11C4.37 5.87926 4.46166 5.65797 4.62482 5.49482C4.78797 5.33166 5.00926 5.24 5.24 5.24H7C7.229 5.24263 7.44773 5.33545 7.60873 5.49833C7.76973 5.6612 7.86001 5.88098 7.86 6.11L7.84 11.89ZM13.62 11.89C13.62 12.119 13.5297 12.3388 13.3687 12.5017C13.2077 12.6645 12.989 12.7574 12.76 12.76H11C10.771 12.7574 10.5523 12.6645 10.3913 12.5017C10.2303 12.3388 10.14 12.119 10.14 11.89V6.11C10.14 5.88098 10.2303 5.6612 10.3913 5.49833C10.5523 5.33545 10.771 5.24263 11 5.24H12.74C12.969 5.24263 13.1877 5.33545 13.3487 5.49833C13.5097 5.6612 13.6 5.88098 13.6 6.11L13.62 11.89Z%22 fill=%22white%22/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
}
.video__pause.is-active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2218%22 height=%2218%22 viewBox=%220 0 18 18%22 fill=%22none%22%3E%3Cpath d=%22M16.828 1.172A4.001 4.001 0 0 0 14 0H4a4.003 4.003 0 0 0-4 4v10a4.001 4.001 0 0 0 4 4h10a4 4 0 0 0 4-4V4a3.995 3.995 0 0 0-1.172-2.828Zm-4.143 9.22-4.433 2.85a1.65 1.65 0 0 1-2.054-.217 2.056 2.056 0 0 1-.602-1.454V6.429c0-.545.217-1.069.602-1.454a1.65 1.65 0 0 1 2.054-.217l4.433 2.85a1.655 1.655 0 0 1 0 2.784Z%22 fill=%22white%22/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
}
.video__mute {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2218%22 height=%2218%22 viewBox=%220 0 18 18%22 fill=%22none%22%3E%3Cpath d=%22M11.719 12.778a.752.752 0 0 1-1.019-.293.752.752 0 0 1 .293-1.02c.871-.482 1.412-1.427 1.412-2.463s-.541-1.981-1.412-2.464a.752.752 0 0 1 .727-1.313c1.349.747 2.186 2.194 2.186 3.776s-.837 3.029-2.186 3.776Zm.861-10.894a.75.75 0 1 0-.65 1.351c2.371 1.143 3.845 3.353 3.845 5.767s-1.474 4.624-3.845 5.767a.75.75 0 0 0 .65 1.352c2.896-1.396 4.694-4.123 4.694-7.119s-1.799-5.724-4.694-7.119ZM1.475 10.799c0 .696.564 1.26 1.26 1.26h1.467l3.829 3.124c.017.018.037.029.056.045l.106.087.012-.007a.806.806 0 0 0 .421.132.817.817 0 0 0 .606-.273L1.475 7.411V10.8Zm7.979 1.24V3.383a.828.828 0 0 0-.828-.828.801.801 0 0 0-.42.131l-.013-.007-.107.088c-.018.016-.039.028-.056.046L4.248 5.934h-.899L1.628 4.213A.75.75 0 1 0 .567 5.274l9.354 9.354a.748.748 0 0 0 1.06 0 .75.75 0 0 0 0-1.061l-1.528-1.528Z%22 fill=%22white%22/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
}
.video__mute.is-active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2218%22 height=%2218%22 viewBox=%220 0 18 18%22 fill=%22none%22%3E%3Cpath d=%22M9.454 3.383v11.229a.828.828 0 0 1-.828.828.806.806 0 0 1-.421-.132l-.012.007-.106-.087c-.018-.016-.039-.028-.056-.045l-3.829-3.124H2.735a1.26 1.26 0 0 1-1.26-1.26V7.194c0-.696.564-1.26 1.26-1.26h1.513L8.03 2.813c.017-.018.037-.03.056-.046l.107-.088.013.007a.801.801 0 0 1 .42-.131c.457 0 .828.371.828.828Zm2.265 9.395c1.349-.747 2.186-2.194 2.186-3.776s-.837-3.029-2.186-3.776a.751.751 0 0 0-.727 1.313c.871.482 1.412 1.427 1.412 2.464s-.541 1.981-1.412 2.463a.752.752 0 0 0 .364 1.407.74.74 0 0 0 .362-.094Zm.861 3.343c2.896-1.396 4.694-4.123 4.694-7.119s-1.799-5.724-4.694-7.119a.75.75 0 1 0-.65 1.351c2.371 1.143 3.845 3.353 3.845 5.767s-1.474 4.624-3.845 5.767a.75.75 0 0 0 .65 1.352Z%22 fill=%22white%22/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
}
.block-content-media .container {
  display: grid;
  grid-template-areas: "image" "content";
  row-gap: 1.875rem;
  align-items: flex-start;
}
.block-content-media__video {
  border-radius: var(--radius-large);
}
.block-content-media__image {
  --distance: 18.75rem;
  grid-area: image;
  border-radius: var(--radius-large);
  overflow: hidden;
}
.block-content-media__content {
  grid-area: content;
  max-width: 35.625rem;
  margin-block: auto;
  justify-content: flex-start;
}
.block-content-media__content .content-lockup {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.block-content-media__content .content-lockup .btn-outline {
  min-width: 13.75rem;
}
html:not(.mobile):not(.tablet) .block-content-media__content .content-lockup .btn-outline:hover, html:not(.mobile):not(.tablet) .block-content-media__content .content-lockup .btn-outline:focus, .block-content-media__content .content-lockup .btn-outline.on-press {
  --borderColor: var(--color-primary);
  --color: var(--color-text);
}
.block-content-media__content .pretitle {
  color: var(--color-grey--darker);
}
.block-content-media__content .title {
  font-size: var(--type-48);
  font-weight: var(--font-weight-regular);
  line-height: 1.25;
  max-width: 34.375rem;
}
.block-content-media[data-direction=left] .block-content-media__content {
  margin-left: var(--gap);
}
.block-content-media[data-direction=right] .block-content-media__content {
  margin-right: var(--gap);
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.our-guarantee__title {
  background-color: var(--color-text);
  padding: 0.875rem 1.25rem;
  border-radius: var(--radius-large) var(--radius-large) 0 0;
  margin: 0;
  color: var(--color-primary);
}
.our-guarantee__title .title {
  margin: 0;
  text-transform: uppercase;
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-demi);
  font-size: var(--type-15);
  padding-top: 0.2em;
  line-height: 1.1;
  color: currentColor;
  font-size: var(--type-24);
  text-align: center;
}
.our-guarantee .list-icons {
  --gap-layout: 2.1875rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-layout);
  --icon-width: 1.75rem;
  --gap-layout: 1.875rem 0;
  border-radius: 0 0 var(--radius-large) var(--radius-large);
  background-color: white;
  padding: 1.875rem var(--container-gutter);
}
.our-guarantee .list-icons li {
  flex-grow: 1;
}

.home-intro {
  position: relative;
  z-index: 2;
  background-color: var(--color-offwhite);
  border-radius: var(--radius-large);
  padding-block: var(--layout-spacing-xlarge) var(--container-gutter);
}
.home-intro__inner {
  grid-area: content;
  display: flex;
  flex-direction: column;
}
.home-intro .colin {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: -2.28125rem;
  display: flex;
  justify-content: center;
}
.home-intro .block-content-media .container {
  padding-inline: 0;
}
.home-intro .our-guarantee {
  position: relative;
  z-index: 2;
}

.widget-badges {
  --borderSize: 0.0625rem;
  --borderColor: var(--color-text);
  display: grid;
  grid-template-columns: auto auto;
  gap: 0.625rem;
}
.widget-badges svg {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-smaller);
  box-shadow: 0 0 0 var(--borderSize) var(--borderColor);
  background-color: white;
  overflow: hidden;
  transition: box-shadow var(--timing-std) var(--ease-std);
  min-height: 1.875rem;
}
html:not(.mobile):not(.tablet) .widget-badges a:hover, html:not(.mobile):not(.tablet) .widget-badges a:focus, .widget-badges a.on-press {
  --borderSize: 0.125rem;
  --borderColor: var(--color-primary);
}

.wysiwyg-basic {
  color: var(--color-grey--darker);
  font-size: var(--type-16);
  line-height: 1.6;
}
.wysiwyg-basic p {
  margin: 0;
}
.wysiwyg-basic p:not(:last-child) {
  margin-bottom: 1.25rem;
}
.wysiwyg-basic a {
  font-weight: var(--font-weight-bold);
  color: var(--color-text);
  text-decoration: none;
  transition: color var(--timing-std) var(--ease-std);
}
.wysiwyg-basic a:hover, .wysiwyg-basic a:focus {
  color: var(--color-primary);
  text-decoration: underline;
}

.download-app {
  background-color: var(--color-text);
  color: white;
  border-radius: var(--radius-larger);
  --imageWidth: 15.625rem;
  --ctaHeight: 8.75rem;
}
.download-app__content .pretitle {
  color: var(--color-primary);
}
.download-app__content .title {
  font-weight: var(--font-weight-regular);
}
.download-app__content .wysiwyg-basic {
  color: var(--color-white--80);
}
.download-app__ctas {
  margin-top: 2.1875rem;
  display: flex;
  flex-wrap: wrap;
}
.download-app__ctas .widget-badges svg,
.download-app__ctas .btn-outline {
  width: auto;
  height: 2.5rem;
}
.download-app__ctas .widget-badges + .btn-outline {
  margin-left: auto;
  padding-inline: 0.625rem;
}
.download-app__ctas .btn-outline {
  --color: var(--color-white);
  --spread: 0rem;
  --borderAmount: 0.0625rem;
  --borderRadius: var(--radius-smaller);
  --borderColor: var(--color-white--10);
  background: var(--color-white--10);
}
.download-app__ctas .btn-outline .icon {
  --color: var(--color-primary);
}
html:not(.mobile):not(.tablet) .download-app__ctas .btn-outline:hover, html:not(.mobile):not(.tablet) .download-app__ctas .btn-outline:focus, .download-app__ctas .btn-outline.on-press {
  --borderColor: var(--color-primary);
  --color: var(--color-text);
}
html:not(.mobile):not(.tablet) .download-app__ctas .btn-outline:hover .icon, html:not(.mobile):not(.tablet) .download-app__ctas .btn-outline:focus .icon, .download-app__ctas .btn-outline.on-press .icon {
  --color: var(--color-text);
}
.download-app__image {
  position: relative;
  margin-inline: auto;
  transform-origin: center bottom;
  margin-top: auto;
  width: min(100%, var(--imageWidth));
  height: var(--imageWidth);
}
.download-app__image .colin {
  --width: 6.25rem;
  width: var(--width);
  position: absolute;
  left: 50%;
  bottom: 17%;
  margin-left: calc(var(--width) / 2 * -1);
  z-index: 2;
}
.download-app__image .colin__wrapper {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -3.125rem;
  transform-origin: center bottom;
  transform: scale(0.75);
}
.download-app__image .bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: min(100%, var(--imageWidth));
  height: var(--imageWidth);
  -o-object-fit: cover;
     object-fit: cover;
}
.download-app__image .qr {
  width: var(--width);
  height: var(--width);
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: var(--radius-small);
  overflow: hidden;
  border: 0.25rem solid black;
}
.download-app__image .qr img {
  width: 100%;
  height: auto;
}
.download-app .cta {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-inline: auto;
  color: var(--color-text);
  width: 15.625rem;
  max-height: var(--ctaHeight);
  z-index: 3;
  border: 1px solid var(--color-text--10);
  border-radius: var(--radius-small);
}
.download-app .cta:has(.cta__btn:hover, .cta__btn:focus-within) .cta__content {
  --spread: 0.1875rem;
}
.download-app .cta__content {
  padding: 1.25rem;
  background-color: white;
  display: grid;
  grid-template-areas: "avatar pill" "avatar title";
  grid-template-columns: 2.875rem auto;
  grid-template-rows: 1.125rem auto;
  gap: 0.375rem 0.75rem;
  justify-content: flex-start;
  transition: box-shadow var(--timing-slow) var(--ease-out-back);
  box-shadow: 0 0 0 var(--spread, 0) var(--color-primary);
  border-radius: var(--radius-small) var(--radius-small) 0 0;
}
.download-app .cta__content .pill {
  grid-area: pill;
  margin-right: auto;
}
.download-app .cta__content .title {
  grid-area: title;
  font-size: var(--type-18);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text);
}
.download-app .cta__content .avatar {
  grid-area: avatar;
  align-self: flex-start;
  overflow: hidden;
  border-radius: var(--radius-small);
}
.download-app .cta__btn {
  border-radius: 0 0 var(--radius-small) var(--radius-small);
  color: var(--color-text);
  padding: 1.125rem 1.25rem;
}
.download-app .cta__btn:before {
  border-radius: inherit;
}
.download-app .cta__btn .text {
  flex-grow: 1;
  text-align: left;
}
.home-suburbs {
  overflow: hidden;
  position: relative;
  --appHeight: 38.75rem;
}
.home-suburbs__app {
  position: relative;
  z-index: 2;
}
.home-suburbs__wrapper {
  position: relative;
}
.home-suburbs__image {
  margin-right: -2px;
}
.home-suburbs__image picture {
  display: contents;
}
.home-suburbs__image svg {
  position: relative;
  z-index: 2;
}
.home-suburbs__image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: none;
}
.home-suburbs__content .content-lockup {
  align-items: flex-start;
}
.home-suburbs__content .content-lockup > * {
  max-width: 34.375rem;
}
.home-suburbs__content .content-lockup .pretitle {
  color: var(--color-grey--darker);
}
.home-suburbs__content .content-lockup .title {
  font-size: var(--type-56);
}

.blocks, .blocks__inner > * {
  margin-block: var(--layout-spacing-xlarge);
}
.blocks__inner > *:first-child {
  margin-top: 0;
}
.blocks__inner > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 420px) {
  .banner-menu a,
  .banner-menu button {
    min-width: 10.625rem;
  }
  .download-app {
    --imageWidth: 18.75rem;
  }
}
@media (min-width: 480px) {
  .our-guarantee .list-icons {
    --icon-width: 2.1875rem;
    --gap-card: func.rem(40) 0;
    padding: 1.875rem 0.9375rem;
  }
  .our-guarantee .list-icons li {
    width: 50%;
    padding-inline: 1.25rem;
  }
  .wysiwyg-basic ul {
    -moz-columns: 2;
         columns: 2;
  }
  .download-app__image .colin {
    --width: 7.5rem;
  }
  .download-app__image .colin__wrapper {
    transform: scale(0.9);
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .our-guarantee .list-icons li {
    --gap-card: 0.625rem;
    display: flex;
    flex-direction: column;
    gap: var(--gap-card);
  }
}
@media (min-width: 768px) {
  .parallax {
    --amount: calc(var(--height, 100vh) * 0.1px);
  }
  .banner-menu ul li {
    width: calc(33.3333% - 0.75rem);
  }
  .banner-menu {
    display: none;
  }
  .block-content-media {
    --gap: 1.875rem;
  }
  .block-content-media .container {
    grid-template-areas: "image content";
    grid-template-columns: repeat(2, 1fr);
  }
  .block-content-media[data-direction=right] .container {
    grid-template-areas: "content image";
  }
  .home-intro__inner {
    gap: 2.5rem;
  }
  .home-suburbs {
    padding-top: calc(var(--appHeight) / 2);
    border-bottom-right-radius: var(--radius-larger);
  }
  .home-suburbs::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(var(--appHeight) / 2);
    width: 100%;
    height: calc(100% - var(--appHeight) / 2);
    display: block;
    pointer-events: none;
    background: linear-gradient(to bottom, var(--color-offwhite) 0%, var(--color-white--100) 100%);
  }
  .home-suburbs__app .download-app {
    margin-top: calc(var(--appHeight) / 2 * -1);
    min-height: var(--appHeight);
  }
  .home-suburbs__wrapper::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 100%;
    height: calc(var(--appHeight) / 2);
    background-color: var(--color-primary);
  }
  .home-suburbs__content {
    padding-right: 3.75rem;
    padding-block: 13.75rem 8.75rem;
    border-bottom: 0.0625rem solid var(--color-offwhite);
  }
  .home-suburbs__content .content-lockup {
    max-width: 65%;
  }
  .home-suburbs__image {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 861px;
    height: 898px;
    display: block;
    overflow: visible;
  }
  .home-suburbs__image::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 100vw;
    height: 100%;
    background-color: var(--color-primary);
    display: block;
  }
  .home-suburbs__image,
  .home-suburbs__image svg,
  .home-suburbs__image picture {
    pointer-events: none;
  }
  .home-suburbs__image svg,
  .home-suburbs__image img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .our-guarantee .list-icons li {
    --gap-card: 0.3125rem 1em;
    display: grid;
    grid-template-areas: "icon title" "icon text";
    grid-template-columns: var(--icon-width) auto;
    grid-template-rows: repeat(2, auto);
    gap: var(--gap-card);
    align-items: flex-start;
  }
  .our-guarantee .list-icons li.has-no-description .title {
    grid-row: span 2;
    padding-top: calc(var(--icon-width) / 5);
  }
}
@media (min-width: 992px) {
  .block-content-media {
    --gap: 3.75rem;
  }
  .blocks--narrow .block-content-media {
    --gap: 3.125rem;
  }
  .our-guarantee .list-icons li {
    width: 25%;
    --gap-card: 0.625rem;
    display: flex;
    flex-direction: column;
    gap: var(--gap-card);
  }
  .home-intro {
    padding-block: var(--layout-spacing-xlarge) var(--layout-spacing-xlargest);
    border-radius: 0 0 var(--radius-largest) var(--radius-largest);
  }
  .home-intro__inner {
    gap: 4.0625rem;
  }
  .download-app {
    display: flex;
  }
  .download-app__content {
    margin-block: auto;
    padding: 3.75rem;
    max-width: 35.9375rem;
  }
  .download-app__image {
    transform: translateX(-1.875rem);
  }
  .download-app__image .colin {
    bottom: 17%;
  }
  .home-suburbs {
    --appHeight: 25rem;
  }
}
@media (min-width: 992px) and (max-width: 1279px) {
  .blocks.blocks--narrow .block-content-media {
    --gap: 2.5rem;
  }
  .blocks.blocks--narrow .block-content-media .container {
    display: grid;
    grid-template-areas: "image" "content";
    row-gap: 1.875rem;
    grid-template-columns: 1fr;
    align-items: flex-start;
  }
  .blocks.blocks--narrow .block-content-media[data-direction=left] .block-content-media__content, .blocks.blocks--narrow .block-content-media[data-direction=right] .block-content-media__content {
    margin-inline: 0;
  }
  .download-app .cta {
    position: absolute;
    left: 50%;
    bottom: 90%;
    transform: translateX(-50%);
    box-shadow: 0 0 2.5rem black;
  }
}
@media (min-width: 992px) and (min-width: 1280px) {
  .download-app__content {
    padding: 3.75rem 5rem;
    max-width: 41.25rem;
  }
  .download-app__image {
    margin-inline: auto 2.5rem;
  }
}
@media (min-width: 1280px) {
  .home-hero {
    background: linear-gradient(to bottom, white 0%, var(--color-offwhite) 100%);
    padding-bottom: var(--container-gutter);
  }
  .download-app {
    --imageWidth: 27.5rem;
  }
  .download-app__image .colin {
    --width: 10.625rem;
  }
  .download-app__image .colin__wrapper {
    transform: scale(1.15);
  }
  .download-app .cta {
    margin-inline: auto 0;
    right: 73%;
    top: 12%;
    box-shadow: 0 0.25rem 6.25rem black;
  }
  .home-suburbs {
    --appHeight: 31.25rem;
  }
}
@media (min-width: 1365px) {
  .widget-badges {
    gap: 0.8125rem;
  }
  .widget-badges svg {
    min-height: 2.375rem;
  }
}
@media (min-width: calc(1600px + 1.25rem * 2)) {
  .banner-menu {
    grid-template-areas: ". . content . .";
    grid-template-columns: auto var(--container-gutter) 1600px var(--container-gutter) auto;
  }
}
@media (max-width: 1279px) {
  .download-app .cta {
    display: none;
  }
}
@media (max-width: 991px) {
  .home-intro .colin {
    display: none;
  }
  .download-app {
    margin-inline: auto;
    display: flex;
    flex-direction: column;
  }
  .download-app__content {
    margin-inline: auto;
    padding: var(--layout-spacing-large) var(--container-gutter) var(--layout-spacing-small);
  }
  .download-app__content .title,
  .download-app__content .wysiwyg-basic {
    max-width: 28.4375rem;
  }
  .download-app__ctas {
    max-width: 31.25rem;
    gap: 1.875rem 0.625rem;
  }
}
@media (max-width: 991px) and (max-width: 419px) {
  .download-app__ctas .widget-badges {
    flex-direction: column;
  }
}
@media (max-width: 991px) and (max-width: 580px) {
  .download-app__ctas {
    max-width: none;
    gap: 0.625rem;
  }
  .download-app__ctas .widget-badges {
    display: flex;
    width: 100%;
  }
  .download-app__ctas .widget-badges a {
    flex-grow: 1;
  }
  .download-app__ctas .widget-badges a,
  .download-app__ctas .widget-badges a svg {
    width: 100%;
  }
  .download-app__ctas .btn-outline {
    width: 100%;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .download-app__content {
    padding: 2.5rem;
  }
}
@media (max-width: 767px) {
  .home-intro .block-content-media {
    z-index: 1;
  }
  .home-intro .block-content-media .container {
    grid-template-areas: "content" "image";
  }
  .home-intro .block-content-media__video {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: calc(var(--radius-large) * -1);
  }
  .home-intro .block-content-media .video__controls {
    padding-bottom: var(--radius-large);
  }
  .home-suburbs__wrapper {
    background: var(--color-offwhite);
    margin-top: -4.6875rem;
    padding-top: 4.6875rem;
    border-top-left-radius: var(--radius-large);
    border-top-right-radius: var(--radius-large);
  }
  .home-suburbs__content {
    margin-block: 3.75rem 2.5rem;
  }
  .home-suburbs__image {
    grid-area: map;
    overflow: hidden;
    border-radius: var(--radius-large);
    border-bottom-left-radius: 0;
    position: relative;
    margin-inline: calc(var(--container-gutter) * -1);
    border-bottom: 1px solid var(--color-offwhite);
    background: white;
  }
  .home-suburbs__image::before {
    content: "";
    padding-top: 100%;
    display: block;
    width: 100%;
  }
  .home-suburbs__image svg,
  .home-suburbs__image img {
    position: absolute;
    height: 165%;
    width: auto;
    left: 0;
    top: 50%;
    transform: translateY(-60%);
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  .home-suburbs__image::before {
    padding-top: 150%;
  }
  .home-suburbs__image svg,
  .home-suburbs__image img {
    height: 140%;
    left: -20%;
  }
}
@media (max-width: 479px) {
  .banner-menu {
    --container-gutter: 0.75rem;
  }
  .our-guarantee .list-icons li {
    --gap-card: 0.3125rem 1em;
    display: grid;
    grid-template-areas: "icon title" "icon text";
    grid-template-columns: var(--icon-width) auto;
    grid-template-rows: repeat(2, auto);
    gap: var(--gap-card);
    align-items: flex-start;
  }
  .our-guarantee .list-icons li.has-no-description .title {
    grid-row: span 2;
    padding-top: calc(var(--icon-width) / 5);
  }
}