@charset "UTF-8";
/* Converts XD font-spacing to browser */
:root {
  --mobile-small: 480px;
}
:root {
  --mobile: 768px;
}
:root {
  --tablet: 998px;
}
:root {
  --laptop: 1200px;
}
:root {
  --desktop: 1920px;
}
:root {
  --uhd: 3840px;
}
:root {
  --all: px;
}
:root {
  --mobile-small-px: 480px;
  --mobile-small-rem: 480rem;
}
:root {
  --mobile-px: 768px;
  --mobile-rem: 768rem;
}
:root {
  --tablet-px: 998px;
  --tablet-rem: 998rem;
}
:root {
  --laptop-px: 1200px;
  --laptop-rem: 1200rem;
}
:root {
  --desktop-px: 1920px;
  --desktop-rem: 1920rem;
}
:root {
  --uhd-px: 3840px;
  --uhd-rem: 3840rem;
}
:root {
  --all-px: px;
  --all-rem: rem;
}
:root {
  --triangle-width: 30px;
  --triangle-height: 30px;
  --triangle-color: black;
}
.arrow-up {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-left: calc(var(--triangle-width)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid var(--triangle-color);
}
.arrow-down {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-left: calc(var(--triangle-width)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid transparent;
  border-top: calc(var(--triangle-height)/2) solid var(--triangle-color);
}
.arrow-right {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-top: calc(var(--triangle-height)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid transparent;
  border-left: calc(var(--triangle-width)/2) solid var(--triangle-color);
}
.arrow-left {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-top: calc(var(--triangle-height)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid var(--triangle-color);
}
/* Converts XD font-spacing to browser */
:root {
  --mobile-small: 480px;
}
:root {
  --mobile: 768px;
}
:root {
  --tablet: 998px;
}
:root {
  --laptop: 1200px;
}
:root {
  --desktop: 1920px;
}
:root {
  --uhd: 3840px;
}
:root {
  --all: px;
}
:root {
  --mobile-small-px: 480px;
  --mobile-small-rem: 480rem;
}
:root {
  --mobile-px: 768px;
  --mobile-rem: 768rem;
}
:root {
  --tablet-px: 998px;
  --tablet-rem: 998rem;
}
:root {
  --laptop-px: 1200px;
  --laptop-rem: 1200rem;
}
:root {
  --desktop-px: 1920px;
  --desktop-rem: 1920rem;
}
:root {
  --uhd-px: 3840px;
  --uhd-rem: 3840rem;
}
:root {
  --all-px: px;
  --all-rem: rem;
}
:root {
  --triangle-width: 30px;
  --triangle-height: 30px;
  --triangle-color: black;
}
.arrow-up {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-left: calc(var(--triangle-width)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid var(--triangle-color);
}
.arrow-down {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-left: calc(var(--triangle-width)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid transparent;
  border-top: calc(var(--triangle-height)/2) solid var(--triangle-color);
}
.arrow-right {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-top: calc(var(--triangle-height)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid transparent;
  border-left: calc(var(--triangle-width)/2) solid var(--triangle-color);
}
.arrow-left {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-top: calc(var(--triangle-height)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid var(--triangle-color);
}
.xwpcf7 label, .xwpcf7 .wpcf7-list-item-label {
  color: white;
}
.xwpcf7 .screen-reader-response {
  color: white;
}
/* Converts XD font-spacing to browser */
:root {
  --mobile-small: 480px;
}
:root {
  --mobile: 768px;
}
:root {
  --tablet: 998px;
}
:root {
  --laptop: 1200px;
}
:root {
  --desktop: 1920px;
}
:root {
  --uhd: 3840px;
}
:root {
  --all: px;
}
:root {
  --mobile-small-px: 480px;
  --mobile-small-rem: 480rem;
}
:root {
  --mobile-px: 768px;
  --mobile-rem: 768rem;
}
:root {
  --tablet-px: 998px;
  --tablet-rem: 998rem;
}
:root {
  --laptop-px: 1200px;
  --laptop-rem: 1200rem;
}
:root {
  --desktop-px: 1920px;
  --desktop-rem: 1920rem;
}
:root {
  --uhd-px: 3840px;
  --uhd-rem: 3840rem;
}
:root {
  --all-px: px;
  --all-rem: rem;
}
:root {
  --triangle-width: 30px;
  --triangle-height: 30px;
  --triangle-color: black;
}
.arrow-up {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-left: calc(var(--triangle-width)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid var(--triangle-color);
}
.arrow-down {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-left: calc(var(--triangle-width)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid transparent;
  border-top: calc(var(--triangle-height)/2) solid var(--triangle-color);
}
.arrow-right {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-top: calc(var(--triangle-height)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid transparent;
  border-left: calc(var(--triangle-width)/2) solid var(--triangle-color);
}
.arrow-left {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-top: calc(var(--triangle-height)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid var(--triangle-color);
}
.xwpcf7 label, .xwpcf7 .wpcf7-list-item-label {
  color: white;
}
.xwpcf7 .screen-reader-response {
  color: white;
}
:root {
  ----color-white: white;
  ----color-black: black;
  --color-dark-ocean: #006870;
  --color-light-ocean: #6FB9C6;
  --color-sunset-orange: #DE6428;
  --color-sunset-gold: #F3D25E;
  --color-anole-green: #528635;
  --color-heron-blue: #006870;
  --color-berry-purple: #ad3f86;
  --color-map-grass: #FFE6DA;
  --color-map-parks: #FFD9C6;
  --color-map-cityscape: #FFF2EA;
  --color-map-road-numbers: #FFFEFD;
  --color-map-roads: #FFC7AD;
  --color-map-water: #FFB897;
  --color-map-city-name: #A05B38;
  --color-map-major-roads: #DC9573;
}
:root {
  --font-headline: 'Aboreto', serif;
  --font-body: 'JohnstonITCStd', arial, cursive;
}
:root {
  --spacer-pink: clamp(66.75rem, 56.5rem + 0.0213541667 * 100vw, 97.5rem);
  --spacer-brown: clamp(67.5rem, 60rem + 0.015625 * 100vw, 90rem);
  --spacer-aqua: clamp(34.5rem, 31.25rem + 0.0067708333 * 100vw, 44.25rem);
  --spacer-blue: clamp(11.25rem, 8.75rem + 0.0052083333 * 100vw, 18.75rem);
  --spacer-black: clamp(48.75rem, 44.5rem + 0.0088541667 * 100vw, 61.5rem);
  --spacer-green: clamp(21rem, 19.75rem + 0.0026041667 * 100vw, 24.75rem);
  --spacer-purple: clamp(21.75rem, 14.75rem + 0.0145833333 * 100vw, 42.75rem);
  --spacer-red: clamp(15rem, 15rem + 0 * 100vw, 15rem);
  --spacer-yellow: clamp(11.25rem, 11.25rem + 0 * 100vw, 11.25rem);
}
html {
  --selector: html;
  --page-margin: clamp(20rem, -16.6666666667rem + 0.0763888889 * 100vw, 130rem);
  --max-content-width: ;
  --header-max-width: ;
  --footer-max-width: ;
  --header-height: 100rem;
  --scroll-margin-top: calc(var(--header-height) + var(--header-height)/2);
  font-size: 1px;
}
html :target {
  scroll-margin-top: var(--scroll-margin-top);
}
html body {
  -webkit-font-smoothing: auto;
  font-size: 10rem;
  text-underline-offset: 0.3rem;
  z-index: 100;
  --admin-bar-height: 0rem;
  --page-height: calc(100svh - var(--header-height) - var(--admin-bar-height));
  /*  Begin GSAP Scrollsmoother Fix
             *  Fix SVG Resolution on low res monitors
             *  It isn't perfect, but it tends to prevent jaggy SVGs on monitors that are not high-rez
             */
  /*  Begin SVG Resolution Fix
             *  Fix SVG Resolution on low res monitors
             *  It isn't perfect, but it tends to prevent jaggy SVGs on monitors that are not high-rez
             */
  /*  Begin iOS 100vh fix
            *  Source: https://github.com/postcss/postcss-100vh-fix
            */
  max-width: 100vw;
  height: 100vh;
}
html body *::-webkit-scrollbar {
  display: none;
}
html body .line {
  display: block;
}
@media screen and (max-width: 998px) {
  html body .line {
    display: inline;
  }
}
html body.logged-in:not(.ct-builder .ct_inner .oxygen-body) {
  --admin-bar-height: 32px;
}
@media screen and (max-width: 782px) {
  html body.logged-in:not(.ct-builder .ct_inner .oxygen-body) {
    --admin-bar-height: 46px;
  }
}
html body.no-scroll {
  overflow: hidden;
}
html body .ct-shortcode {
  width: 100%;
  height: 100%;
}
html body #smooth-content {
  width: 100%;
}
@media (max-resolution: 1.75dppx) {
  html body svg:not(.noBlur), html body .svgSmoother {
    filter: blur(0.5px);
  }
}
@supports (-webkit-touch-callout: none) {
  html body {
    /* The hack for Safari */
    height: -webkit-fill-available;
    height: 100svh;
  }
}
html body page {
  margin-top: calc(var(--header-height) + 0rem);
  max-width: 100vw;
  overflow: hidden;
}
html body section {
  --test: true;
}
html body section > .ct-section-inner-wrap {
  --mixin: oxy-section-inner;
  --selector: >.ct-section-inner-wrap;
  --max-width: unset;
  --min-height: unset;
  --height: auto;
  --width: 100%;
  --padding-horizontal: var(--page-margin);
  --overflow: visible;
  overflow: var(--overflow);
  min-height: var(--min-height);
  max-width: var(--max-width);
  width: calc(var(--width) - var(--padding-horizontal)*2);
  margin-left: var(--padding-horizontal);
  margin-right: var(--padding-horizontal);
  align-self: center;
}
html body section, html body header, html body footer {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 100vw;
}
html body section.fullHeight, html body header.fullHeight, html body footer.fullHeight {
  --mixin: support-full-height(&.fullHeight);
}
html body section.fullHeight > .ct-section-inner-wrap, html body header.fullHeight > .ct-section-inner-wrap, html body footer.fullHeight > .ct-section-inner-wrap {
  --mixin: oxy-section-inner;
  --selector: >.ct-section-inner-wrap;
  --max-width: unset;
  --min-height: unset;
  --height: auto;
  --width: 100%;
  --padding-horizontal: var(--page-margin);
  --overflow: visible;
  overflow: var(--overflow);
  min-height: var(--min-height);
  max-width: var(--max-width);
  width: calc(var(--width) - var(--padding-horizontal)*2);
  margin-left: var(--padding-horizontal);
  margin-right: var(--padding-horizontal);
  align-self: center;
  min-height: var(--page-height);
}
html body section h1, html body section h2, html body section h3, html body section h4, html body section h5, html body section h6, html body header h1, html body header h2, html body header h3, html body header h4, html body header h5, html body header h6, html body footer h1, html body footer h2, html body footer h3, html body footer h4, html body footer h5, html body footer h6 {
  font-family: inherit;
  font-weight: inherit;
  break-after: avoid;
}
html body section p, html body header p, html body footer p {
  margin-block-start: 0;
  margin-block-end: 0;
}
html body section p + p, html body header p + p, html body footer p + p {
  margin-block-start: 1em;
}
html body section article h1, html body section article h2, html body section article h3, html body section article h4, html body section article h5, html body section article h6, html body section article strong, html body section article b, html body header article h1, html body header article h2, html body header article h3, html body header article h4, html body header article h5, html body header article h6, html body header article strong, html body header article b, html body footer article h1, html body footer article h2, html body footer article h3, html body footer article h4, html body footer article h5, html body footer article h6, html body footer article strong, html body footer article b {
  break-after: avoid;
}
html body section article p, html body section article ul, html body section article li, html body section article #PostActions, html body header article p, html body header article ul, html body header article li, html body header article #PostActions, html body footer article p, html body footer article ul, html body footer article li, html body footer article #PostActions {
  break-inside: avoid;
}
html header {
  --mixin: oxy-section-header;
  --selector: header;
  --inner-max-width: unset;
  --z-index: 1000;
  --inner-height: var(--header-height);
  --inner-min-height: var(--header-height);
  --background-color: var(--color-dark-ocean);
  --max-width: unset;
  --width: 100%;
  position: fixed;
  top: var(--admin-bar-height);
}
html header.ct-section {
  --mixin: oxy-section-header;
  --selector: &;
  --post-selector: ;
  --full-width: false;
  --full-height: false;
  --position: fixed;
  --z-index: 1000;
  --overflow: visible;
  --inner-height: var(--header-height);
  --inner-min-height: var(--header-height);
  --inner-width: 100%;
  --inner-max-width: unset;
  --content-in-inner: true;
  --background-color: var(--color-dark-ocean);
  --max-width: unset;
  --width: 100%;
  position: var(--position);
  overflow: var(--overflow);
  z-index: var(--z-index);
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: auto;
  align-self: center;
  background-color: var(--background-color);
  padding: 0;
  max-width: 100vw;
}
html header.ct-section > .ct-section-inner-wrap {
  --mixin: oxy-section-inner;
  --selector: >.ct-section-inner-wrap;
  --max-width: var(--inner-max-width);
  --min-height: var(--header-height);
  --height: var(--header-height);
  --width: var(--inner-width);
  --padding-horizontal: var(--page-margin);
  --overflow: var(--inner-overflow);
  overflow: var(--overflow);
  min-height: var(--min-height);
  max-width: var(--max-width);
  width: calc(var(--width) - var(--padding-horizontal)*2);
  margin-left: var(--padding-horizontal);
  margin-right: var(--padding-horizontal);
  align-self: center;
}
html header.ct-section > .ct-section-inner-wrap .curve {
  position: absolute;
  top: 10%;
  width: 100vw;
  left: 0;
  z-index: -1;
  fill: var(--color-dark-ocean);
}
@media screen and (max-width: 998px) {
  html header.ct-section > .ct-section-inner-wrap .curve .deep {
    display: none;
  }
}
html header.ct-section > .ct-section-inner-wrap .identity {
  z-index: 3;
  position: absolute;
  top: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}
html header.ct-section > .ct-section-inner-wrap .identity .logo {
  width: 250px;
}
@media screen and (max-width: 998px) {
  html header.ct-section > .ct-section-inner-wrap .identity .logo {
    width: 160px;
    --test: "test";
  }
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns {
  --mixin: oxy-columns;
  --selector: ;
  --max-width: unset;
  --height: var(--header-height);
  --padding-horizontal: var(--page-margin);
  --gap: 30px;
  height: var(--height);
  flex-wrap: nowrap;
  height: var(--height);
  gap: var(--gap);
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation {
  flex-basis: 100%;
  align-items: center;
  justify-content: center;
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container {
  --mixin: navigation-menu-container-navbar;
  --selector: .menu-container;
  --breakpoint: 998px;
  --nav-menu-background: transparent;
  --nav-menu-item-color: black;
  --nav-menu-item-color-hover: grey;
  --nav-menu-item-text-decoration: unset;
  --width: 100%;
  --height: var(--header-height);
  --gap: 30rem;
  width: 100%;
  height: var(--header-height);
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot {
  --test: "hello";
  display: flex;
  height: 100%;
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-toggle {
  display: none;
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-control {
  display: none;
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links {
  width: 100%;
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0;
  justify-content: space-between;
  background-color: var(--nav-menu-background);
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu .menu-item {
  position: relative;
  white-space: nowrap;
  display: flex;
  height: 100%;
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu .menu-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu .menu-item.divider {
  flex-basis: 100%;
  visibility: hidden;
  pointer-events: none;
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu .menu-item.menu-item-has-children svg {
  filter: none;
  fill: white;
  opacity: 1;
  transform: translateY(-0.15em);
  margin-left: 0.25em;
  height: 0.65em;
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu .menu-item.menu-item-has-children svg path {
  opacity: 1;
}
@media screen and (max-width: 998px) {
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu .menu-item.menu-item-has-children svg {
    display: none;
  }
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu .menu-item.icon a {
  margin-bottom: 0;
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item {
  align-items: center;
  padding: var(--nav-menu-item-padding);
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item:first-of-type {
  padding-left: 0;
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item:last-of-type {
  padding-right: 0;
}
@media (hover: hover) {
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item:hover, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item:focus-within {
    background-color: var(--nav-menu-item-background-hover);
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item:hover > a, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item:focus-within > a {
    color: var(--nav-menu-item-color-hover);
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item:hover > a svg, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item:focus-within > a svg {
    fill: var(--nav-menu-item-color-hover);
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item:hover > .sub-menu, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item:focus-within > .sub-menu {
    visibility: visible;
    opacity: 1;
    --translateY: 0%;
  }
}
@media screen and (hover: hover) and (max-width: 998px) {
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item:hover > .sub-menu, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item:focus-within > .sub-menu {
    display: none;
    background-color: var(--nav-menu-item-background);
  }
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item > a {
  color: var(--nav-menu-item-color);
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item > a svg {
  fill: var(--nav-menu-item-color-hover);
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item > .sub-menu {
  transition-duration: 0.5s;
  background-color: var(--nav-sub-menu-background);
  filter: var(--nav-sub-menu-shadow);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: -10%;
  --translateX: 0%;
  --translateY: -100%;
  transform: translate(var(--translateX), var(--translateY));
  z-index: -1;
  padding: 2rem;
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item > .sub-menu .menu-item {
  padding: var(--nav-sub-menu-item-padding);
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item > .sub-menu .menu-item a {
  white-space: normal;
  justify-content: flex-start;
  color: var(--nav-sub-menu-item-color);
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item > .sub-menu .menu-item a svg {
  fill: var(--nav-sub-menu-item-color);
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item > .sub-menu .menu-item:hover, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item > .sub-menu .menu-item:focus-within {
  background-color: var(--nav-menu-item-background-hover);
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item > .sub-menu .menu-item:hover > a, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item > .sub-menu .menu-item:focus-within > a {
  color: var(--nav-sub-menu-item-color-hover);
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item > .sub-menu .menu-item:hover > a svg, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item > .sub-menu .menu-item:focus-within > a svg {
  fill: var(--nav-sub-menu-item-color-hover);
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item > .sub-menu .menu-item + .menu-item {
  margin-top: 0.25em;
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .spacer {
  flex-basis: 100%;
  opacity: 0;
  pointer-events: none;
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-item {
  --selector: .menu-item;
  --font-family: var(--font-body);
  --font-weight: 200;
  --font-size: 21rem;
  --font-color: unset;
  --text-decoration-default: unset;
  --text-decoration-active: none;
  --line-height: clamp(69.75rem, 69rem + 0.0015625 * 100vw, 72rem);
  --text-align: center;
  --letter-spacing: xd-letter-spacing(10);
  --text-transform: uppercase;
  --text-decoration-thickness: unset;
  --padding: unset;
  --nav_menu-background-color: transparent;
  --nav-menu-item-color: white;
  --nav-menu-item-color-hover: var(--color-sunset-gold);
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-item a {
  padding: var(--padding);
  display: flex;
  width: 100%;
  text-align: var(--text-align);
  color: var(--font-color);
  font: var(--font-weight) var(--font-size)/var(--line-height) var(--font-family);
  text-decoration: var(--text-decoration-default);
  text-transform: var(--text-transform);
  letter-spacing: var(--letter-spacing);
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-item a:hover {
  text-decoration: var(--text-decoration-active);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-links > .menu {
  display: flex;
  gap: var(--gap);
}
@media screen and (max-width: 998px) {
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container {
    --mixin: navigation-menu-container-dropdown;
    --selector: .menu-container;
    --breakpoint: 998px;
    --capture-scroll-below: 998px;
    --background-color: var(--color-dark-ocean);
    --control-color: white;
    --control-thickness: 2px;
    --control-width: 30rem;
    --control-spread: 10rem;
    --control-menu-transition: 0.5s ease-in-out;
    --control-menu-transform: translateY(calc(-100% - var(--header-height) - var(--page-bumper-width)));
    --bun-top-transform: rotate(90deg);
    --meat-transform: rotate(45deg);
    --bun-bottom-transform: rotate(90deg);
    --menu-trey-z-index: -5;
    --padding: unset;
    --text-underline-offset: 3px;
    --text-decoration-thickness: 1px;
    --max-width: 998px;
    --divider-color: black;
    --divider-height: 1px;
    --divider-margin: 20px;
    --nav-menu-background: var(--color-dark-ocean);
    --nav-menu-margin: var(--spacer-black) auto calc(var(--spacer-black));
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    height: var(--header-height);
    display: flex;
    align-self: flex-end;
    background-color: var(--background-color);
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-toggle {
    display: none;
    width: var(--header-height);
    height: var(--header-height);
    position: absolute;
    right: 0;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-toggle:checked ~ .menu-control .hamburger {
    -webkit-transform: var(--meat-transform);
    transform: var(--meat-transform);
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-toggle:checked ~ .menu-control .hamburger::before {
    -webkit-transform: var(--bun-top-transform);
    transform: var(--bun-top-transform);
    top: 0;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-toggle:checked ~ .menu-control .hamburger::after {
    -webkit-transform: var(--bun-bottom-transform);
    transform: var(--bun-bottom-transform);
    bottom: 0;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-toggle:checked ~ .menu-links {
    transform: translateY(0);
    overflow: scroll;
    z-index: var(--menu-trey-z-index);
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-control {
    position: absolute;
    width: var(--header-height);
    height: var(--header-height);
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    z-index: 5;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-control .hamburger {
    position: absolute;
    width: var(--control-width);
    height: var(--control-thickness);
    background-color: var(--control-color);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-control .hamburger::before, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-control .hamburger::after {
    position: absolute;
    width: var(--control-width);
    height: var(--control-thickness);
    background-color: var(--control-color);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    content: " ";
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-control .hamburger::before {
    top: calc(0rem - var(--control-spread));
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-control .hamburger::after {
    bottom: -10px;
    bottom: calc(0rem - var(--control-spread));
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links {
    z-index: var(--menu-trey-z-index);
    -webkit-transition: var(--control-menu-transition);
    transition: var(--control-menu-transition);
    transform: translateY(calc(-100% - var(--header-height) - var(--page-margin)));
    right: calc(0px - var(--page-bumper-width));
    position: absolute;
    min-height: fit-content;
    height: 100dvh;
    height: fit-content;
    max-width: var(--max-width);
    top: var(--header-height);
    overflow: hidden;
    background-color: var(--nav-menu-background);
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links::before {
    display: block;
    width: 100%;
    height: var(--header-height);
    pointer-events: none;
    background-color: var(--nav-menu-background);
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list {
    padding: var(--padding);
    pointer-events: all;
    overflow: scroll;
    display: flex;
    width: 100%;
    margin: var(--nav-menu-margin);
    padding-inline-start: 0;
    padding-inline-end: 0;
    background-color: var(--nav-menu-background);
    min-height: -webkit-fill-available;
    height: unset;
    min-height: unset;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu .divider, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list .divider {
    display: none;
    width: unset;
    margin: var(--divider-margin);
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item {
    display: block;
    height: unset;
    justify-content: center;
    width: 100%;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item:hover, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item:focus-within, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item:hover, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item:focus-within {
    background: none;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item.divider, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.divider {
    overflow: hidden;
    background-color: var(--divider-color);
    max-height: var(--divider-height);
    height: var(--divider-height);
    color: transparent;
    pointer-events: none;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item .sub-menu, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item .sub-menu {
    box-shadow: unset;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item a, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item a {
    cursor: pointer;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons a, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons a {
    display: none;
    width: unset;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons > svg, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons > svg {
    display: none;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons > .sub-menu, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons > .sub-menu {
    display: flex;
    list-style-type: none;
    padding-inline-start: 0;
    padding-inline-end: 0;
    width: 100%;
    gap: var(--icon-gap);
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons > .sub-menu > .menu-item, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons > .sub-menu > .menu-item {
    display: flex;
    list-style-type: none;
    padding-inline-start: 0;
    padding-inline-end: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons > .sub-menu > .menu-item a, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons > .sub-menu > .menu-item a {
    display: block;
    padding: unset;
    line-height: 0;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icons > .sub-menu > .menu-item a svg, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icons > .sub-menu > .menu-item a svg {
    fill: var(--text-color);
    width: 45px;
    height: 45px;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icon, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icon {
    width: fit-content;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icon.phone, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icon.phone {
    padding-right: 10px;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .menu > .menu-item.icon.email, html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-hotspot .menu-links > .header-menu-list > .menu-item.icon.email {
    padding-left: 10px;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-control {
    right: unset;
    left: 0;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-item {
    --selector: .menu-item;
    --font-family: var(--font-body);
    --font-weight: 200;
    --font-size: 38rem;
    --font-color: unset;
    --text-decoration-default: none;
    --text-decoration-active: underline;
    --line-height: 1.3em;
    --text-align: left;
    --letter-spacing: xd-letter-spacing(10);
    --text-transform: uppercase;
    --text-decoration-thickness: unset;
    --padding: unset;
    --nav-menu-item-color: white;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-item a {
    padding: var(--padding);
    display: flex;
    width: 100%;
    text-align: var(--text-align);
    color: var(--font-color);
    font: var(--font-weight) var(--font-size)/var(--line-height) var(--font-family);
    text-decoration: var(--text-decoration-default);
    text-transform: var(--text-transform);
    letter-spacing: var(--letter-spacing);
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-item a:hover {
    text-decoration: var(--text-decoration-active);
    text-underline-offset: var(--text-underline-offset);
    text-decoration-thickness: var(--text-decoration-thickness);
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-item.spacer {
    display: none !important;
  }
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .navigation .menu-container .menu-item a {
    padding: 0 var(--page-margin);
    justify-content: flex-start !important;
  }
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .icons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: var(--gap);
  margin-top: -10px;
}
@media screen and (max-width: 998px) {
  html header.ct-section > .ct-section-inner-wrap .ct-new-columns .icons {
    margin-top: unset;
    justify-content: flex-end;
    z-index: 2;
  }
}
html header.ct-section > .ct-section-inner-wrap .ct-new-columns .icons .icon {
  --size: 25.5px;
  height: var(--size);
  fill: white;
  stroke: white;
}
html .dingbat path {
  fill: var(--color-dark-ocean) !important;
}
html #Hero.ct-section {
  --mixin: oxy-section;
  --selector: #Hero;
  --post-selector: ;
  --full-width: true;
  --full-height: true;
  --position: relative;
  --z-index: 1;
  --overflow: hidden;
  --inner-height: 100%;
  --inner-min-height: 100%;
  --inner-width: 100%;
  --inner-max-width: unset;
  --content-in-inner: true;
  position: var(--position);
  overflow: var(--overflow);
  z-index: var(--z-index);
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: auto;
  align-self: center;
  background-color: var(--background-color);
  padding: 0;
  max-width: 100vw;
}
html #Hero.ct-section > .ct-section-inner-wrap {
  --mixin: oxy-section-inner;
  --selector: >.ct-section-inner-wrap;
  --max-width: unset;
  --min-height: var(--page-height);
  --height: 100%;
  --width: var(--inner-width);
  --padding-horizontal: unset;
  --overflow: var(--inner-overflow);
  overflow: var(--overflow);
  min-height: var(--min-height);
  max-width: var(--max-width);
  width: var(--width);
  margin-left: var(--padding-horizontal);
  margin-right: var(--padding-horizontal);
  align-self: center;
}
html #Hero.ct-section > .ct-section-inner-wrap .targets {
  --mixin: switcher;
  --collector: .targets;
  --collectable: .target;
  --position: absolute;
  --transition-duration: 2s;
  display: grid;
  grid-template-columns: 1fr;
  height: 100%;
  position: var(--position);
  --mixin: switcher;
  --collector: .targets;
  --collectable: .target;
  --position: absolute;
  --transition-duration: 2s;
  animation-play-state: paused;
}
html #Hero.ct-section > .ct-section-inner-wrap .targets .target {
  transition-duration: var(--transition-duration);
  transition-timing-function: ease-in-out;
  width: 100%;
  max-width: 100%;
  height: 100%;
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 1;
  grid-column-end: 1;
  opacity: 0;
  pointer-events: none;
  background-position: center;
}
html #Hero.ct-section > .ct-section-inner-wrap .targets.switched .hidden {
  opacity: 0;
  pointer-events: none;
}
html #Hero.ct-section > .ct-section-inner-wrap .targets.switched .visible, html #Hero.ct-section > .ct-section-inner-wrap .targets.switched .selected, html #Hero.ct-section > .ct-section-inner-wrap .targets.switched .active {
  opacity: 1;
  pointer-events: all;
}
html #Hero.ct-section > .ct-section-inner-wrap .targets:not(.switched) .target:first-child {
  opacity: 1;
}
html #Hero.ct-section > .ct-section-inner-wrap .targets .target {
  --pan-duration: 12s;
  --pan-scale: 1.05;
  /* Scale factor for the zoom effect */
}
html #Hero.ct-section > .ct-section-inner-wrap .targets .target.active {
  animation-play-state: running;
}
@media screen and (max-width: 1200px) {
  html #Hero.ct-section > .ct-section-inner-wrap .targets .target {
    --pan-duration: 40s;
    --pan-scale: 1.20;
    /* Scale factor for the zoom effect */
  }
}
html #Hero.ct-section > .ct-section-inner-wrap .targets .target:nth-child(3n+1) {
  --pan-x-start: 100%;
  /* Starting X position (left) */
  --pan-x-end: 0%;
  /* Ending X position */
  --pan-y-start: 0%;
  /* Starting Y position (bottom) */
  --pan-y-end: 100%;
  /* Ending Y position */
}
@media screen and (max-width: 998px) {
  html #Hero.ct-section > .ct-section-inner-wrap .targets .target:nth-child(3n+1) {
    --pan-x-end: 20%;
    --pan-x-start: 50%;
  }
}
html #Hero.ct-section > .ct-section-inner-wrap .targets .target:nth-child(3n+2) {
  --pan-x-start: 100%;
  /* Starting X position (left) */
  --pan-x-end: 0%;
  /* Ending X position */
  --pan-y-start: 0%;
  /* Starting Y position (bottom) */
  --pan-y-end: 100%;
  /* Ending Y position */
}
@media screen and (max-width: 998px) {
  html #Hero.ct-section > .ct-section-inner-wrap .targets .target:nth-child(3n+2) {
    --pan-x-end: 40%;
  }
}
html #Hero.ct-section > .ct-section-inner-wrap .targets .target:nth-child(3n+3) {
  --pan-x-start: 0%;
  /* Starting X position (left) */
  --pan-x-end: 100%;
  /* Ending X position */
  --pan-y-start: 0%;
  /* Starting Y position (bottom) */
  --pan-y-end: 100%;
  /* Ending Y position */
}
@media screen and (max-width: 998px) {
  html #Hero.ct-section > .ct-section-inner-wrap .targets .target:nth-child(3n+3) {
    --pan-x-start: 40%;
  }
}
html #Hero.ct-section > .ct-section-inner-wrap .targets .target .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: var(--pan-x-start) var(--pan-y-start);
  animation-name: panZoom;
  animation-duration: var(--pan-duration);
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
@keyframes panZoom {
  0% {
    background-position: var(--pan-x-start) var(--pan-y-start);
    background-size: cover;
    transform: scale(1);
  }
  100% {
    background-position: var(--pan-x-end) var(--pan-y-end);
    background-size: cover;
    transform: scale(var(--pan-scale));
  }
}
html #Hero.ct-section > .ct-section-inner-wrap .targets .target .content {
  background-size: cover;
  position: relative;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: var(--page-margin);
}
html #Hero.ct-section > .ct-section-inner-wrap .targets .target .content.dark {
  --font-color: var(--color-dark-ocean);
}
html #Hero.ct-section > .ct-section-inner-wrap .targets .target .content.light {
  --font-color: white;
}
html #Hero.ct-section > .ct-section-inner-wrap .targets .target .content .logo {
  --max-width: 450px;
  margin-top: var(--spacer-black);
  max-width: var(--max-width);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 998px) {
  html #Hero.ct-section > .ct-section-inner-wrap .targets .target .content .logo {
    max-width: calc(var(--max-width) *.65);
  }
}
html #Hero.ct-section > .ct-section-inner-wrap .targets .target .content .headline {
  --mixin: typography-text;
  --selector: .headline;
  --font-family: var(--font-headline);
  --font-weight: 400;
  --font-size: clamp(47rem, 41.3333333333rem + 0.0118055556 * 100vw, 64rem);
  --font-style: unset;
  --font-color: unset;
  --line-height: 1.3em;
  --letter-spacing: unset;
  --text-transform: uppercase;
  --text-decoration: unset;
  --text-align: left;
  --text-decoration-thickness: unset;
  --text-underline-offset: 2px;
  --font-color-hover: unset;
  --text-decoration-hover: unset;
  --text-decoration-skip-ink: none;
  --font-color-active: unset;
  --text-decoration-active: unset;
  --width: 100%;
  display: block;
  width: var(--width);
  text-align: var(--text-align);
  color: var(--font-color);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  font-style: var(--font-style);
  line-height: var(--line-height);
  font-family: var(--font-family);
  text-decoration: var(--text-decoration);
  text-transform: var(--text-transform);
  letter-spacing: var(--letter-spacing);
  text-decoration-skip-ink: var(--text-decoration-skip-ink) !important;
  position: relative;
  z-index: 2;
}
html #Hero.ct-section > .ct-section-inner-wrap .targets .target .content .headline:hover, html #Hero.ct-section > .ct-section-inner-wrap .targets .target .content .headline a:hover {
  text-decoration: var(--text-decoration-hover);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
html #Hero.ct-section > .ct-section-inner-wrap .targets .target .content .headline:active {
  text-decoration: var(--text-decoration-active);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
html #Hero.ct-section > .ct-section-inner-wrap .targets .target .content .headline:empty ~ .logo {
  display: none;
}
html #Hero.ct-section > .ct-section-inner-wrap .targets .target .content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background: var(--background-filter);
}
html #Footer.ct-section {
  --mixin: oxy-section;
  --selector: #Footer;
  --post-selector: ;
  --full-width: false;
  --full-height: false;
  --position: relative;
  --z-index: 1;
  --overflow: visible;
  --inner-height: 100%;
  --inner-min-height: 100%;
  --inner-width: 100%;
  --inner-max-width: unset;
  --content-in-inner: true;
  position: var(--position);
  overflow: var(--overflow);
  z-index: var(--z-index);
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: auto;
  align-self: center;
  background-color: var(--background-color);
  padding: 0;
  max-width: 100vw;
}
html #Footer.ct-section > .ct-section-inner-wrap {
  --mixin: oxy-section-inner;
  --selector: >.ct-section-inner-wrap;
  --max-width: var(--inner-max-width);
  --min-height: 100%;
  --height: 100%;
  --width: var(--inner-width);
  --padding-horizontal: var(--page-margin);
  --overflow: var(--inner-overflow);
  overflow: var(--overflow);
  min-height: var(--min-height);
  max-width: var(--max-width);
  width: calc(var(--width) - var(--padding-horizontal)*2);
  margin-left: var(--padding-horizontal);
  margin-right: var(--padding-horizontal);
  align-self: center;
  margin-bottom: var(--spacer-brown);
}
html #Footer.ct-section > .ct-section-inner-wrap .content {
  flex-direction: row;
  justify-content: stretch;
  align-items: flex-end;
  width: 100%;
}
@media screen and (max-width: 998px) {
  html #Footer.ct-section > .ct-section-inner-wrap .content {
    flex-direction: column;
    align-items: center;
  }
}
html #Footer.ct-section > .ct-section-inner-wrap .content .action + .action {
  margin-top: var(--spacer-blue);
}
html #Footer.ct-section > .ct-section-inner-wrap .content .identity {
  display: flex;
  flex-basis: 50%;
  align-items: flex-start;
}
html #Footer.ct-section > .ct-section-inner-wrap .content .identity .action a {
  --text-align: left;
}
@media screen and (max-width: 998px) {
  html #Footer.ct-section > .ct-section-inner-wrap .content .identity {
    order: 2;
  }
}
html #Footer.ct-section > .ct-section-inner-wrap .content .logo {
  flex-basis: 25%;
  align-items: center;
}
@media screen and (max-width: 998px) {
  html #Footer.ct-section > .ct-section-inner-wrap .content .logo {
    order: 0;
    margin-bottom: var(--spacer-aqua);
  }
}
html #Footer.ct-section > .ct-section-inner-wrap .content .logo .image {
  width: 300px;
  margin-bottom: -10px;
}
html #Footer.ct-section > .ct-section-inner-wrap .content .links {
  flex-basis: 50%;
  align-items: flex-end;
}
html #Footer.ct-section > .ct-section-inner-wrap .content .links .directions {
  display: none;
}
html #Footer.ct-section > .ct-section-inner-wrap .content .links .legal-links {
  display: inline;
  margin-top: var(--spacer-blue);
}
html #Footer.ct-section > .ct-section-inner-wrap .content .links .legal-links a {
  display: inline;
  text-align: right;
}
html #Footer.ct-section > .ct-section-inner-wrap .content .links .action a {
  --text-align: right;
}
@media screen and (max-width: 998px) {
  html #Footer.ct-section > .ct-section-inner-wrap .content .links {
    order: 3;
  }
  html #Footer.ct-section > .ct-section-inner-wrap .content .links .action {
    margin-top: var(--spacer-aqua);
  }
  html #Footer.ct-section > .ct-section-inner-wrap .content .links .action a {
    text-align: center;
  }
}
html #Footer.ct-section > .ct-section-inner-wrap .content .action {
  --mixin: typography-standard-footer;
  --selector: .action;
  --font-family: var(--font-body);
  --font-weight: 400;
  --font-size: 16.5rem;
  --font-color: var(--color-sunset-orange);
  --text-decoration-default: unset;
  --text-decoration-active: underline;
  --line-height: 1.2em;
  --letter-spacing: unset;
  --text-transform: unset;
  --text-decoration-thickness: unset;
  --text-align: center;
  --padding: unset;
  --text-decoration-skip-ink: none;
  --font-color-hover: var(--color-dark-ocean);
  --mixin: typography-standard-footer;
  --font-family: var(--font-body);
  --font-size: 16.5rem;
  --font-weight: 400;
  --font-color: var(--color-sunset-orange);
  --line-height: 1.2em;
  --text-align: center;
  --font-color-hover: var(--color-dark-ocean);
}
html #Footer.ct-section > .ct-section-inner-wrap .content .action, html #Footer.ct-section > .ct-section-inner-wrap .content .action a {
  padding: var(--padding);
  display: block;
  width: 100%;
  text-align: var(--text-align);
  color: var(--font-color);
  font: var(--font-weight) var(--font-size)/var(--line-height) var(--font-family);
  text-decoration: var(--text-decoration-default);
  text-transform: var(--text-transform);
  letter-spacing: var(--letter-spacing);
  text-decoration-skip-ink: var(--text-decoration-skip-ink) !important;
}
html #Footer.ct-section > .ct-section-inner-wrap .content .action:hover, html #Footer.ct-section > .ct-section-inner-wrap .content .action a:hover {
  text-decoration-skip-ink: var(--text-decoration-skip-ink) !important;
  text-decoration: var(--text-decoration-active);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
html #Footer.ct-section > .ct-section-inner-wrap .legal {
  margin-top: var(--spacer-brown);
  border-top: 1px solid var(--color-dark-ocean);
  padding-top: var(--spacer-blue);
  width: 100%;
  gap: var(--spacer-blue);
}
html #Footer.ct-section > .ct-section-inner-wrap .legal .legalese {
  --mixin: typography-standard-legal;
  --selector: .legalese;
  --font-family: var(--font-body);
  --font-weight: 400;
  --font-size: 16.5rem;
  --font-style: unset;
  --font-color: var(--color-sunset-orange);
  --line-height: 1.2em;
  --letter-spacing: unset;
  --text-transform: unset;
  --text-decoration: unset;
  --text-align: center;
  --text-decoration-thickness: unset;
  --text-underline-offset: 2px;
  --font-color-hover: unset;
  --text-decoration-hover: unset;
  --text-decoration-skip-ink: none;
  --font-color-active: unset;
  --text-decoration-active: unset;
  --width: 100%;
  display: block;
  width: var(--width);
  text-align: var(--text-align);
  color: var(--font-color);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  font-style: var(--font-style);
  line-height: var(--line-height);
  font-family: var(--font-family);
  text-decoration: var(--text-decoration);
  text-transform: var(--text-transform);
  letter-spacing: var(--letter-spacing);
  text-decoration-skip-ink: var(--text-decoration-skip-ink) !important;
  --mixin: typography-standard-legal;
  --selector: .legalese;
  --font-family: var(--font-body);
  --font-size: 16.5rem;
  --font-weight: 400;
  --font-color: var(--color-sunset-orange);
  --line-height: 1.2em;
  --text-align: center;
}
html #Footer.ct-section > .ct-section-inner-wrap .legal .legalese:hover, html #Footer.ct-section > .ct-section-inner-wrap .legal .legalese a:hover {
  text-decoration: var(--text-decoration-hover);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
html #Footer.ct-section > .ct-section-inner-wrap .legal .legalese:active {
  text-decoration: var(--text-decoration-active);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
page#Standard section.ct-section {
  --mixin: oxy-section;
  --selector: section;
  --post-selector: ;
  --full-width: false;
  --full-height: false;
  --position: relative;
  --z-index: 1;
  --overflow: visible;
  --inner-height: 100%;
  --inner-min-height: 100%;
  --inner-width: 100%;
  --inner-max-width: unset;
  --content-in-inner: true;
  --max-content-width: 1000px;
  position: var(--position);
  overflow: var(--overflow);
  z-index: var(--z-index);
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: auto;
  align-self: center;
  background-color: var(--background-color);
  padding: 0;
  max-width: 100vw;
}
page#Standard section.ct-section > .ct-section-inner-wrap {
  --mixin: oxy-section-inner;
  --selector: >.ct-section-inner-wrap;
  --max-width: var(--inner-max-width);
  --min-height: 100%;
  --height: 100%;
  --width: var(--inner-width);
  --padding-horizontal: var(--page-margin);
  --overflow: var(--inner-overflow);
  overflow: var(--overflow);
  min-height: var(--min-height);
  max-width: var(--max-width);
  width: calc(var(--width) - var(--padding-horizontal)*2);
  margin-left: var(--padding-horizontal);
  margin-right: var(--padding-horizontal);
  align-self: center;
}
page#Standard section.ct-section > .ct-section-inner-wrap .title {
  --mixin: typography-standard-title;
  --selector: .title;
  --font-family: var(--font-headline);
  --font-weight: 400;
  --font-size: clamp(42rem, 42rem + 0 * 100vw, 42rem);
  --font-style: unset;
  --font-color: var(--color-dark-ocean);
  --line-height: 1.2em;
  --letter-spacing: unset;
  --text-transform: uppercase;
  --text-decoration: unset;
  --text-align: left;
  --text-decoration-thickness: unset;
  --text-underline-offset: 2px;
  --font-color-hover: unset;
  --text-decoration-hover: unset;
  --text-decoration-skip-ink: none;
  --font-color-active: unset;
  --text-decoration-active: unset;
  --width: 100%;
  display: block;
  width: var(--width);
  text-align: var(--text-align);
  color: var(--font-color);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  font-style: var(--font-style);
  line-height: var(--line-height);
  font-family: var(--font-family);
  text-decoration: var(--text-decoration);
  text-transform: var(--text-transform);
  letter-spacing: var(--letter-spacing);
  text-decoration-skip-ink: var(--text-decoration-skip-ink) !important;
  text-align: center;
  margin-top: var(--spacer-brown);
  border-bottom: 1px solid var(--color-dark-ocean);
}
page#Standard section.ct-section > .ct-section-inner-wrap .title:hover, page#Standard section.ct-section > .ct-section-inner-wrap .title a:hover {
  text-decoration: var(--text-decoration-hover);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
page#Standard section.ct-section > .ct-section-inner-wrap .title:active {
  text-decoration: var(--text-decoration-active);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
page#Standard section.ct-section > .ct-section-inner-wrap .body {
  --mixin: typography-legal-body;
  --selector: .body;
  --font-family: var(--font-body);
  --font-weight: 400;
  --font-size: 20rem;
  --font-style: unset;
  --font-color: var(--color-dark-ocean);
  --line-height: 28.5rem;
  --letter-spacing: unset;
  --text-transform: none;
  --text-decoration: unset;
  --text-align: left;
  --text-decoration-thickness: unset;
  --text-underline-offset: 2px;
  --font-color-hover: unset;
  --text-decoration-hover: unset;
  --text-decoration-skip-ink: none;
  --font-color-active: unset;
  --text-decoration-active: unset;
  --width: 100%;
  display: block;
  width: var(--width);
  text-align: var(--text-align);
  color: var(--font-color);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  font-style: var(--font-style);
  line-height: var(--line-height);
  font-family: var(--font-family);
  text-decoration: var(--text-decoration);
  text-transform: var(--text-transform);
  letter-spacing: var(--letter-spacing);
  text-decoration-skip-ink: var(--text-decoration-skip-ink) !important;
}
page#Standard section.ct-section > .ct-section-inner-wrap .body:hover, page#Standard section.ct-section > .ct-section-inner-wrap .body a:hover {
  text-decoration: var(--text-decoration-hover);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
page#Standard section.ct-section > .ct-section-inner-wrap .body:active {
  text-decoration: var(--text-decoration-active);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
page#Standard section.ct-section > .ct-section-inner-wrap .body h1, page#Standard section.ct-section > .ct-section-inner-wrap .body h2, page#Standard section.ct-section > .ct-section-inner-wrap .body h3, page#Standard section.ct-section > .ct-section-inner-wrap .body h4, page#Standard section.ct-section > .ct-section-inner-wrap .body h5, page#Standard section.ct-section > .ct-section-inner-wrap .body h6 {
  margin: 1em 0;
  font-size: 25rem;
  font-weight: 600;
}
page#Standard section.ct-section > .ct-section-inner-wrap .body {
  margin-top: calc(var(--spacer-brown)/2);
  margin-bottom: var(--spacer-brown);
}
#Contact-Popup {
  --mixin: contact-popup;
  --selector: #Contact-Popup;
  --position: fixed;
  --controls-padding: 20px;
  --controls-radius: 10px 0 0 10px;
  --controls-background-color: var(--color-dark-ocean);
  --content-padding: var(--spacer-brown);
  --content-radius: 0;
  --content-background-color: var(--color-dark-ocean);
  --content-width: 100%;
  --max-width: 800px;
  --top: 200px;
  --right: 0;
  --transition-duration: 0s;
  --z-index: 5;
  --icon-size: 30rem;
  --modal-backdrop-color: #002326;
  --modal-backdrop-opacity: 0.75;
  transform: none !important;
  /* Ensure it’s not affected by GSAP transforms */
  will-change: transform;
  /* Helps Safari handle this better */
  z-index: 50;
  position: fixed;
  right: 0;
  width: 70px;
}
#Contact-Popup .container {
  position: var(--position);
  top: var(--top);
  right: var(--right);
  transition-property: opacity;
  transition-duration: var(--transition-duration);
  z-index: var(--z-index);
  width: fit-content;
  max-width: min(100vw, var(--max-width));
  height: fit-content;
}
#Contact-Popup .container * {
  transition-duration: inherit;
}
@media screen and (max-width: 768px) {
  #Contact-Popup .container {
    width: 100vw;
    max-width: 100vw;
    min-height: var(--page-height);
  }
}
#Contact-Popup .container .controls {
  z-index: 10;
  position: absolute;
  top: 0;
  padding: var(--controls-padding);
  background-color: var(--controls-background-color);
  border-radius: var(--controls-radius);
  align-self: flex-end;
  width: calc(var(--icon-size) + var(--controls-padding)*2);
  height: calc(var(--icon-size) + var(--controls-padding)*2);
}
#Contact-Popup .container .controls .open, #Contact-Popup .container .controls .close {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--icon-size);
  height: var(--icon-size);
}
#Contact-Popup .container .controls .open svg, #Contact-Popup .container .controls .close svg {
  fill: white;
}
#Contact-Popup .container .content {
  transition-duration: 0;
  background-color: var(--content-background-color);
  position: absolute;
  right: 0;
  padding: var(--content-padding);
}
#Contact-Popup .container .content .form {
  transition-duration: 0.5s;
  max-width: 90vw;
  width: var(--content-width);
  height: auto;
}
#Contact-Popup .container .content .form input:-webkit-autofill:hover, #Contact-Popup .container .content .form input:-webkit-autofill:focus, #Contact-Popup .container .content .form input:-webkit-autofillactive, #Contact-Popup .container .content .form textarea:-webkit-autofill:hover, #Contact-Popup .container .content .form textarea:-webkit-autofill:focus, #Contact-Popup .container .content .form textarea:-webkit-autofillactive {
  background-color: white !important;
}
#Contact-Popup .container .content .form input::placeholder, #Contact-Popup .container .content .form textarea::placeholder {
  color: var(--color-brand-orange);
}
#Contact-Popup .container .content .form .wpcf7-response-output {
  grid-column: 1/-1;
}
#Contact-Popup.opened .controls::after, #Contact-Popup.modal .controls::after {
  opacity: 0;
  transition-duration: 0.25s;
}
#Contact-Popup.opened .open, #Contact-Popup.modal .open {
  opacity: 0;
  pointer-events: none;
}
#Contact-Popup.opened .content, #Contact-Popup.modal .content {
  transition-duration: 0.5s;
  width: 100%;
  width: unset;
  height: unset;
  overflow: scroll;
  pointer-events: all;
  opacity: 1;
  max-height: calc(var(--page-height) - (var(--top) - var(--header-height) - var(--admin-bar-height)) - var(--header-height));
}
#Contact-Popup:not(.opened, .modal) .close {
  opacity: 0;
  pointer-events: none;
}
#Contact-Popup:not(.opened, .modal) .open {
  pointer-events: all;
}
#Contact-Popup:not(.opened, .modal) .container {
  pointer-events: none;
}
#Contact-Popup:not(.opened, .modal) .content {
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
#Contact-Popup.modal {
  z-index: 50;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
#Contact-Popup.modal ~ .ct-inner-content {
  pointer-events: none;
}
#Contact-Popup.modal .container {
  top: calc(50% + var(--header-height));
  left: 50%;
  transform: translate(-50%, -50%);
}
#Contact-Popup.modal .container .content {
  position: static;
}
#Contact-Popup.modal::before {
  content: "";
  position: fixed;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--modal-backdrop-color);
  opacity: var(--modal-backdrop-opacity);
  pointer-events: none;
}
#Contact-Popup .controls::after, #Contact-Popup .content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  background-color: var(--color-brand-orange);
  z-index: -1;
}
#Contact-Popup .field {
  margin-top: var(--spacer-red);
}
#Contact-Popup .headline {
  --mixin: typography-standard-headline;
  --selector: .headline;
  --font-family: var(--font-body);
  --font-weight: 200;
  --font-size: clamp(31.5rem, 26rem + 0.0114583333 * 100vw, 48rem);
  --font-style: unset;
  --font-color: white;
  --line-height: 1.2em;
  --letter-spacing: unset;
  --text-transform: uppercase;
  --text-decoration: unset;
  --text-align: left;
  --text-decoration-thickness: unset;
  --text-underline-offset: 2px;
  --font-color-hover: unset;
  --text-decoration-hover: unset;
  --text-decoration-skip-ink: none;
  --font-color-active: unset;
  --text-decoration-active: unset;
  --width: 100%;
  display: block;
  width: var(--width);
  text-align: var(--text-align);
  color: var(--font-color);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  font-style: var(--font-style);
  line-height: var(--line-height);
  font-family: var(--font-family);
  text-decoration: var(--text-decoration);
  text-transform: var(--text-transform);
  letter-spacing: var(--letter-spacing);
  text-decoration-skip-ink: var(--text-decoration-skip-ink) !important;
  pointer-events: none;
  align-self: center;
  font-family: var(--font-body);
  font-size: 40.5rem;
  line-height: 1.2em;
  font-weight: 200;
}
#Contact-Popup .headline:hover, #Contact-Popup .headline a:hover {
  text-decoration: var(--text-decoration-hover);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
#Contact-Popup .headline:active {
  text-decoration: var(--text-decoration-active);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
#Contact-Popup .body {
  --mixin: typography-standard-body;
  --selector: .body;
  --font-family: var(--font-body);
  --font-weight: 400;
  --font-size: clamp(16rem, 15.6666666667rem + 0.0006944444 * 100vw, 17rem);
  --font-style: unset;
  --font-color: white;
  --line-height: 31rem;
  --letter-spacing: unset;
  --text-transform: none;
  --text-decoration: unset;
  --text-align: left;
  --text-decoration-thickness: unset;
  --text-underline-offset: 2px;
  --font-color-hover: unset;
  --text-decoration-hover: unset;
  --text-decoration-skip-ink: none;
  --font-color-active: unset;
  --text-decoration-active: unset;
  --width: 100%;
  display: block;
  width: var(--width);
  text-align: var(--text-align);
  color: var(--font-color);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  font-style: var(--font-style);
  line-height: var(--line-height);
  font-family: var(--font-family);
  text-decoration: var(--text-decoration);
  text-transform: var(--text-transform);
  letter-spacing: var(--letter-spacing);
  text-decoration-skip-ink: var(--text-decoration-skip-ink) !important;
  margin-top: var(--spacer-green);
  grid-column: 1 / -1;
}
#Contact-Popup .body:hover, #Contact-Popup .body a:hover {
  text-decoration: var(--text-decoration-hover);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
#Contact-Popup .body:active {
  text-decoration: var(--text-decoration-active);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
#Contact-Popup:not(.modal) .message {
  display: none;
}
#Contact-Popup .wpcf7 {
  --mixin: cf7;
  --selector: .wpcf7;
  --max-width: 800px;
  overflow: scroll;
  max-width: var(--max-width);
}
#Contact-Popup .wpcf7 .screen-reader-response {
  display: none !important;
}
#Contact-Popup .wpcf7 .wpcf7-form {
  --dark-color: var(--color-tawny-port);
  --accent-color: transparent;
}
#Contact-Popup .wpcf7 .wpcf7-form .wpcf7-not-valid-tip, #Contact-Popup .wpcf7 .wpcf7-form .wpcf7-response-output {
  font-size: clamp(16rem, 15.3333333333rem + 0.0013888889 * 100vw, 18rem);
  font-style: italic;
  font-weight: 300;
}
#Contact-Popup .wpcf7 .wpcf7-form .wpcf7-not-valid-tip {
  color: white;
}
#Contact-Popup .wpcf7 .wpcf7-form .field .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label {
  display: flex;
  flex-direction: row;
}
#Contact-Popup .wpcf7 .wpcf7-form .field .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label input[type="radio"] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-right: 1em;
}
#Contact-Popup .wpcf7 .wpcf7-form .field.full-width {
  grid-column: 1/ span 2;
}
#Contact-Popup .wpcf7 .wpcf7-form .field .wpcf7-text, #Contact-Popup .wpcf7 .wpcf7-form .field .wpcf7-select {
  height: clamp(30rem, 30rem + 0 * 100vw, 30rem);
}
#Contact-Popup .wpcf7 .wpcf7-form .field select {
  padding: 0 12rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
}
#Contact-Popup .wpcf7 .wpcf7-form .field .wpcf7-checkbox {
  display: flex;
}
#Contact-Popup .wpcf7 .wpcf7-form .field .wpcf7-checkbox .wpcf7-list-item {
  display: inline-flex;
  width: 100%;
  margin: 0;
}
#Contact-Popup .wpcf7 .wpcf7-form .field .wpcf7-checkbox .wpcf7-list-item input {
  position: relative;
  flex-shrink: 1;
  width: 20px;
  padding-right: 5px;
  margin-right: 10px;
  margin: auto 10px auto -3px;
  border-radius: 0;
}
#Contact-Popup .wpcf7 .wpcf7-form .field .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {
  display: block;
  flex-grow: 1;
  color: var(--text-color);
}
#Contact-Popup .wpcf7 .wpcf7-form .action {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  grid-column: 1/ span 2;
}
#Contact-Popup .wpcf7 .wpcf7-form .action .button {
  min-width: unset;
  align-self: center;
  min-height: 36px;
  border-radius: 0;
}
#Contact-Popup .wpcf7 .wpcf7-form .action .wpcf7-spinner {
  background-color: rgba(255, 255, 255, 0.75);
}
#Contact-Popup .wpcf7 .wpcf7-form .action .wpcf7-spinner::before {
  background-color: rgba(0, 0, 0, 0.75);
}
#Contact-Popup .wpcf7 .wpcf7-form .wpcf7-response-output {
  margin-top: var(--spacer-blue);
  align-self: center;
  grid-column: 1/ span 2;
  color: white;
}
#Contact-Popup .wpcf7 .wpcf7-form .wpcf7-radio {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
#Contact-Popup .wpcf7 .wpcf7-form .wpcf7-radio label {
  margin-bottom: 0;
}
#Contact-Popup .wpcf7 .wpcf7-form .wpcf7-radio label wpcf7-list-item-label {
  margin-bottom: 0;
}
#Contact-Popup .wpcf7 .wpcf7-form label, #Contact-Popup .wpcf7 .wpcf7-form .wpcf7-list-item-label {
  --mixin: cf7-typography-label;
  --selector: label, .wpcf7-list-item-label;
  --font-family: var(--font-body);
  --font-weight: medium;
  --font-size: 14.25rem;
  --font-style: unset;
  --font-color: white;
  --line-height: 1.3em;
  --letter-spacing: unset;
  --text-transform: unset;
  --text-decoration: unset;
  --text-align: left;
  --text-decoration-thickness: unset;
  --text-underline-offset: 2px;
  --font-color-hover: unset;
  --text-decoration-hover: unset;
  --text-decoration-skip-ink: none;
  --font-color-active: unset;
  --text-decoration-active: unset;
  --width: 100%;
  display: block;
  width: var(--width);
  text-align: var(--text-align);
  color: var(--font-color);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  font-style: var(--font-style);
  line-height: var(--line-height);
  font-family: var(--font-family);
  text-decoration: var(--text-decoration);
  text-transform: var(--text-transform);
  letter-spacing: var(--letter-spacing);
  text-decoration-skip-ink: var(--text-decoration-skip-ink) !important;
  display: block;
  margin-bottom: var(--spacer-yellow);
}
#Contact-Popup .wpcf7 .wpcf7-form label:hover, #Contact-Popup .wpcf7 .wpcf7-form label a:hover, #Contact-Popup .wpcf7 .wpcf7-form .wpcf7-list-item-label:hover, #Contact-Popup .wpcf7 .wpcf7-form .wpcf7-list-item-label a:hover {
  text-decoration: var(--text-decoration-hover);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
#Contact-Popup .wpcf7 .wpcf7-form label:active, #Contact-Popup .wpcf7 .wpcf7-form .wpcf7-list-item-label:active {
  text-decoration: var(--text-decoration-active);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
#Contact-Popup .wpcf7 .wpcf7-form input, #Contact-Popup .wpcf7 .wpcf7-form select, #Contact-Popup .wpcf7 .wpcf7-form text-area {
  --mixin: cf7-typography-field;
  --selector: input, select, text-area;
  --font-family: var(--font-body);
  --font-weight: medium;
  --font-size: 14.25rem;
  --font-style: unset;
  --font-color: unset;
  --line-height: 1.3em;
  --letter-spacing: unset;
  --text-transform: unset;
  --text-decoration: unset;
  --text-align: left;
  --text-decoration-thickness: unset;
  --text-underline-offset: 2px;
  --font-color-hover: unset;
  --text-decoration-hover: unset;
  --text-decoration-skip-ink: none;
  --font-color-active: unset;
  --text-decoration-active: unset;
  --width: 100%;
  display: block;
  width: var(--width);
  text-align: var(--text-align);
  color: var(--font-color);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  font-style: var(--font-style);
  line-height: var(--line-height);
  font-family: var(--font-family);
  text-decoration: var(--text-decoration);
  text-transform: var(--text-transform);
  letter-spacing: var(--letter-spacing);
  text-decoration-skip-ink: var(--text-decoration-skip-ink) !important;
  padding: 9.75rem 12rem;
  width: 100%;
  border-width: 0;
  border-radius: 0px;
}
#Contact-Popup .wpcf7 .wpcf7-form input:hover, #Contact-Popup .wpcf7 .wpcf7-form input a:hover, #Contact-Popup .wpcf7 .wpcf7-form select:hover, #Contact-Popup .wpcf7 .wpcf7-form select a:hover, #Contact-Popup .wpcf7 .wpcf7-form text-area:hover, #Contact-Popup .wpcf7 .wpcf7-form text-area a:hover {
  text-decoration: var(--text-decoration-hover);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
#Contact-Popup .wpcf7 .wpcf7-form input:active, #Contact-Popup .wpcf7 .wpcf7-form select:active, #Contact-Popup .wpcf7 .wpcf7-form text-area:active {
  text-decoration: var(--text-decoration-active);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
#Contact-Popup .wpcf7 .wpcf7-form input:focus, #Contact-Popup .wpcf7 .wpcf7-form select:focus, #Contact-Popup .wpcf7 .wpcf7-form text-area:focus {
  outline: none;
}
#Contact-Popup .wpcf7 .wpcf7-form .button {
  --mixin: typography-standard-button;
  --selector: .button;
  --font-family: var(--font-body);
  --font-weight: 200;
  --font-size: 21rem;
  --font-style: unset;
  --font-color: white;
  --line-height: 1.3em;
  --letter-spacing: unset;
  --text-transform: uppercase;
  --text-decoration: unset;
  --text-align: center;
  --text-decoration-thickness: unset;
  --text-underline-offset: 2px;
  --font-color-hover: var(--color-dark-ocean);
  --text-decoration-hover: unset;
  --text-decoration-skip-ink: none;
  --font-color-active: unset;
  --text-decoration-active: unset;
  --width: fit-content;
  --padding: 10px 30px;
  --border: 1px solid white;
  --background-color: transparent;
  --background-color-hover: var(--color-sunset-gold);
  --border-hover: 1px solid var(--color-sunset-gold);
  display: block;
  width: var(--width);
  text-align: var(--text-align);
  color: var(--font-color);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  font-style: var(--font-style);
  line-height: var(--line-height);
  font-family: var(--font-family);
  text-decoration: var(--text-decoration);
  text-transform: var(--text-transform);
  letter-spacing: var(--letter-spacing);
  text-decoration-skip-ink: var(--text-decoration-skip-ink) !important;
  border: var(--border);
  background-color: var(--background-color);
  padding: var(--padding);
  margin-top: var(--spacer-green);
}
#Contact-Popup .wpcf7 .wpcf7-form .button:hover, #Contact-Popup .wpcf7 .wpcf7-form .button a:hover {
  text-decoration: var(--text-decoration-hover);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
#Contact-Popup .wpcf7 .wpcf7-form .button:active {
  text-decoration: var(--text-decoration-active);
  text-underline-offset: var(--text-underline-offset);
  text-decoration-thickness: var(--text-decoration-thickness);
}
#Contact-Popup .wpcf7 .wpcf7-form .button:hover {
  background-color: var(--background-color-hover);
  border: var(--border-hover);
  color: var(--font-color-hover);
}
#Contact-Popup .wpcf7 .wpcf7-form .button * {
  color: inherit;
  text-decoration: inherit;
}