@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css");

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

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
dl,
dd,
ol,
ul,
figure,
hr,
pre {
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  scroll-behavior: smooth;
  line-height: 1.5;
  text-rendering: optimizeSpeed;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  background-color: #fff;
  color: #212529;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul[class],
ol[class] {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  line-height: 1.2;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

table {
  border-collapse: collapse;
  width: 100%;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

a {
  color: inherit;
  text-decoration: none;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

a:hover {
  text-decoration: underline;
}

hr {
  border: 0;
  border-top: 1px solid #e0e0e0;
  margin: 1rem 0;
}

pre,
code {
  font-family: "Courier New", Courier, monospace;
}

pre {
  overflow: auto;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.col-1 {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 100%;
}

@media (min-width: 0) {
  .col-xs-1 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 8.33333333%;
  }
}

@media (min-width: 0) {
  .col-xs-2 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 16.66666667%;
  }
}

@media (min-width: 0) {
  .col-xs-3 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 25%;
  }
}

@media (min-width: 0) {
  .col-xs-4 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}

@media (min-width: 0) {
  .col-xs-5 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 41.66666667%;
  }
}

@media (min-width: 0) {
  .col-xs-6 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 0) {
  .col-xs-7 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 58.33333333%;
  }
}

@media (min-width: 0) {
  .col-xs-8 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 66.66666667%;
  }
}

@media (min-width: 0) {
  .col-xs-9 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 75%;
  }
}

@media (min-width: 0) {
  .col-xs-10 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 83.33333333%;
  }
}

@media (min-width: 0) {
  .col-xs-11 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 91.66666667%;
  }
}

@media (min-width: 0) {
  .col-xs-12 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 576px) {
  .col-sm-1 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 8.33333333%;
  }
}

@media (min-width: 576px) {
  .col-sm-2 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 16.66666667%;
  }
}

@media (min-width: 576px) {
  .col-sm-3 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 25%;
  }
}

@media (min-width: 576px) {
  .col-sm-4 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}

@media (min-width: 576px) {
  .col-sm-5 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 41.66666667%;
  }
}

@media (min-width: 576px) {
  .col-sm-6 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 576px) {
  .col-sm-7 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 58.33333333%;
  }
}

@media (min-width: 576px) {
  .col-sm-8 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 66.66666667%;
  }
}

@media (min-width: 576px) {
  .col-sm-9 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 75%;
  }
}

@media (min-width: 576px) {
  .col-sm-10 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 83.33333333%;
  }
}

@media (min-width: 576px) {
  .col-sm-11 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 91.66666667%;
  }
}

@media (min-width: 576px) {
  .col-sm-12 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .col-md-1 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 8.33333333%;
  }
}

@media (min-width: 768px) {
  .col-md-2 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 16.66666667%;
  }
}

@media (min-width: 768px) {
  .col-md-3 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 25%;
  }
}

@media (min-width: 768px) {
  .col-md-4 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}

@media (min-width: 768px) {
  .col-md-5 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 41.66666667%;
  }
}

@media (min-width: 768px) {
  .col-md-6 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .col-md-7 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 58.33333333%;
  }
}

@media (min-width: 768px) {
  .col-md-8 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 66.66666667%;
  }
}

@media (min-width: 768px) {
  .col-md-9 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 75%;
  }
}

@media (min-width: 768px) {
  .col-md-10 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 83.33333333%;
  }
}

@media (min-width: 768px) {
  .col-md-11 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 91.66666667%;
  }
}

@media (min-width: 768px) {
  .col-md-12 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .col-lg-1 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 8.33333333%;
  }
}

@media (min-width: 1024px) {
  .col-lg-2 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 16.66666667%;
  }
}

@media (min-width: 1024px) {
  .col-lg-3 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 25%;
  }
}

@media (min-width: 1024px) {
  .col-lg-4 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}

@media (min-width: 1024px) {
  .col-lg-5 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 41.66666667%;
  }
}

@media (min-width: 1024px) {
  .col-lg-6 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .col-lg-7 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 58.33333333%;
  }
}

@media (min-width: 1024px) {
  .col-lg-8 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 66.66666667%;
  }
}

@media (min-width: 1024px) {
  .col-lg-9 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 75%;
  }
}

@media (min-width: 1024px) {
  .col-lg-10 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 83.33333333%;
  }
}

@media (min-width: 1024px) {
  .col-lg-11 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 91.66666667%;
  }
}

@media (min-width: 1024px) {
  .col-lg-12 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 1440px) {
  .col-xl-1 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 8.33333333%;
  }
}

@media (min-width: 1440px) {
  .col-xl-2 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 16.66666667%;
  }
}

@media (min-width: 1440px) {
  .col-xl-3 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 25%;
  }
}

@media (min-width: 1440px) {
  .col-xl-4 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}

@media (min-width: 1440px) {
  .col-xl-5 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 41.66666667%;
  }
}

@media (min-width: 1440px) {
  .col-xl-6 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 1440px) {
  .col-xl-7 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 58.33333333%;
  }
}

@media (min-width: 1440px) {
  .col-xl-8 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 66.66666667%;
  }
}

@media (min-width: 1440px) {
  .col-xl-9 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 75%;
  }
}

@media (min-width: 1440px) {
  .col-xl-10 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 83.33333333%;
  }
}

@media (min-width: 1440px) {
  .col-xl-11 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 91.66666667%;
  }
}

@media (min-width: 1440px) {
  .col-xl-12 {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 0) {
  :root {
    --container-max-width: 575px;
    --container-margin: 20px;
    --grid-gutter-width: 20px;
    --standard-margin: 100px;
    --reduced-margin: 60px;
    --small-margin: 40px;
    --topbar-init-height: 60px;
    --topbar-sticky-height: 60px;
    --button-padding-x: 43px;
    --button-padding-y: 10px;
    --spacer-1: 60px;
    --spacer-2: 15px;
    --spacer-2-5: 18px;
    --spacer-2-6: 20px;
    --spacer-3: 30px;
  }
}

@media (min-width: 576px) {
  :root {
    --container-max-width: 767px;
    --container-margin: 20px;
    --grid-gutter-width: 20px;
    --standard-margin: 100px;
    --reduced-margin: 60px;
    --small-margin: 40px;
    --topbar-init-height: 60px;
    --topbar-sticky-height: 60px;
    --button-padding-x: 43px;
    --button-padding-y: 10px;
    --spacer-1: 60px;
    --spacer-2: 15px;
    --spacer-2-5: 18px;
    --spacer-2-6: 20px;
    --spacer-3: 30px;
  }
}

@media (min-width: 768px) {
  :root {
    --container-max-width: 1023px;
    --container-margin: 20px;
    --grid-gutter-width: 20px;
    --standard-margin: 100px;
    --reduced-margin: 60px;
    --small-margin: 40px;
    --topbar-init-height: 60px;
    --topbar-sticky-height: 60px;
    --button-padding-x: 43px;
    --button-padding-y: 10px;
    --spacer-1: 60px;
    --spacer-2: 15px;
    --spacer-2-5: 18px;
    --spacer-2-6: 20px;
    --spacer-3: 30px;
  }
}

@media (min-width: 1024px) {
  :root {
    --container-max-width: 1439px;
    --container-margin: 20px;
    --grid-gutter-width: 20px;
    --standard-margin: 120px;
    --reduced-margin: 80px;
    --small-margin: 60px;
    --topbar-init-height: 100px;
    --topbar-sticky-height: 80px;
    --button-padding-x: 43px;
    --button-padding-y: 10px;
    --spacer-1: 60px;
    --spacer-2: 15px;
    --spacer-2-5: 18px;
    --spacer-2-6: 20px;
    --spacer-3: 30px;
  }
}

@media (min-width: 1440px) {
  :root {
    --container-max-width: 1920px;
    --container-margin: 20px;
    --grid-gutter-width: 20px;
    --standard-margin: 120px;
    --reduced-margin: 80px;
    --small-margin: 60px;
    --topbar-init-height: 100px;
    --topbar-sticky-height: 80px;
    --button-padding-x: 43px;
    --button-padding-y: 10px;
    --spacer-1: 60px;
    --spacer-2: 15px;
    --spacer-2-5: 18px;
    --spacer-2-6: 20px;
    --spacer-3: 30px;
  }
}

:root {
  --grid-breakpoint-xs: 0;
  --grid-breakpoint-sm: 576px;
  --grid-breakpoint-md: 768px;
  --grid-breakpoint-lg: 1024px;
  --grid-breakpoint-xl: 1440px;
}

.umbraco-forms-PSK fieldset .row {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
}

.umbraco-forms-PSK fieldset .row .form-group:not([class*="col-"]) {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 100%;
}

.grecaptcha-badge {
  visibility: hidden;
}

.psk-gallery {
  --swiper-theme-color: white;
  --swiper-pagination-bullet-inactive-color: white;
  opacity: 0;
  transition: opacity var(--psk-gallery-transition-speed, 450ms);
  background-color: var(--psk-gallery-bg, black);
  color: var(--psk-gallery-fg, white);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--psk-gallery-z-index, 1000);
}

.psk-gallery img,
.psk-gallery video {
  object-fit: contain;
}

.psk-gallery picture {
  display: block;
}

.psk-gallery video {
  width: 100%;
  max-height: 100%;
}

.psk-gallery .video {
  display: flex;
  align-items: center;
  justify-content: center;
}

.psk-gallery picture,
.psk-gallery .video {
  padding: var(--psk-gallery-padding, 60px);
  padding-bottom: calc(var(--psk-gallery-padding, 60px) + 20px);
}

.psk-gallery .no-swiper-caption picture,
.psk-gallery .no-swiper-caption .video {
  padding: var(--psk-gallery-padding, 60px);
}

.psk-gallery .swiper-container {
  opacity: 0;
  transition: opacity 0.3s;
}

.psk-gallery .swiper-container.swiper-initialized {
  opacity: 1;
}

.psk-gallery .swiper-slide * {
  user-select: none;
}

.psk-gallery .swiper-caption {
  position: absolute;
  inset: auto 0 40px 0;
  text-align: center;
}

.psk-gallery,
.psk-gallery > div,
.psk-gallery > div > div,
.psk-gallery > div > div > div,
.psk-gallery img,
.psk-gallery picture,
.psk-gallery .video,
.psk-gallery-container,
.psk-gallery-container > div,
.psk-gallery .swiper-container {
  width: 100%;
  height: 100%;
}

.psk-gallery-close {
  position: absolute;
  top: var(--psk-gallery-close-top, 1.5rem);
  right: var(--psk-gallery-close-right, 1.5rem);
  z-index: 2;
}

.psk-gallery.open {
  opacity: 1;
}

body.overflow-hidden {
  overflow: hidden;
}

.reveal {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.reveal:not(.static) .media-holder > div {
  will-change: transform;
  opacity: 0;
  transform: scale(1.25);
}

main > section:not(.static) {
  opacity: 0;
}

hr {
  border: 0;
  border-bottom: 1px solid #baab96;
  margin: var(--spacer-2) 0;
}

hr:last-child {
  margin-bottom: 0;
}

label {
  display: inline-block;
}

a {
  color: #4e4e4c;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

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

ul.unstyled-list,
ol.unstyled-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.unstyled-list > li,
ol.unstyled-list > li {
  margin: 0 !important;
}

ul.unstyled-list > li:before,
ol.unstyled-list > li:before {
  display: none;
}

ul:not(.unstyled-list) {
  list-style-type: none;
  padding: 0;
}

ul:not(.unstyled-list) > li {
  position: relative;
  margin: 0 0 0 1em;
}

ul:not(.unstyled-list) > li:not(:first-child) {
  margin-top: 0.75em;
}

ul:not(.unstyled-list) > li:not(:last-child) {
  margin-bottom: 0.75em;
}

ul:not(.unstyled-list) > li:before {
  position: absolute;
  top: 0;
  left: -1em;
  content: "•";
  font-size: 1em;
  color: #a28b69;
}

p,
ul,
ol,
ul.unstyled-list,
ol.unstyled-list {
  margin: 0 0 var(--spacer-2);
}

p:last-child,
ul:last-child,
ol:last-child,
ul.unstyled-list:last-child,
ol.unstyled-list:last-child {
  margin-bottom: 0;
}

picture {
  display: block;
}

img {
  display: block;
  height: auto;
}

sup {
  font-size: 0.75em;
  top: -0.5em;
}

.table-responsive:not(:first-child) {
  margin-top: 1em;
}

.table-responsive:not(:last-child) {
  margin-bottom: 1em;
}

.table-responsive table th,
.table-responsive table td {
  white-space: nowrap;
  border-top: 0;
  border-bottom: 1px solid #baab96;
}

@font-face {
  font-family: "Futura PT";
  src: url("./../fonts/Futura\ PT/FuturaCyrillicLight.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura PT";
  src: url("./../fonts/Futura\ PT/FuturaCyrillicMedium.woff2") format("woff2");
  font-weight: 450;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ogg";
  src: url("./../fonts/Ogg/OggMedium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ogg";
  src: url("../fonts/Ogg/Ogg-Roman.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="color"],
input[type="file"],
input[type="range"],
input[type="submit"],
input[type="reset"],
input[type="button"] {
  all: unset;
  appearance: none;
  outline: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

a.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  appearance: none;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  text-align: inherit;
  cursor: pointer;
}

body {
  font-family: "Futura PT";
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: 0.36px;
  -webkit-font-smoothing: antialiased;
  background-color: #ebece2;
  color: #4e4e4c;
}

body#tinymce {
  background-color: transparent;
}

ul {
  list-style-type: none;
  padding: 0;
}

ul > li {
  position: relative;
  margin: 0 0 0 1em;
}

ul > li:not(:first-child) {
  margin-top: 0.75em;
}

ul > li:not(:last-child) {
  margin-bottom: 0.75em;
}

ul > li:before {
  position: absolute;
  top: 0;
  left: -1em;
  content: "•";
  font-size: 1em;
  color: #a28b69;
}

h1 {
  font-family: "Ogg";
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
  font-size: 36px;
  line-height: 130%;
  letter-spacing: 0.72px;
}

h1 a {
  color: inherit !important;
  text-decoration: none !important;
}

h1:last-child {
  margin-bottom: 0;
}

.h1 {
  font-family: "Ogg";
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
  font-size: 36px;
  line-height: 130%;
  letter-spacing: 0.72px;
}

.h1 a {
  color: inherit !important;
  text-decoration: none !important;
}

.h1:last-child {
  margin-bottom: 0;
}

h2 {
  font-family: "Ogg";
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
  font-size: 36px;
  line-height: 130%;
  letter-spacing: 0.72px;
}

h2 a {
  color: inherit !important;
  text-decoration: none !important;
}

h2:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023.98px) {
  h2 {
    font-size: 28px;
    letter-spacing: 0.56px;
  }
}

.h2 {
  font-family: "Ogg";
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
  font-size: 36px;
  line-height: 130%;
  letter-spacing: 0.72px;
}

.h2 a {
  color: inherit !important;
  text-decoration: none !important;
}

.h2:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023.98px) {
  .h2 {
    font-size: 28px;
    letter-spacing: 0.56px;
  }
}

h3 {
  font-family: "Ogg";
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: 0.64px;
}

h3 a {
  color: inherit !important;
  text-decoration: none !important;
}

h3:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023.98px) {
  h3 {
    font-size: 26px;
    letter-spacing: 0.52px;
  }
}

.h3 {
  font-family: "Ogg";
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: 0.64px;
}

.h3 a {
  color: inherit !important;
  text-decoration: none !important;
}

.h3:last-child {
  margin-bottom: 0;
}

@media (max-width: 1023.98px) {
  .h3 {
    font-size: 26px;
    letter-spacing: 0.52px;
  }
}

h4 {
  font-family: "Ogg";
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.48px;
}

h4 a {
  color: inherit !important;
  text-decoration: none !important;
}

h4:last-child {
  margin-bottom: 0;
}

.h4 {
  font-family: "Ogg";
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0.48px;
}

.h4 a {
  color: inherit !important;
  text-decoration: none !important;
}

.h4:last-child {
  margin-bottom: 0;
}

h5 {
  font-family: "Ogg";
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
  font-family: "Futura PT";
  font-size: 21px;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 2.1px;
  text-transform: uppercase;
}

h5 a {
  color: inherit !important;
  text-decoration: none !important;
}

h5:last-child {
  margin-bottom: 0;
}

.h5 {
  font-family: "Ogg";
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
  font-family: "Futura PT";
  font-size: 21px;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 2.1px;
  text-transform: uppercase;
}

.h5 a {
  color: inherit !important;
  text-decoration: none !important;
}

.h5:last-child {
  margin-bottom: 0;
}

h6 {
  font-family: "Ogg";
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
  font-family: "Futura PT";
  font-size: 16px;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

h6 a {
  color: inherit !important;
  text-decoration: none !important;
}

h6:last-child {
  margin-bottom: 0;
}

.h6 {
  font-family: "Ogg";
  font-style: normal;
  font-weight: 500;
  line-height: 1em;
  font-family: "Futura PT";
  font-size: 16px;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.h6 a {
  color: inherit !important;
  text-decoration: none !important;
}

.h6:last-child {
  margin-bottom: 0;
}

.tagline {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin-top: 20px;
}

.tagline a {
  text-decoration: none !important;
}

.link {
  font-family: "Futura PT";
  font-size: 12px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.quote {
  font-family: "Ogg";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.64px;
}

@media (max-width: 1023.98px) {
  .quote {
    font-size: 26px;
    letter-spacing: 0.52px;
  }
}

.inline-elements {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-gutter-width);
  align-items: center;
}

.inline-elements > li {
  margin: 0 !important;
}

.inline-elements > li:before {
  display: none;
}

.menu-item {
  font-family: "Ogg";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.44px;
}

@media (max-width: 1023.98px) {
  .menu-item {
    font-size: 24px;
    letter-spacing: 0.48px;
  }
}

.menu-item-small {
  font-family: "Ogg";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.36px;
}

@media (max-width: 1023.98px) {
  .menu-item-small {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}

.button-text {
  transition: color 450ms;
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  text-decoration: none !important;
}

.button-primary {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  text-decoration: none !important;
  text-align: center;
  padding: var(--button-padding-y) var(--button-padding-x);
  transition: all 450ms;
  border: 1px solid #baab96;
  display: inline-block;
}

.button-primary,
.button-primary:hover,
.button-primary a,
.button-primary a:hover {
  color: #4e4e4c;
  text-decoration: none;
}

.button-primary:hover,
.button-primary a:hover {
  background-color: #a28b69;
  color: white;
}

.accent {
  color: #a28b69;
}

.small {
  font-size: 0.8em;
  line-height: 1.5em;
}

h1:has(+ *) + *,
h2:has(+ *) + *,
h3:has(+ *) + *,
h4:has(+ *) + *,
h5:has(+ *) + *,
h6:has(+ *) + * {
  margin-top: var(--spacer-2);
}

p:not(:first-child):has(.button-primary) {
  margin-top: var(--spacer-3);
}

p:not(:last-child):has(.button-primary) {
  margin-bottom: var(--spacer-3);
}

.umbraco-forms-PSK:not(:first-child) {
  margin-top: calc(var(--spacer-2) * 2);
}

.umbraco-forms-PSK:not(:last-child) {
  margin-bottom: calc(var(--spacer-2) * 2);
}

.umbraco-forms-PSK fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  text-align: left;
}

.umbraco-forms-PSK
  fieldset
  .row
  .form-group:not(:last-child):not(:has(+ .umbraco-forms-navigation)) {
  margin-bottom: var(--spacer-2);
}

.umbraco-forms-PSK fieldset .row .form-group .form-group-label {
  display: none;
}

.umbraco-forms-PSK fieldset .row .form-group .checkboxlist {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: 0.5em;
  width: 100%;
}

@media (max-width: 1023.98px) {
  .umbraco-forms-PSK fieldset .row .form-group .checkboxlist {
    grid-template-columns: repeat(2, 1fr);
  }
}

.umbraco-forms-PSK fieldset .row .form-group .form-check {
  position: relative;
  overflow: hidden;
}

.umbraco-forms-PSK fieldset .row .form-group .form-check input {
  position: absolute;
  top: -100px;
  left: -100px;
}

.umbraco-forms-PSK fieldset .row .form-group .form-check input + label {
  user-select: none;
  padding-left: 1.5em;
  background-image: url("../images/icons/checkbox-off.svg");
  background-position: top 0.125em left;
  background-repeat: no-repeat;
  background-size: auto 1.25em;
}

.umbraco-forms-PSK fieldset .row .form-group .form-check input:checked + label {
  background-image: url("../images/icons/checkbox-on.svg");
}

.umbraco-forms-PSK
  fieldset
  .row
  .form-group
  input:not([type="submit"]):not([type="checkbox"]),
.umbraco-forms-PSK fieldset .row .form-group select,
.umbraco-forms-PSK fieldset .row .form-group textarea {
  display: block;
  width: 100%;
  padding-block: 0 var(--spacer-2);
  border-bottom: 1px solid #baab96;
}

.umbraco-forms-PSK fieldset .row .form-group input::placeholder,
.umbraco-forms-PSK fieldset .row .form-group select,
.umbraco-forms-PSK fieldset .row .form-group textarea::placeholder {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  text-decoration: none !important;
  color: rgb(78, 78, 76);
}

.umbraco-forms-PSK fieldset .row .form-group select {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>');
  background-position: top 0.5em right;
  background-repeat: no-repeat;
  background-size: 1em auto;
  line-height: inherit;
}

.umbraco-forms-PSK fieldset .row .form-group textarea {
  height: 10em;
}

.umbraco-forms-PSK fieldset .row .form-group .field-validation-error {
  display: block;
  margin-top: 0.25em;
  color: red;
}

.umbraco-forms-PSK fieldset .row .form-group.umbraco-forms-navigation {
  margin-top: calc(var(--spacer-2) * 2);
  text-align: center;
}

.umbraco-forms-PSK
  fieldset
  .row
  .form-group.umbraco-forms-navigation
  label.d-none {
  display: none;
}

.umbraco-forms-PSK
  fieldset
  .row
  .form-group.umbraco-forms-navigation
  input[type="submit"] {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  text-decoration: none !important;
  text-align: center;
  padding: var(--button-padding-y) var(--button-padding-x);
  transition: all 450ms;
  border: 1px solid #baab96;
  display: inline-block;
}

.umbraco-forms-PSK
  fieldset
  .row
  .form-group.umbraco-forms-navigation
  input[type="submit"],
.umbraco-forms-PSK
  fieldset
  .row
  .form-group.umbraco-forms-navigation
  input[type="submit"]:hover,
.umbraco-forms-PSK
  fieldset
  .row
  .form-group.umbraco-forms-navigation
  input[type="submit"]
  a,
.umbraco-forms-PSK
  fieldset
  .row
  .form-group.umbraco-forms-navigation
  input[type="submit"]
  a:hover {
  color: #4e4e4c;
  text-decoration: none;
}

.umbraco-forms-PSK
  fieldset
  .row
  .form-group.umbraco-forms-navigation
  input[type="submit"]:hover,
.umbraco-forms-PSK
  fieldset
  .row
  .form-group.umbraco-forms-navigation
  input[type="submit"]
  a:hover {
  background-color: #a28b69;
  color: white;
}

[data-lastpass-icon-root] {
  display: none !important;
}

.swiper-button-prev,
.swiper-button-next {
  height: 46px;
  width: 46px;
  top: 50%;
  margin-top: -23px;
  opacity: 1;
  transition: opacity 450ms;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 450ms;
  filter: invert(1);
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

.swiper-button-prev {
  left: var(--spacer-1);
}
/* Remove default Swiper arrow icons */
.swiper-navigation-icon {
  display: none !important;
  content: none !important;
}

.swiper-button-prev:after {
  background-image: url("../images/icons/Prev.svg");
}

.swiper-button-next {
  right: var(--spacer-1);
}

.swiper-button-next:after {
  background-image: url("../images/icons/Next.svg");
}

.swiper-lazy-preloader {
  border-color: #4e4e4c;
  border-top-color: transparent;
}

.swiper-slide * {
  backface-visibility: hidden;
}

.swiper-pagination {
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  height: var(--standard-margin);
  bottom: 0 !important;
}

.swiper-pagination .swiper-pagination-bullet {
  height: 9px;
  width: 9px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 0.5px solid #a28b69;
  opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  height: 12px;
  width: 12px;
  background-color: white;
}

.psk-gallery {
  background-color: rgba(78, 78, 76, 0.95);
}

.psk-gallery .psk-gallery-close {
  outline: none;
}

.psk-gallery .swiper-pagination,
.psk-gallery .swiper-caption {
  display: none;
}

.psk-gallery picture,
.psk-gallery .video {
  padding: var(--spacer-3) !important;
}

@media (max-width: 1023.98px) {
  .psk-gallery picture,
  .psk-gallery .video {
    padding: 0 !important;
  }
}

.psk-gallery .swiper-container {
  overflow: hidden;
}

.psk-gallery .swiper-button-prev,
.psk-gallery .swiper-button-next {
  height: 18px;
  width: 36px;
  top: 50%;
  margin-top: -9px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: invert(1);
}

.psk-gallery .swiper-button-prev:after,
.psk-gallery .swiper-button-next:after {
  display: none;
}

@media (max-width: 1023.98px) {
  .psk-gallery .swiper-button-prev,
  .psk-gallery .swiper-button-next {
    margin-top: auto;
    top: auto;
    bottom: var(--spacer-3);
  }
}

.psk-gallery .swiper-button-prev {
  left: var(--spacer-3);
  background-image: url("../images/icons/Prev.svg");
}

.psk-gallery .swiper-button-next {
  right: var(--spacer-3);
  background-image: url("../images/icons/Next.svg");
}

.psk-gallery a.psk-gallery-close {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  text-decoration: none;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/icons/Close.svg");
  opacity: 1;
  height: 20px;
  width: 20px;
  top: var(--spacer-3);
  right: var(--spacer-3);
  filter: invert(1);
}

.mark {
  margin-bottom: var(--spacer-3);
}

.mark img {
  width: 70px;
  height: 70px;
  display: inline-block;
}

.filters {
  padding-bottom: var(--spacer-2);
}

.filters.filter-match-selected-width select {
  padding-right: 1em;
}

.filters span,
.filters select {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.filters span a,
.filters select a {
  text-decoration: none !important;
}

.filters select {
  cursor: pointer;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>');
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 1em auto;
  padding-right: 1.5em;
}

.item[class*="hotel-"].hidden {
  display: none;
}

fieldset.quick-booking .flatpickr-calendar,
.flatpickr-calendar {
  background-color: #ebece2;
  border: 0;
  padding: 0 20px 20px;
}

fieldset.quick-booking .flatpickr-calendar .flatpickr-day,
.flatpickr-calendar .flatpickr-day {
  aspect-ratio: 50/35;
}

fieldset.quick-booking .flatpickr-calendar .flatpickr-day:hover,
.flatpickr-calendar .flatpickr-day:hover {
  background: rgba(162, 139, 105, 0.5);
  color: white;
}

fieldset.quick-booking .flatpickr-calendar .flatpickr-month,
fieldset.quick-booking .flatpickr-calendar .flatpickr-month .cur-month,
.flatpickr-calendar .flatpickr-month,
.flatpickr-calendar .flatpickr-month .cur-month {
  font-family: "Ogg";
  font-weight: 500;
}

fieldset.quick-booking .flatpickr-calendar .flatpickr-weekday,
fieldset.quick-booking .flatpickr-calendar .flatpickr-day,
.flatpickr-calendar .flatpickr-weekday,
.flatpickr-calendar .flatpickr-day {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: #4e4e4c;
}

fieldset.quick-booking .flatpickr-calendar .flatpickr-weekday a,
fieldset.quick-booking .flatpickr-calendar .flatpickr-day a,
.flatpickr-calendar .flatpickr-weekday a,
.flatpickr-calendar .flatpickr-day a {
  text-decoration: none !important;
}

fieldset.quick-booking .flatpickr-calendar .flatpickr-disabled,
.flatpickr-calendar .flatpickr-disabled {
  opacity: 0.3;
}

fieldset.quick-booking .flatpickr-calendar .flatpickr-disabled:hover,
.flatpickr-calendar .flatpickr-disabled:hover {
  background: transparent;
  color: inherit;
}

fieldset.quick-booking .flatpickr-calendar .prevMonthDay,
fieldset.quick-booking .flatpickr-calendar .nextMonthDay,
.flatpickr-calendar .prevMonthDay,
.flatpickr-calendar .nextMonthDay {
  opacity: 0;
  pointer-events: none;
}

fieldset.quick-booking
  .flatpickr-calendar
  .today:not(.startRange):not(.inRange):not(.endRange):not(.flatpickr-disabled),
.flatpickr-calendar
  .today:not(.startRange):not(.inRange):not(.endRange):not(
    .flatpickr-disabled
  ) {
  background-color: transparent;
  color: inherit;
  outline: 1px solid #a28b69;
  outline-offset: -1px;
}

fieldset.quick-booking .flatpickr-calendar .flatpickr-day.startRange,
fieldset.quick-booking .flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange {
  background: #a28b69;
  color: white;
}

fieldset.quick-booking .flatpickr-calendar .flatpickr-day.inRange,
.flatpickr-calendar .flatpickr-day.inRange {
  background: rgba(162, 139, 105, 0.5);
  color: white;
}

.section02 {
  padding: 0 !important;
}

.section02 .trigger {
  min-height: 200vh;
  /* Enough height to allow scrolling */
}
.trigger {
  display: flex;
  flex-direction: column;
  /* gap: 80px; */
  /* height: calc(700px * 6); */
  /* or adjust according to your needs */
}

.section02 > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
  height: 100%;
}
.section02 > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  height: 100%;
}
.section02 > div > div > div {
  margin-left: 8.33333333%;
}
.section02 > div > div > div:first-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 33.33333333%;
  display: flex;
  align-items: center;
  height: calc(100svh - var(--topbar-init-height));
}
.section02 > div > div > div:first-child .tagline {
  color: #a28b69;
}
.section02 > div > div > div:last-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 41.66666667%;
}
.section02 > div > div > div:last-child .trigger > div .media-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #dddfce;
  aspect-ratio: 0.75;
  height: auto;
}
.section02 > div > div > div:last-child .trigger > div .media-holder > div {
  height: 100%;
}
.section02
  > div
  > div
  > div:last-child
  .trigger
  > div
  .media-holder
  > div
  picture,
.section02
  > div
  > div
  > div:last-child
  .trigger
  > div
  .media-holder
  > div
  .video-holder {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.section02
  > div
  > div
  > div:last-child
  .trigger
  > div
  .media-holder
  > div
  picture
  img,
.section02
  > div
  > div
  > div:last-child
  .trigger
  > div
  .media-holder
  > div
  picture
  video,
.section02
  > div
  > div
  > div:last-child
  .trigger
  > div
  .media-holder
  > div
  .video-holder
  img,
.section02
  > div
  > div
  > div:last-child
  .trigger
  > div
  .media-holder
  > div
  .video-holder
  video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.section02
  > div
  > div
  > div:last-child
  .trigger
  > div
  .media-holder
  .open-gallery {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 3;
  cursor: pointer;
}
.section02
  > div
  > div
  > div:last-child
  .trigger
  > div
  .media-holder
  .open-gallery:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  height: 20%;
}
.section02
  > div
  > div
  > div:last-child
  .trigger
  > div
  .media-holder
  .open-gallery
  span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  position: absolute;
  inset: var(--grid-gutter-width);
  top: auto;
  text-align: center;
  color: white;
}
.section02
  > div
  > div
  > div:last-child
  .trigger
  > div
  .media-holder
  .open-gallery
  span
  a {
  text-decoration: none !important;
}
.section02
  > div
  > div
  > div:last-child
  .trigger
  > div
  .media-holder:has(.open-gallery)
  img,
.section02
  > div
  > div
  > div:last-child
  .trigger
  > div
  .media-holder:has(.open-gallery)
  video {
  transition: transform 450ms;
}
.section02
  > div
  > div
  > div:last-child
  .trigger
  > div
  .media-holder:has(.open-gallery):hover
  img,
.section02
  > div
  > div
  > div:last-child
  .trigger
  > div
  .media-holder:has(.open-gallery):hover
  video {
  transform: scale(1.025);
}
.section02 > div > div > div:last-child .trigger > div:not(:last-child) {
  margin-bottom: var(--grid-gutter-width);
}
@media (max-width: 1023.98px) {
  .section02 {
    display: none;
  }
}
.section02 + .spacer + .carousel {
  /* display:none; */
}
@media (max-width: 1023.98px) {
  .section02 + .spacer + .carousel {
    display: block;
  }
  .section02 + .spacer + .carousel .tagline {
    color: #a28b69;
  }
}
@media (max-width: 1023.98px) {
  .section03.mobile-divider {
    padding-bottom: var(--spacer-3);
  }
  .section03.mobile-divider:after {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #baab96;
    inset: auto calc(var(--grid-gutter-width)) 0;
  }
}
.section03 > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}
.section03 > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  justify-content: center;
}
.section03 > div > div > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 83.33333333%;
}
@media (max-width: 1023.98px) {
  .section03 > div > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
  .section03 > div > div > div > div .card {
    text-decoration: none;
  }
  .section03 > div > div > div > div .card:not(:last-child) {
    margin-bottom: var(--reduced-margin);
    display: block;
  }
  .section03 > div > div > div > div .card > div:first-child {
    margin-bottom: var(--spacer-2-5);
  }
  .section03 > div > div > div > div .card > div:first-child .media-holder {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #dddfce;
    aspect-ratio: 0.75;
    height: auto;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    > div {
    height: 100%;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    > div
    picture,
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    > div
    .video-holder {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    > div
    picture
    img,
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    > div
    picture
    video,
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    > div
    .video-holder
    img,
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    > div
    .video-holder
    video {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    .open-gallery {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 3;
    cursor: pointer;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    .open-gallery:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.5) 100%
    );
    height: 20%;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    .open-gallery
    span {
    font-family: "Futura PT";
    font-size: 13px;
    font-style: normal;
    font-weight: 450;
    line-height: 140%;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    position: absolute;
    inset: var(--grid-gutter-width);
    top: auto;
    text-align: center;
    color: white;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    .open-gallery
    span
    a {
    text-decoration: none !important;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder:has(.open-gallery)
    img,
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder:has(.open-gallery)
    video {
    transition: transform 450ms;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder:has(.open-gallery):hover
    img,
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder:has(.open-gallery):hover
    video {
    transform: scale(1.025);
  }
  .section03 > div > div > div > div .card > div:nth-child(2) {
    margin-bottom: var(--button-padding-y);
  }
  .section03 > div > div > div > div .card > div:nth-child(2) .tagline {
    color: #a28b69;
  }
}
@media (min-width: 1024px) {
  .section03 > div > div > div > div {
    display: flex;
    gap: var(--grid-gutter-width);
  }
  .section03 > div > div > div > div .card {
    flex: 1;
    display: flex;
    transition: flex 0.5s cubic-bezier(0.76, 0, 0.24, 1);
    position: relative;
    overflow: hidden;
  }
  .section03 > div > div > div > div .card > div {
    pointer-events: none;
  }
  .section03 > div > div > div > div .card > div:first-child {
    position: relative;
    z-index: 1;
  }
  .section03 > div > div > div > div .card > div:first-child .media-holder {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #dddfce;
    height: 100%;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    > div {
    height: 100%;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    > div
    picture,
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    > div
    .video-holder {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    > div
    picture
    img,
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    > div
    picture
    video,
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    > div
    .video-holder
    img,
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    > div
    .video-holder
    video {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    .open-gallery {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 3;
    cursor: pointer;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    .open-gallery:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.5) 100%
    );
    height: 20%;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    .open-gallery
    span {
    font-family: "Futura PT";
    font-size: 13px;
    font-style: normal;
    font-weight: 450;
    line-height: 140%;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    position: absolute;
    inset: var(--grid-gutter-width);
    top: auto;
    text-align: center;
    color: white;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder
    .open-gallery
    span
    a {
    text-decoration: none !important;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder:has(.open-gallery)
    img,
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder:has(.open-gallery)
    video {
    transition: transform 450ms;
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder:has(.open-gallery):hover
    img,
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder:has(.open-gallery):hover
    video {
    transform: scale(1.025);
  }
  .section03
    > div
    > div
    > div
    > div
    .card
    > div:first-child
    .media-holder:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 30%);
    transition: opacity 0.5s cubic-bezier(0.76, 0, 0.24, 1);
    z-index: 2;
  }
  .section03 > div > div > div > div .card > div:nth-child(2) {
    position: absolute;
    inset: auto var(--spacer-3) var(--spacer-3);
    z-index: 2;
    text-align: center;
    color: white;
    transition: opacity 0.5s cubic-bezier(0.76, 0, 0.24, 1);
  }
  .section03 > div > div > div > div .card > div.description {
    position: absolute;
    transform: translateX(-50%);
    inset: 0 0 0 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    padding: 0 8vw;
    text-align: center;
    color: white;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.5s cubic-bezier(0.76, 0, 0.24, 1);
  }
  .section03 > div > div > div > div .card:hover {
    flex: 2;
  }
  .section03
    > div
    > div
    > div
    > div
    .card:hover
    > div:first-child
    .media-holder:before {
    opacity: 0;
  }
  .section03 > div > div > div > div .card:hover > div:nth-child(2) {
    opacity: 0;
  }
  .section03 > div > div > div > div .card:hover > div.description {
    opacity: 1;
  }
}
@media (max-width: 1023.98px) {
  .section06.large-up {
    display: none;
  }
}
.section06.large-up > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}
.section06.large-up > div .flags {
  display: flex;
  flex-direction: row-reverse;
  border-right: 1px solid #dddfce;
}
.section06.large-up > div .flags > div {
  display: flex;
  position: relative;
  overflow: hidden;
  transition: flex-grow 450ms cubic-bezier(0.76, 0, 0.24, 1);
  border-style: solid;
  border-width: 1px 0px 1px 1px;
  border-color: #dddfce;
}
.section06.large-up > div .flags > div.active {
  flex-grow: 1;
}
.section06.large-up > div .flags > div.active .content {
  opacity: 1;
}
.section06.large-up > div .flags > div .title {
  position: relative;
  width: var(--spacer-1);
  overflow: hidden;
  cursor: pointer;
}
.section06.large-up > div .flags > div .title span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: 0 0;
  transform: rotate(-90deg) translateX(-50%) translateY(-50%);
}
.section06.large-up > div .flags > div .title span a {
  text-decoration: none !important;
}
.section06.large-up > div .flags > div .content {
  position: absolute;
  inset: 0;
  margin-left: var(--spacer-1);
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity 450ms cubic-bezier(0.76, 0, 0.24, 1);
  overflow: hidden;
}
.section06.large-up > div .flags > div .content > div {
  width: 100%;
}
.section06.large-up > div .flags > div .content > div > div {
  display: flex;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
}
.section06.large-up > div .flags > div .content > div > div > div:first-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 41.66666667%;
}
.section06.large-up
  > div
  .flags
  > div
  .content
  > div
  > div
  > div:first-child
  .media-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #dddfce;
  aspect-ratio: 1.3333333333;
  height: auto;
}
.section06.large-up
  > div
  .flags
  > div
  .content
  > div
  > div
  > div:first-child
  .media-holder
  > div {
  height: 100%;
}
.section06.large-up
  > div
  .flags
  > div
  .content
  > div
  > div
  > div:first-child
  .media-holder
  > div
  picture,
.section06.large-up
  > div
  .flags
  > div
  .content
  > div
  > div
  > div:first-child
  .media-holder
  > div
  .video-holder {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.section06.large-up
  > div
  .flags
  > div
  .content
  > div
  > div
  > div:first-child
  .media-holder
  > div
  picture
  img,
.section06.large-up
  > div
  .flags
  > div
  .content
  > div
  > div
  > div:first-child
  .media-holder
  > div
  picture
  video,
.section06.large-up
  > div
  .flags
  > div
  .content
  > div
  > div
  > div:first-child
  .media-holder
  > div
  .video-holder
  img,
.section06.large-up
  > div
  .flags
  > div
  .content
  > div
  > div
  > div:first-child
  .media-holder
  > div
  .video-holder
  video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.section06.large-up
  > div
  .flags
  > div
  .content
  > div
  > div
  > div:first-child
  .media-holder
  .open-gallery {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 3;
  cursor: pointer;
}
.section06.large-up
  > div
  .flags
  > div
  .content
  > div
  > div
  > div:first-child
  .media-holder
  .open-gallery:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  height: 20%;
}
.section06.large-up
  > div
  .flags
  > div
  .content
  > div
  > div
  > div:first-child
  .media-holder
  .open-gallery
  span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  position: absolute;
  inset: var(--grid-gutter-width);
  top: auto;
  text-align: center;
  color: white;
}
.section06.large-up
  > div
  .flags
  > div
  .content
  > div
  > div
  > div:first-child
  .media-holder
  .open-gallery
  span
  a {
  text-decoration: none !important;
}
.section06.large-up
  > div
  .flags
  > div
  .content
  > div
  > div
  > div:first-child
  .media-holder:has(.open-gallery)
  img,
.section06.large-up
  > div
  .flags
  > div
  .content
  > div
  > div
  > div:first-child
  .media-holder:has(.open-gallery)
  video {
  transition: transform 450ms;
}
.section06.large-up
  > div
  .flags
  > div
  .content
  > div
  > div
  > div:first-child
  .media-holder:has(.open-gallery):hover
  img,
.section06.large-up
  > div
  .flags
  > div
  .content
  > div
  > div
  > div:first-child
  .media-holder:has(.open-gallery):hover
  video {
  transform: scale(1.025);
}
.section06.large-up > div .flags > div .content > div > div > div:last-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 29.16666667%;
  margin-left: 4.16666667%;
}
.section06.large-up > div .flags > div:nth-child(3n + 1) {
  background-color: #f8f9f5;
}
.section06.large-up > div .flags > div:nth-child(3n + 2) {
  background-color: #eceae3;
}
.section06.large-up > div .flags > div:nth-child(3n) {
  background-color: #dddfce;
}
.section06.large-down {
  display: none;
}
@media (max-width: 1023.98px) {
  .section06.large-down {
    display: block;
  }
}
.section06.large-down > div .flags {
  border-bottom: 1px solid #dddfce;
}
.section06.large-down > div .flags > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #dddfce;
}
.section06.large-down > div .flags > div:nth-child(3n + 1) {
  background-color: #f8f9f5;
}
.section06.large-down > div .flags > div:nth-child(3n + 2) {
  background-color: #eceae3;
}
.section06.large-down > div .flags > div:nth-child(3n) {
  background-color: #dddfce;
}
.section06.large-down > div .flags > div > div:first-child {
  height: var(--reduced-margin);
  overflow: hidden;
  display: flex;
  align-items: center;
}
.section06.large-down > div .flags > div > div:last-child {
  height: 0;
  overflow: hidden;
}
.section06.large-down > div .flags > div > div:last-child > div {
  padding-top: var(--reduced-margin);
  padding-bottom: var(--reduced-margin);
}
.section06.large-down > div .flags > div.active > div:first-child {
  display: none;
}
.section06.large-down > div .flags > div.active > div:last-child {
  height: auto;
}
.section14 > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}
.section14 > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  justify-content: center;
}
.section14 > div > div > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 83.33333333%;
}
@media (max-width: 1023.98px) {
  .section14 > div > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .section14 > div > div > div > .tagline {
    margin-left: calc(-1 * var(--grid-gutter-width));
  }
}
.section14 > div > div > div > div {
  position: relative;
  margin-top: var(--spacer-3);
}
.section14 > div > div > div > div:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-1 * var(--grid-gutter-width));
  right: calc(-1 * var(--grid-gutter-width));
  background-color: #baab96;
  height: 1px;
}
.section14 > div > div > div > div > div {
  position: relative;
  padding-block: var(--spacer-3);
}
@media (min-width: 1024px) {
  .section14 > div > div > div > div > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.section14 > div > div > div > div > div:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(-1 * var(--grid-gutter-width));
  right: calc(-1 * var(--grid-gutter-width));
  background-color: #baab96;
  height: 1px;
}
.section14 > div > div > div > div > div > div {
  display: flex;
}
@media (min-width: 1024px) {
  .section14 > div > div > div > div > div > div {
    gap: var(--spacer-2);
    margin: 0;
  }
}
@media (max-width: 1023.98px) {
  .section14 > div > div > div > div > div > div {
    flex-direction: column;
  }
}
.section14 > div > div > div > div > div > div a {
  text-decoration: none;
}
.section15 > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}
.section15 > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  justify-content: center;
}
.section15 > div > div > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 83.33333333%;
}
@media (max-width: 1023.98px) {
  .section15 > div > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .section15 > div > div > div > .tagline {
    margin-left: calc(-1 * var(--grid-gutter-width));
  }
}
.section15 > div > div > div > div {
  position: relative;
  margin-top: var(--spacer-2);
}
.section15 > div > div > div > div:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-1 * var(--grid-gutter-width));
  right: calc(-1 * var(--grid-gutter-width));
  background-color: #baab96;
  height: 1px;
}
.section15 > div > div > div > div > div {
  position: relative;
}
.section15 > div > div > div > div > div:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(-1 * var(--grid-gutter-width));
  right: calc(-1 * var(--grid-gutter-width));
  background-color: #baab96;
  height: 1px;
}
.section15 > div > div > div > div > div > div.line {
  text-wrap: balance;
  display: grid;
  grid-template-columns: 4fr auto;
  gap: 2rem;
  justify-content: space-between;
  padding-block: var(--spacer-2);
  align-items: center;
  cursor: pointer;
}
.section15 > div > div > div > div > div > div.line > span {
  margin: 0;
}
.section15 > div > div > div > div > div > div.line > span .hidden {
  display: none;
}
.section15 > div > div > div > div > div > div:last-child {
  display: grid;
  transition: grid-template-rows 0.5s;
  grid-template-rows: 1fr;
}
.section15 > div > div > div > div > div > div:last-child.hidden {
  grid-template-rows: 0.00001fr;
}
.section15 > div > div > div > div > div > div:last-child > div {
  overflow: hidden;
}
@media (min-width: 1024px) {
  .section15 > div > div > div > div > div > div:last-child > div {
    width: 66%;
  }
}
.section15 > div > div > div > div > div > div:last-child > div > div {
  padding-bottom: var(--grid-gutter-width);
}
body.lock {
  overflow: hidden;
}
body::-webkit-scrollbar {
  display: none;
}
main {
  position: relative;
  pointer-events: all;
}
main > section:first-child {
  padding-top: calc(var(--topbar-init-height) + var(--reduced-margin));
}
main > section {
  position: relative;
  /* z-index:2; */
  margin-bottom: var(--standard-margin);
}
main > section.reduced {
  margin-bottom: var(--reduced-margin);
}
main > section.small {
  margin-bottom: var(--small-margin);
}
main > section.zero {
  margin-bottom: 0;
}
main > section[class*="background-"] {
  padding-top: var(--reduced-margin);
  padding-bottom: var(--reduced-margin);
}
main > section[class*="background-"]:has(+ section[class*="background"]),
main > section[class*="background-"]:has(+ #footer) {
  margin-bottom: 0;
}
main > section[class*="background-"]:has(+ section[class*="background"]).small,
main > section[class*="background-"]:has(+ #footer).small {
  padding-bottom: var(--small-margin);
}
main > section[class*="background-"]:has(+ section[class*="background"]).zero,
main > section[class*="background-"]:has(+ #footer).zero {
  padding-bottom: 0;
}
main > section[class*="background-"] + section[class*="background-"] {
  padding-top: 0;
  opacity: 1 !important;
}
main > section.background-sage {
  background-color: #dddfce;
}
main > section.background-sage-wash {
  background-color: #f8f9f5;
}
body:not(.type-group):not(.type-hotel) main > section:has(+ .newsletter) {
  margin-bottom: var(--reduced-margin);
}
body.type-group main > section:has(+ .newsletter),
body.type-hotel main > section:has(+ .newsletter) {
  margin-bottom: 0;
}
#smooth-wrapper {
  z-index: 10;
  pointer-events: none;
}
#smooth-wrapper main {
  pointer-events: all;
}
.topbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  height: var(--topbar-init-height);
  background-color: transparent;
  transition: all 450ms;
}
.topbar > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
  max-width: none;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.topbar > div .menu {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: black;
  background: url("../images/icons/Menu.svg") center left/19px auto no-repeat;
  padding-left: 29px;
  cursor: pointer;
}
.topbar > div .menu a {
  text-decoration: none !important;
}
@media (max-width: 1023.98px) {
  .topbar > div .menu {
    padding-left: 0;
    background: none;
  }
}
.topbar > div .logo {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: opacity 450ms;
  filter: invert(64%) sepia(9%) saturate(1330%) hue-rotate(357deg)
    brightness(86%) contrast(83%);
  width: 240px;
  height: 31px;
}
@media (max-width: 1023.98px) {
  .topbar > div .logo {
    width: 180px;
    height: 24px;
  }
}
.topbar > div .logo.main {
  opacity: 1;
  visibility: visible;
}
.topbar > div .logo.sticky {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1024px) {
  .topbar > div .reserve {
    font-family: "Futura PT";
    font-size: 13px;
    font-style: normal;
    font-weight: 450;
    line-height: 140%;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center;
    padding: var(--button-padding-y) var(--button-padding-x);
    transition: all 450ms;
    border: 1px solid #baab96;
    display: inline-block;
  }
  .topbar > div .reserve,
  .topbar > div .reserve:hover,
  .topbar > div .reserve a,
  .topbar > div .reserve a:hover {
    color: #4e4e4c;
    text-decoration: none;
  }
  .topbar > div .reserve:hover,
  .topbar > div .reserve a:hover {
    background-color: #a28b69;
    color: white;
  }
}
@media (max-width: 1023.98px) {
  .topbar > div .reserve {
    font-family: "Futura PT";
    font-size: 13px;
    font-style: normal;
    font-weight: 450;
    line-height: 140%;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    text-decoration: none !important;
  }
}
body.root-group.type-group .topbar:not(.sticky) > div .menu,
body.root-group.type-group .topbar:not(.sticky) > div .logo,
body.root-hotel.type-hotel .topbar:not(.sticky) > div .menu,
body.root-hotel.type-hotel .topbar:not(.sticky) > div .logo {
  filter: invert(100%) sepia(26%) saturate(226%) hue-rotate(7deg)
    brightness(100%) contrast(86%);
}
body.root-group.type-group .topbar:not(.sticky) > div .reserve,
body.root-hotel.type-hotel .topbar:not(.sticky) > div .reserve {
  color: #ebece2;
  border-color: #ebece2;
}
body .topbar.sticky {
  height: var(--topbar-sticky-height);
  background-color: #f8f9f5;
  border-bottom: 1px solid #baab96;
}
body .topbar.sticky > div .menu {
  filter: invert(27%) sepia(5%) saturate(197%) hue-rotate(21deg) brightness(97%)
    contrast(82%);
}
body .topbar.sticky > div .logo {
  filter: invert(64%) sepia(9%) saturate(1330%) hue-rotate(357deg)
    brightness(86%) contrast(83%);
  height: 28px;
}
@media (max-width: 1023.98px) {
  body .topbar.sticky > div .logo {
    height: 24px;
  }
}
body .topbar.sticky > div .logo.main {
  opacity: 0;
  visibility: hidden;
}
body .topbar.sticky > div .logo.sticky {
  opacity: 1;
  visibility: visible;
}
.footer {
  background-color: #a28b69;
  padding-block: var(--spacer-1);
  margin-bottom: 0;
  min-height: 100px;
}
.footer__nested-row {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
}
.footer__nested-row > * {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 50%;
}
@media (min-width: 1024px) {
  .footer__nested-row > * {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
  .footer__nested-row > * + * {
    margin-top: var(--spacer-3);
  }

  .footer > div:first-child > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
  }
}
.footer > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}
.footer > div:first-child > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
}
.footer > div:first-child > div > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 19%;
}
@media (max-width: 1023.98px) {
  .footer > div:first-child > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
.footer > div:first-child > div > div * {
  color: white;
}
.footer > div:first-child > div > div .title {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 0.65px;
  text-transform: uppercase;
  margin-bottom: var(--spacer-2);
}
.footer > div:first-child > div > div ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer > div:first-child > div > div ul > li {
  margin: 0 !important;
}
.footer > div:first-child > div > div ul > li:before {
  display: none;
}
.footer > div:first-child > div > div ul li {
  font-family: "Futura PT";
  font-size: 12px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 0.65px;
  margin-block: 0.5em !important;
}
.footer > div:first-child > div > div ul li a {
  text-decoration: none;
}
.footer > div:first-child > div > div:first-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 33.33333333%;
}
@media (max-width: 1023.98px) {
  .footer > div:first-child > div > div:first-child {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
.footer > div:first-child > div > div:first-child {
  margin-left: 8.33333333%;
}
@media (max-width: 1023.98px) {
  .footer > div:first-child > div > div:first-child {
    margin-left: 0;
  }
}
.footer > div:first-child > div > div:first-child ul li span:first-child {
  text-transform: uppercase;
}
@media (max-width: 1023.98px) {
  .footer > div:first-child > div > div:nth-child(2),
  .footer > div:first-child > div > div:nth-child(3),
  .footer > div:first-child > div > div:last-child {
    margin-top: var(--spacer-3);
    padding-top: var(--spacer-3);
    position: relative;
  }
  .footer > div:first-child > div > div:nth-child(2):before,
  .footer > div:first-child > div > div:nth-child(3):before,
  .footer > div:first-child > div > div:last-child:before {
    content: "";
    height: 1px;
    background-color: #baab96;
    position: absolute;
    top: 0;
    left: calc(var(--grid-gutter-width) * 0.5);
    right: calc(var(--grid-gutter-width) * 0.5);
  }
  .footer > div:first-child > div > div:nth-child(2) ul {
    columns: 2;
  }
}
@media (max-width: 1023.98px) {
  .footer > div:last-child {
    margin-top: var(--spacer-3);
  }
}
.footer > div:last-child > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
}
.footer > div:last-child > div > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 91.66666667%;
  margin-left: 8.33333333%;
}
@media (max-width: 1023.98px) {
  .footer > div:last-child > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
    margin-left: 0;
  }
}
.footer > div:last-child > div > div * {
  font-family: "Futura PT";
  font-size: 12px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 0.65px;
  color: white;
}
#hero {
  position: relative;
}
body.type-group #hero:has(.hero-media),
body.type-hotel #hero:has(.hero-media) {
  height: 100svh;
  margin-bottom: var(--standard-margin);
}
body.type-group #hero:has(.hero-media).no-margin-bottom,
body.type-hotel #hero:has(.hero-media).no-margin-bottom {
  margin-bottom: 0;
}
body.type-page #hero:has(.hero-media),
body.type-restaurant #hero:has(.hero-media),
body.type-room #hero:has(.hero-media) {
  height: calc(100svh - var(--grid-gutter-width));
  padding-top: var(--topbar-init-height);
  margin-bottom: calc(var(--standard-margin) - var(--grid-gutter-width));
}
body.type-page #hero:has(.hero-media).no-margin-bottom,
body.type-restaurant #hero:has(.hero-media).no-margin-bottom,
body.type-room #hero:has(.hero-media).no-margin-bottom {
  margin-bottom: var(--grid-gutter-width);
}
body.type-page #hero:has(.hero-media) .hero-media,
body.type-restaurant #hero:has(.hero-media) .hero-media,
body.type-room #hero:has(.hero-media) .hero-media {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
  max-width: none;
}
body.type-page #hero:has(.hero-media) .hero-text,
body.type-restaurant #hero:has(.hero-media) .hero-text,
body.type-room #hero:has(.hero-media) .hero-text {
  padding-top: var(--topbar-init-height);
}
#hero:has(.hero-media) .hero-text {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: center;
}
#hero:has(.hero-media):has(.mark) .hero-media > div .media-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #dddfce;
  height: 100%;
}
#hero:has(.hero-media):has(.mark) .hero-media > div .media-holder > div {
  height: 100%;
}
#hero:has(.hero-media):has(.mark) .hero-media > div .media-holder > div picture,
#hero:has(.hero-media):has(.mark)
  .hero-media
  > div
  .media-holder
  > div
  .video-holder {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
#hero:has(.hero-media):has(.mark)
  .hero-media
  > div
  .media-holder
  > div
  picture
  img,
#hero:has(.hero-media):has(.mark)
  .hero-media
  > div
  .media-holder
  > div
  picture
  video,
#hero:has(.hero-media):has(.mark)
  .hero-media
  > div
  .media-holder
  > div
  .video-holder
  img,
#hero:has(.hero-media):has(.mark)
  .hero-media
  > div
  .media-holder
  > div
  .video-holder
  video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#hero:has(.hero-media):has(.mark)
  .hero-media
  > div
  .media-holder
  .open-gallery {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 3;
  cursor: pointer;
}
#hero:has(.hero-media):has(.mark)
  .hero-media
  > div
  .media-holder
  .open-gallery:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  height: 20%;
}
#hero:has(.hero-media):has(.mark)
  .hero-media
  > div
  .media-holder
  .open-gallery
  span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  position: absolute;
  inset: var(--grid-gutter-width);
  top: auto;
  text-align: center;
  color: white;
}
#hero:has(.hero-media):has(.mark)
  .hero-media
  > div
  .media-holder
  .open-gallery
  span
  a {
  text-decoration: none !important;
}
#hero:has(.hero-media):has(.mark)
  .hero-media
  > div
  .media-holder:has(.open-gallery)
  img,
#hero:has(.hero-media):has(.mark)
  .hero-media
  > div
  .media-holder:has(.open-gallery)
  video {
  transition: transform 450ms;
}
#hero:has(.hero-media):has(.mark)
  .hero-media
  > div
  .media-holder:has(.open-gallery):hover
  img,
#hero:has(.hero-media):has(.mark)
  .hero-media
  > div
  .media-holder:has(.open-gallery):hover
  video {
  transform: scale(1.025);
}
#hero:has(.hero-media):has(.mark) .hero-media > div .media-holder:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(235, 236, 226, 0) 0%, #ebece2 100%);
  z-index: 2;
}
#hero:has(.hero-media):not(:has(.mark)) .hero-media > div .media-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #dddfce;
  height: 100%;
}
#hero:has(.hero-media):not(:has(.mark)) .hero-media > div .media-holder:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 2;
}
#hero:has(.hero-media):not(:has(.mark)) .hero-media > div .media-holder > div {
  height: 100%;
}
#hero:has(.hero-media):not(:has(.mark))
  .hero-media
  > div
  .media-holder
  > div
  picture,
#hero:has(.hero-media):not(:has(.mark))
  .hero-media
  > div
  .media-holder
  > div
  .video-holder {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
#hero:has(.hero-media):not(:has(.mark))
  .hero-media
  > div
  .media-holder
  > div
  picture
  img,
#hero:has(.hero-media):not(:has(.mark))
  .hero-media
  > div
  .media-holder
  > div
  picture
  video,
#hero:has(.hero-media):not(:has(.mark))
  .hero-media
  > div
  .media-holder
  > div
  .video-holder
  img,
#hero:has(.hero-media):not(:has(.mark))
  .hero-media
  > div
  .media-holder
  > div
  .video-holder
  video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#hero:has(.hero-media):not(:has(.mark))
  .hero-media
  > div
  .media-holder
  .open-gallery {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 3;
  cursor: pointer;
}
#hero:has(.hero-media):not(:has(.mark))
  .hero-media
  > div
  .media-holder
  .open-gallery:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  height: 20%;
}
#hero:has(.hero-media):not(:has(.mark))
  .hero-media
  > div
  .media-holder
  .open-gallery
  span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  position: absolute;
  inset: var(--grid-gutter-width);
  top: auto;
  text-align: center;
  color: white;
}
#hero:has(.hero-media):not(:has(.mark))
  .hero-media
  > div
  .media-holder
  .open-gallery
  span
  a {
  text-decoration: none !important;
}
#hero:has(.hero-media):not(:has(.mark))
  .hero-media
  > div
  .media-holder:has(.open-gallery)
  img,
#hero:has(.hero-media):not(:has(.mark))
  .hero-media
  > div
  .media-holder:has(.open-gallery)
  video {
  transition: transform 450ms;
}
#hero:has(.hero-media):not(:has(.mark))
  .hero-media
  > div
  .media-holder:has(.open-gallery):hover
  img,
#hero:has(.hero-media):not(:has(.mark))
  .hero-media
  > div
  .media-holder:has(.open-gallery):hover
  video {
  transform: scale(1.025);
}
#hero:has(.hero-media):not(:has(.mark)) .hero-media > div .media-holder:before {
  background-color: rgba(0, 0, 0, 0.3);
}
#hero:has(.hero-media):not(:has(.mark)) .hero-gallery *,
#hero:has(.hero-media):not(:has(.mark)) .hero-text * {
  color: white;
}
#hero:has(.hero-media):not(:has(.mark)) .hero-gallery a,
#hero:has(.hero-media):not(:has(.mark)) .hero-text a {
  text-decoration: none;
}
#hero:has(.hero-media):not(:has(.mark)):has(.hero-gallery)
  .hero-media
  > div
  .media-holder:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  z-index: 3;
  height: 30%;
}
#hero:not(:has(.hero-media)) {
  padding-top: calc(var(--topbar-init-height) + var(--reduced-margin));
  margin-bottom: var(--reduced-margin);
}
#hero:not(:has(.hero-media)).no-margin-bottom {
  margin-bottom: var(--spacer-3);
}
#hero .hero-media {
  height: 100%;
}
#hero .hero-text {
  pointer-events: none;
}
#hero .hero-text > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}
#hero .hero-text > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  justify-content: center;
}
#hero .hero-text > div > div > div {
  text-align: center;
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 50%;
}
@media (max-width: 1023.98px) {
  #hero .hero-text > div > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 83.33333333%;
  }
}
#hero .hero-text > div > div > div * {
  pointer-events: all;
}
#hero .hero-text > div > div > div .inline-elements {
  justify-content: center;
}
#hero .hero-gallery {
  position: absolute;
  inset: auto 0 var(--spacer-1);
  z-index: 5;
  pointer-events: none;
}
#hero .hero-gallery > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
  max-width: none;
}
#hero .hero-gallery > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  justify-content: center;
}
#hero .hero-gallery > div > div > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 50%;
  text-align: center;
}
#hero .hero-gallery > div > div > div button {
  pointer-events: all;
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
#hero .hero-gallery > div > div > div button a {
  text-decoration: none !important;
}
#panel-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
  background-color: #f8f9f5;
  opacity: 0;
  pointer-events: none;
  transition: opacity 450ms;
}
#panel-menu.open {
  opacity: 1;
  pointer-events: all;
}
#panel-menu.open .picture-list {
  opacity: 1 !important;
  transform: none !important;
}
#panel-menu .link-to-root {
  text-decoration: none;
  display: block;
  margin-top: 1rem;
}
@media (min-width: 1024px) {
  #panel-menu .link-to-root {
    position: absolute;
    bottom: 0;
  }
}
#panel-menu .topbar {
  border-bottom: 0;
}
#panel-menu .topbar > div .menu {
  background: url("../images/icons/Close.svg") center left/14px auto no-repeat;
}
@media (max-width: 1023.98px) {
  #panel-menu .topbar > div .menu {
    background: none;
  }
}
#panel-menu > div:not(.topbar) {
  position: relative;
  margin-top: var(--topbar-sticky-height);
  height: calc(100svh - var(--topbar-sticky-height) - var(--grid-gutter-width));
}
@media (max-width: 1023.98px) {
  #panel-menu > div:not(.topbar) {
    height: calc(100svh - var(--topbar-sticky-height));
    overflow: scroll;
    position: absolute;
    padding-bottom: 40px;
  }
  #panel-menu > div:not(.topbar)::-webkit-scrollbar {
    display: none;
  }
  #panel-menu > div:not(.topbar) > div {
    height: auto !important;
  }
}
#panel-menu > div:not(.topbar) > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
  max-width: none;
  height: 100%;
}
#panel-menu > div:not(.topbar) > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  height: 100%;
}
#panel-menu > div:not(.topbar) > div > div > div ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#panel-menu > div:not(.topbar) > div > div > div ul > li {
  margin: 0 !important;
}
#panel-menu > div:not(.topbar) > div > div > div ul > li:before {
  display: none;
}
#panel-menu > div:not(.topbar) > div > div > div ul li a {
  font-family: "Ogg";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.44px;
  display: inline-block;
  text-decoration: none;
  transition: opacity 450ms;
  padding: calc(0.5 * var(--spacer-2)) 0;
}
@media (max-width: 1023.98px) {
  #panel-menu > div:not(.topbar) > div > div > div ul li a {
    font-size: 24px;
    letter-spacing: 0.48px;
  }
}
#panel-menu > div:not(.topbar) > div > div > div ul li a:hover {
  color: inherit;
}
#panel-menu > div:not(.topbar) > div > div > div ul li a * {
  pointer-events: none;
}
#panel-menu
  > div:not(.topbar)
  > div
  > div
  > div
  ul.menu-list:has(a.active)
  a:not(.active) {
  opacity: 0.5;
}
#panel-menu > div:not(.topbar) > div > div > div:first-child {
  position: relative;
  margin-top: 100px;
}
@media (max-width: 1023.98px) {
  #panel-menu > div:not(.topbar) > div > div > div:first-child {
    margin-top: 40px;
  }
}
#panel-menu > div:not(.topbar) > div > div > div:nth-child(2) {
  margin-top: 100px;
}
@media (max-width: 1023.98px) {
  #panel-menu > div:not(.topbar) > div > div > div:nth-child(2) {
    padding-top: 40px;
    margin-top: 40px;
    position: relative;
  }
  #panel-menu > div:not(.topbar) > div > div > div:nth-child(2):before {
    content: "";
    height: 1px;
    background-color: #baab96;
    position: absolute;
    top: 0;
    left: calc(var(--grid-gutter-width) * 0.5);
    right: calc(var(--grid-gutter-width) * 0.5);
  }
}
#panel-menu > div:not(.topbar) > div > div > div:last-child {
  margin-top: var(--grid-gutter-width);
}
#panel-menu > div:not(.topbar) > div > div > div:last-child > div {
  position: relative;
  height: 100%;
  overflow: hidden;
}
#panel-menu
  > div:not(.topbar)
  > div
  > div
  > div:last-child
  > div
  .picture-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transform: scale(1.25);
  transition: all cubic-bezier(0.76, 0, 0.24, 1) 1.25s;
  transition-delay: 0.125s;
}
#panel-menu
  > div:not(.topbar)
  > div
  > div
  > div:last-child
  > div
  .picture-list
  picture {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
#panel-menu
  > div:not(.topbar)
  > div
  > div
  > div:last-child
  > div
  .picture-list
  picture
  img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: opacity 0.75s;
  opacity: 0;
}
#panel-menu
  > div:not(.topbar)
  > div
  > div
  > div:last-child
  > div
  .picture-list
  picture.active {
  z-index: 20;
}
#panel-menu
  > div:not(.topbar)
  > div
  > div
  > div:last-child
  > div
  .picture-list
  picture.active
  img {
  opacity: 1;
}
body.root-group #panel-menu > div:not(.topbar) > div > div > div:first-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 25%;
}
@media (max-width: 1023.98px) {
  body.root-group #panel-menu > div:not(.topbar) > div > div > div:first-child {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
body.root-group #panel-menu > div:not(.topbar) > div > div > div:nth-child(2) {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 25%;
}
@media (max-width: 1023.98px) {
  body.root-group
    #panel-menu
    > div:not(.topbar)
    > div
    > div
    > div:nth-child(2) {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
body.root-group
  #panel-menu
  > div:not(.topbar)
  > div
  > div
  > div:nth-child(2)
  ul:last-child {
  margin-top: calc(var(--spacer-2) * -0.5);
}
body.root-group
  #panel-menu
  > div:not(.topbar)
  > div
  > div
  > div:nth-child(2)
  ul:last-child
  li
  a {
  padding: var(--spacer-2) 0;
}
body.root-group
  #panel-menu
  > div:not(.topbar)
  > div
  > div
  > div:nth-child(2)
  ul:last-child
  li
  a
  .menu-item-small
  + .tagline {
  color: #a28b69;
}
body.root-group #panel-menu > div:not(.topbar) > div > div > div:last-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 50%;
}
@media (max-width: 1023.98px) {
  body.root-group #panel-menu > div:not(.topbar) > div > div > div:last-child {
    display: none;
  }
}
body.root-hotel #panel-menu > div:not(.topbar) > div > div > div:first-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 33.33333333%;
}
@media (max-width: 1023.98px) {
  body.root-hotel #panel-menu > div:not(.topbar) > div > div > div:first-child {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
body.root-hotel #panel-menu > div:not(.topbar) > div > div > div:last-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 33.333%;
}
@media (max-width: 1023.98px) {
  body.root-hotel #panel-menu > div:not(.topbar) > div > div > div:last-child {
    display: none;
  }
}
#panel-booking {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
  background-color: #f8f9f5;
  opacity: 0;
  pointer-events: none;
  transition: opacity 450ms;
}
#panel-booking.open {
  opacity: 1;
  pointer-events: all;
}
#panel-booking .topbar {
  border-bottom: 0;
}
#panel-booking .topbar > div .menu {
  background: url("../images/icons/Close.svg") center left/14px auto no-repeat;
}
@media (max-width: 1023.98px) {
  #panel-booking .topbar > div .menu {
    background: none;
  }
}
#panel-booking > div:not(.topbar) {
  position: relative;
  margin-top: var(--topbar-sticky-height);
  height: calc(100svh - var(--topbar-sticky-height));
}
@media (max-width: 1023.98px) {
  #panel-booking > div:not(.topbar) {
    height: calc(100svh - var(--topbar-sticky-height));
    overflow: scroll;
    position: absolute;
    padding-bottom: 40px;
  }
  #panel-booking > div:not(.topbar)::-webkit-scrollbar {
    display: none;
  }
  #panel-booking > div:not(.topbar) > div {
    height: auto !important;
  }
}
#panel-booking > div:not(.topbar) > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
  max-width: none;
  height: 100%;
  overflow: auto;
}
@media (max-width: 1023.98px) {
  #panel-booking > div:not(.topbar) > div {
    overflow: visible;
  }
}
#panel-booking > div:not(.topbar) > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  justify-content: center;
  height: 100%;
}
#panel-booking > div:not(.topbar) > div > div > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 66.66666667%;
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: var(--topbar-init-height);
}
@media (max-width: 1023.98px) {
  #panel-booking > div:not(.topbar) > div > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
#panel-booking > div:not(.topbar) > div > div > div > div {
  width: 100%;
}
#panel-booking > div:not(.topbar) > div > div > div > div .quick-booking {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--spacer-2) * 2);
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field {
  text-align: left;
  margin: 0;
  padding: 0;
  border: 0;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.destinations
  .destination {
  position: relative;
  overflow: hidden;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.destinations
  .destination
  input {
  position: absolute;
  top: -100px;
  left: -100px;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.destinations
  .destination
  input
  + span {
  opacity: 0.5;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.destinations
  .destination
  input
  + span:hover {
  opacity: 1;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.destinations
  .destination
  input:checked
  + span {
  opacity: 1;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.destinations,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.dates {
  position: relative;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.destinations
  button,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.dates
  button {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>');
  background-position: top 0.25em right;
  background-repeat: no-repeat;
  background-size: 1em auto;
  display: inline-block;
  width: 100%;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.destinations
  .panel,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.dates
  .panel {
  margin: 0;
  position: absolute;
  z-index: 1;
  top: calc(var(--spacer-2) + 26px);
  left: 0;
  width: 100%;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.destinations,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.dates,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.rooms
  .guests,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.rooms
  .children-age {
  width: calc(50% - var(--grid-gutter-width) * 0.5);
}
@media (max-width: 1023.98px) {
  #panel-booking
    > div:not(.topbar)
    > div
    > div
    > div
    > div
    .quick-booking
    .field.destinations,
  #panel-booking
    > div:not(.topbar)
    > div
    > div
    > div
    > div
    .quick-booking
    .field.dates,
  #panel-booking
    > div:not(.topbar)
    > div
    > div
    > div
    > div
    .quick-booking
    .field.rooms
    .guests,
  #panel-booking
    > div:not(.topbar)
    > div
    > div
    > div
    > div
    .quick-booking
    .field.rooms
    .children-age {
    width: 100%;
  }
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.destinations,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.dates,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.rooms
  .guests,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.rooms
  .age {
  padding-bottom: var(--spacer-2);
  margin-bottom: var(--spacer-2);
  border-bottom: 1px solid #baab96;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.destinations {
  margin-right: calc(var(--grid-gutter-width) * 0.5);
}
@media (max-width: 1023.98px) {
  #panel-booking
    > div:not(.topbar)
    > div
    > div
    > div
    > div
    .quick-booking
    .field.destinations {
    margin-right: 0;
  }
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.destinations
  .panel {
  background-color: #ebece2;
  padding: var(--spacer-2);
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.dates {
  margin-left: calc(var(--grid-gutter-width) * 0.5);
}
@media (max-width: 1023.98px) {
  #panel-booking
    > div:not(.topbar)
    > div
    > div
    > div
    > div
    .quick-booking
    .field.dates {
    margin-left: 0;
  }
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.rooms
  .add,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.rooms
  .sub {
  color: transparent;
  width: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px auto;
  display: inline-block;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.rooms
  .add {
  background-image: url('data:image/svg+xml;utf8,<svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"><line y1="3.6" x2="7" y2="3.6" stroke="currentColor" stroke-width="0.5"/><line x1="3.4" y1="1.74846e-08" x2="3.4" y2="7" stroke="currentColor" stroke-width="0.5"/></svg>');
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.rooms
  .sub {
  background-image: url('data:image/svg+xml;utf8,<svg width="7" height="1" viewBox="0 0 7 1" fill="none" xmlns="http://www.w3.org/2000/svg"><line y1="0.6" x2="7" y2="0.6" stroke="currentColor" stroke-width="0.5"/></svg>');
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.rooms,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.cta {
  width: 100%;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.cta {
  text-align: center;
  margin-bottom: 0;
  border-bottom: 0;
  margin-top: var(--spacer-2);
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.cta
  button {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  text-decoration: none !important;
  text-align: center;
  padding: var(--button-padding-y) var(--button-padding-x);
  transition: all 450ms;
  border: 1px solid #baab96;
  display: inline-block;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.cta
  button,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.cta
  button:hover,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.cta
  button
  a,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.cta
  button
  a:hover {
  color: #4e4e4c;
  text-decoration: none;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.cta
  button:hover,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field.cta
  button
  a:hover {
  background-color: #a28b69;
  color: white;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field
  button
  .caption {
  display: none;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field
  .label,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field
  .destination
  span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field
  .label
  a,
#panel-booking
  > div:not(.topbar)
  > div
  > div
  > div
  > div
  .quick-booking
  .field
  .destination
  span
  a {
  text-decoration: none !important;
}
.room-caption {
  display: none;
}
.newsletter .full-version {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}
.newsletter .full-version > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  align-items: center;
}
.newsletter .full-version > div > div:first-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 50%;
  margin-left: 4.16666667%;
}
@media (max-width: 1023.98px) {
  .newsletter .full-version > div > div:first-child {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
    margin-left: 0;
  }
}
.newsletter .full-version > div > div:first-child > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  background-image: url("../images/icons/Rays.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90% auto;
}
.newsletter .full-version > div > div:first-child > div > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 53.33333333%;
}
@media (max-width: 1023.98px) {
  .newsletter .full-version > div > div:first-child > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 66.66666667%;
  }
}
.newsletter .full-version > div > div:first-child > div > div img {
  aspect-ratio: 1;
  border-radius: 100%;
}
.newsletter .full-version > div > div:last-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 25%;
  margin-left: 4.16666667%;
  text-align: center;
}
@media (max-width: 1023.98px) {
  .newsletter .full-version > div > div:last-child {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 83.33333333%;
    margin-left: 8.33333333%;
    margin-bottom: var(--reduced-margin);
  }
}
.newsletter .full-version > div > div:last-child .tagline {
  color: #a28b69;
}
.newsletter .full-version > div > div:last-child .inline-elements {
  justify-content: center;
}
.newsletter
  .full-version
  > div
  > div:last-child
  .umbraco-forms-PSK
  .umbraco-forms-container
  .row
  .form-group {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.newsletter
  .full-version
  > div
  > div:last-child
  .umbraco-forms-PSK
  .umbraco-forms-container
  .row
  .form-group
  input[type="email"] {
  text-align: center;
}
.newsletter
  .full-version
  > div
  > div:last-child
  .umbraco-forms-PSK
  .umbraco-forms-container
  .row
  .form-group
  .form-check {
  display: flex;
  justify-content: center;
}
.newsletter
  .full-version
  > div
  > div:last-child
  .umbraco-forms-PSK
  .umbraco-forms-container
  .row
  .form-group
  .field-validation-error {
  text-align: center;
}
.newsletter .reduced-version {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}
.newsletter .reduced-version > div:first-child {
  text-align: center;
  border-bottom: 1px solid #baab96;
  padding-bottom: var(--spacer-3);
}
.newsletter .reduced-version > div:last-child {
  padding-block: var(--spacer-1);
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  justify-content: center;
}
.newsletter .reduced-version > div:last-child > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 33.33333333%;
}
@media (max-width: 1023.98px) {
  .newsletter .reduced-version > div:last-child > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 83.33333333%;
  }
}
.newsletter .reduced-version > div:last-child > div:first-child {
  text-align: center;
}
@media (max-width: 1023.98px) {
  .newsletter .reduced-version > div:last-child > div:first-child {
    margin-bottom: calc(var(--spacer-2) * 2);
  }
}
.newsletter
  .reduced-version
  > div:last-child
  > div:last-child
  .umbraco-forms-PSK {
  margin-bottom: 0;
}
.newsletter
  .reduced-version
  > div:last-child
  > div:last-child
  .umbraco-forms-PSK
  .umbraco-forms-container
  .row {
  position: relative;
}
@media (max-width: 1023.98px) {
  .newsletter
    .reduced-version
    > div:last-child
    > div:last-child
    .umbraco-forms-PSK
    .umbraco-forms-container
    .row
    .form-group
    input[type="email"] {
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .newsletter
    .reduced-version
    > div:last-child
    > div:last-child
    .umbraco-forms-PSK
    .umbraco-forms-container
    .row
    .form-group
    input[type="submit"] {
    width: auto;
    position: absolute;
    top: 5px;
    right: calc(var(--grid-gutter-width) * 0.5);
  }
}
.newsletter
  .umbraco-forms-PSK
  .umbraco-forms-container
  .row
  .form-group
  .form-check
  label {
  font-size: 14px;
  text-align: center;
  background-size: auto 14px !important;
  background-position: top 6px left !important;
}
.newsletter
  .umbraco-forms-PSK
  .umbraco-forms-container
  .row
  .form-group
  input[type="submit"] {
  padding: 0 !important;
  margin: 0 !important;
  background-color: transparent !important;
  border: 0 !important;
}
.newsletter
  .umbraco-forms-PSK
  .umbraco-forms-container
  .row
  .form-group
  input[type="submit"]:hover {
  color: #a28b69 !important;
}
.carousel {
  overflow: hidden;
}
.carousel > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
  overflow: visible;
  position: relative;
}
.carousel > div .swiper-container {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
}
@media (min-width: 1024px) {
  .carousel > div .swiper-container {
    justify-content: center;
  }
}
.carousel > div .swiper-container > div .swiper {
  overflow: visible;
}
.carousel
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child {
  margin-bottom: var(--spacer-2-5);
}
.carousel
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a,
.carousel
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  div {
  display: block;
  position: relative;
}
.carousel
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal,
.carousel
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  div
  .reveal {
  position: relative;
  z-index: 1;
}
.carousel
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a:has(.tagline):after,
.carousel
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  div:has(.tagline):after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );
  height: 30%;
}
.carousel
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .tagline,
.carousel
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  div
  .tagline {
  position: absolute;
  z-index: 3;
  bottom: var(--spacer-3);
  color: white;
}
.carousel
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child:not(:first-child) {
  width: 90%;
}
.carousel
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child:not(:first-child)
  .tagline {
  color: #a28b69;
  margin-bottom: var(--button-padding-y);
}
.carousel > div .swiper-button {
  top: 0;
  margin-top: 0;
  opacity: 0;
}
.carousel > div .swiper-button-prev {
  left: calc(var(--container-margin) * 2);
}
.carousel > div .swiper-button-next {
  right: calc(var(--container-margin) * 2);
}
@media (min-width: 1024px) {
  .carousel > div:hover .swiper-button:not(.swiper-button-disabled) {
    opacity: 1;
  }
}
.carousel.type-1 > div .swiper-container > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 75%;
  /* margin-left:25%; */
}
@media (max-width: 1023.98px) {
  .carousel.type-1 > div .swiper-container > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
    margin-left: 0;
  }
}
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #dddfce;
  aspect-ratio: 1.7777777778;
  height: auto;
}
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  > div {
  height: 100%;
}
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  > div
  picture,
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  > div
  .video-holder {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  > div
  picture
  img,
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  > div
  picture
  video,
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  > div
  .video-holder
  img,
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  > div
  .video-holder
  video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  .open-gallery {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 3;
  cursor: pointer;
}
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  .open-gallery:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  height: 20%;
}
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  .open-gallery
  span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  position: absolute;
  inset: var(--grid-gutter-width);
  top: auto;
  text-align: center;
  color: white;
}
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  .open-gallery
  span
  a {
  text-decoration: none !important;
}
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder:has(.open-gallery)
  img,
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder:has(.open-gallery)
  video {
  transition: transform 450ms;
}
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder:has(.open-gallery):hover
  img,
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder:has(.open-gallery):hover
  video {
  transform: scale(1.025);
}
.carousel.type-1
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .tagline {
  right: var(--spacer-3);
}
.carousel.type-2 > div .swiper-container > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 91.66666667%;
  margin-left: 8.33333333%;
}
@media (max-width: 1023.98px) {
  .carousel.type-2 > div .swiper-container > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
    margin-left: 0;
  }
}
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #dddfce;
  aspect-ratio: 0.75;
  height: auto;
}
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  > div {
  height: 100%;
}
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  > div
  picture,
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  > div
  .video-holder {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  > div
  picture
  img,
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  > div
  picture
  video,
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  > div
  .video-holder
  img,
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  > div
  .video-holder
  video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  .open-gallery {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 3;
  cursor: pointer;
}
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  .open-gallery:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  height: 20%;
}
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  .open-gallery
  span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  position: absolute;
  inset: var(--grid-gutter-width);
  top: auto;
  text-align: center;
  color: white;
}
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder
  .open-gallery
  span
  a {
  text-decoration: none !important;
}
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder:has(.open-gallery)
  img,
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder:has(.open-gallery)
  video {
  transition: transform 450ms;
}
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder:has(.open-gallery):hover
  img,
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .reveal
  .media-holder:has(.open-gallery):hover
  video {
  transform: scale(1.025);
}
.carousel.type-2
  > div
  .swiper-container
  > div
  .swiper
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  a
  .tagline {
  left: 50%;
  transform: translateX(-50%);
}
.highlight > div {
  position: relative;
}
@media (min-width: 1024px) {
  .highlight > div {
    width: 100%;
    margin-inline: auto;
    max-width: var(--container-max-width);
    padding-inline: var(--container-margin);
    overflow: hidden;
  }
}
.highlight > div > div .swiper-wrapper {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 1024px) {
  .highlight > div > div .swiper-wrapper {
    background-image: none !important;
  }
}
@media (max-width: 1023.98px) {
  .highlight > div > div .swiper-wrapper {
    padding-bottom: var(--standard-margin);
  }
}
.highlight > div > div .swiper-wrapper .swiper-slide > div {
  display: flex;
}
@media (max-width: 1023.98px) {
  .highlight > div > div .swiper-wrapper .swiper-slide > div {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1024px) {
  .highlight > div > div .swiper-wrapper .swiper-slide > div > div {
    width: 50%;
  }
}
.highlight > div > div .swiper-wrapper .swiper-slide > div > div:first-child {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1023.98px) {
  .highlight > div > div .swiper-wrapper .swiper-slide > div > div:first-child {
    background: none !important;
  }
  .highlight
    > div
    > div
    .swiper-wrapper
    .swiper-slide
    > div
    > div:first-child
    > div
    > div {
    text-align: left !important;
    padding: var(--spacer-3) var(--container-margin) 0;
  }
}
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  > div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  > div
  > div {
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .highlight
    > div
    > div
    .swiper-wrapper
    .swiper-slide
    > div
    > div:first-child
    > div
    > div {
    width: 50%;
  }
}
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:first-child
  > div
  > div
  .tagline:first-child {
  color: #a28b69;
}
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child
  .media-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #dddfce;
  aspect-ratio: 1;
  height: auto;
}
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child
  .media-holder
  > div {
  height: 100%;
}
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child
  .media-holder
  > div
  picture,
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child
  .media-holder
  > div
  .video-holder {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child
  .media-holder
  > div
  picture
  img,
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child
  .media-holder
  > div
  picture
  video,
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child
  .media-holder
  > div
  .video-holder
  img,
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child
  .media-holder
  > div
  .video-holder
  video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child
  .media-holder
  .open-gallery {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 3;
  cursor: pointer;
}
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child
  .media-holder
  .open-gallery:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  height: 20%;
}
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child
  .media-holder
  .open-gallery
  span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  position: absolute;
  inset: var(--grid-gutter-width);
  top: auto;
  text-align: center;
  color: white;
}
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child
  .media-holder
  .open-gallery
  span
  a {
  text-decoration: none !important;
}
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child
  .media-holder:has(.open-gallery)
  img,
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child
  .media-holder:has(.open-gallery)
  video {
  transition: transform 450ms;
}
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child
  .media-holder:has(.open-gallery):hover
  img,
.highlight
  > div
  > div
  .swiper-wrapper
  .swiper-slide
  > div
  > div:last-child
  .media-holder:has(.open-gallery):hover
  video {
  transform: scale(1.025);
}
.highlight > div > div .swiper-pagination {
  display: none;
}
@media (max-width: 1023.98px) {
  .highlight > div > div .swiper-pagination {
    display: flex;
  }
}
.highlight > div .swiper-navigation {
  position: absolute;
  inset: 50% 50% auto var(--container-margin);
  height: 17px;
  z-index: 1;
  pointer-events: none;
  margin-top: -8.5px;
}
@media (max-width: 1023.98px) {
  .highlight > div .swiper-navigation {
    display: none;
  }
}
.highlight > div .swiper-navigation .swiper-button {
  opacity: 1 !important;
  width: 35px;
  height: 17px;
  top: 0;
  margin-top: 0;
  pointer-events: all;
}
.highlight > div .swiper-navigation .swiper-button:after {
  filter: invert(64%) sepia(9%) saturate(1330%) hue-rotate(357deg)
    brightness(86%) contrast(83%);
}
.highlight > div .swiper-navigation .swiper-button.swiper-button-prev {
  left: var(--grid-gutter-width);
}
.highlight > div .swiper-navigation .swiper-button.swiper-button-next {
  right: var(--grid-gutter-width);
}
.highlight.white-text > div > div .swiper-slide > div > div:first-child * {
  color: white !important;
}
.highlight.white-text
  > div
  > div
  .swiper-slide
  > div
  > div:first-child
  .button-primary {
  border-color: white;
}
.highlight.white-text > div .swiper-navigation .swiper-button:after {
  filter: invert(1);
}
@media (min-width: 1024px) {
  .highlight.reverse > div > div .swiper-slide > div {
    flex-direction: row-reverse;
  }
  .highlight.reverse > div .swiper-navigation {
    inset: 50% var(--container-margin) auto 50%;
  }
}
.alternate:has(+ .alternate) {
  margin-bottom: var(--spacer-1);
}
.alternate.reverse > div > div {
  flex-direction: row-reverse;
}
.alternate > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}
.alternate > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  position: relative;
}
.alternate > div > div:before {
  content: "";
  position: absolute;
  inset: 0 calc(var(--grid-gutter-width) * 0.5);
  z-index: -1;
  background-color: #f8f9f5;
}
.alternate > div > div > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 50%;
}
@media (max-width: 1023.98px) {
  .alternate > div > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
.alternate > div > div > div:first-child {
  position: relative;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #dddfce;
  aspect-ratio: 1;
  height: auto;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 2;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder
  > div {
  height: 100%;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder
  > div
  picture,
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder
  > div
  .video-holder {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder
  > div
  picture
  img,
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder
  > div
  picture
  video,
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder
  > div
  .video-holder
  img,
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder
  > div
  .video-holder
  video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder
  .open-gallery {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 3;
  cursor: pointer;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder
  .open-gallery:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  height: 20%;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder
  .open-gallery
  span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  position: absolute;
  inset: var(--grid-gutter-width);
  top: auto;
  text-align: center;
  color: white;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder
  .open-gallery
  span
  a {
  text-decoration: none !important;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder:has(.open-gallery)
  img,
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder:has(.open-gallery)
  video {
  transition: transform 450ms;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder:has(.open-gallery):hover
  img,
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide + .swiper-slide)
  .media-holder:has(.open-gallery):hover
  video {
  transform: scale(1.025);
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide:first-child:last-child)
  .media-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #dddfce;
  aspect-ratio: 1;
  height: auto;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide:first-child:last-child)
  .media-holder
  > div {
  height: 100%;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide:first-child:last-child)
  .media-holder
  > div
  picture,
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide:first-child:last-child)
  .media-holder
  > div
  .video-holder {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide:first-child:last-child)
  .media-holder
  > div
  picture
  img,
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide:first-child:last-child)
  .media-holder
  > div
  picture
  video,
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide:first-child:last-child)
  .media-holder
  > div
  .video-holder
  img,
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide:first-child:last-child)
  .media-holder
  > div
  .video-holder
  video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide:first-child:last-child)
  .media-holder
  .open-gallery {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 3;
  cursor: pointer;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide:first-child:last-child)
  .media-holder
  .open-gallery:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  height: 20%;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide:first-child:last-child)
  .media-holder
  .open-gallery
  span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  position: absolute;
  inset: var(--grid-gutter-width);
  top: auto;
  text-align: center;
  color: white;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide:first-child:last-child)
  .media-holder
  .open-gallery
  span
  a {
  text-decoration: none !important;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide:first-child:last-child)
  .media-holder:has(.open-gallery)
  img,
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide:first-child:last-child)
  .media-holder:has(.open-gallery)
  video {
  transition: transform 450ms;
}
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide:first-child:last-child)
  .media-holder:has(.open-gallery):hover
  img,
.alternate
  > div
  > div
  > div:first-child:has(.swiper-slide:first-child:last-child)
  .media-holder:has(.open-gallery):hover
  video {
  transform: scale(1.025);
}
.alternate > div > div > div:first-child .swiper-button {
  height: 18px;
  width: 35px;
  margin-top: -9px;
}
.alternate > div > div > div:first-child .swiper-button.swiper-button-prev {
  left: var(--spacer-3);
}
.alternate > div > div > div:first-child .swiper-button.swiper-button-next {
  right: var(--spacer-3);
}
.alternate > div > div > div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1023.98px) {
  .alternate > div > div > div:last-child {
    padding: var(--spacer-3);
  }
}
.alternate > div > div > div:last-child > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  justify-content: center;
}
.alternate > div > div > div:last-child > div > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 66.66666667%;
  text-align: center;
}
@media (max-width: 1023.98px) {
  .alternate > div > div > div:last-child > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
.alternate > div > div > div:last-child > div > div .tagline.location {
  color: #a28b69;
}
section.text > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}
section.text > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  justify-content: center;
}
section.text > div > div > div {
  text-align: center;
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 50%;
}
@media (max-width: 1023.98px) {
  section.text > div > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 83.33333333%;
  }
}
section.text > div > div > div .inline-elements {
  justify-content: center;
}
@media (min-width: 1024px) {
  section.text.columns-8 > div > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  section.text.columns-10 > div > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 83.33333333%;
  }
}
.rays {
  margin-bottom: 0;
  padding-block: var(--standard-margin);
  background-image: url("../images/icons/Rays.svg");
  background-position: top var(--spacer-3) center;
  background-repeat: no-repeat;
  background-size: 50% auto;
}
@media (max-width: 1023.98px) {
  .rays {
    background: none;
  }
  #hero + .rays {
    padding-top: 0;
  }
}
.rays > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}
.rays > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
}
.rays > div > div > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 29.16666667%;
}
@media (max-width: 1023.98px) {
  .rays > div > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
.rays > div > div > div:first-child {
  margin-left: 12.5%;
}
@media (max-width: 1023.98px) {
  .rays > div > div > div:first-child {
    margin-left: 0;
    margin-bottom: var(--reduced-margin);
  }
}
.rays > div > div > div:last-child {
  margin-left: 16.66666667%;
}
@media (max-width: 1023.98px) {
  .rays > div > div > div:last-child {
    margin-left: 0;
  }
}
.rays > div > div > div > div .media-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #dddfce;
  aspect-ratio: 0.75;
  height: auto;
}
.rays > div > div > div > div .media-holder > div {
  height: 100%;
}
.rays > div > div > div > div .media-holder > div picture,
.rays > div > div > div > div .media-holder > div .video-holder {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.rays > div > div > div > div .media-holder > div picture img,
.rays > div > div > div > div .media-holder > div picture video,
.rays > div > div > div > div .media-holder > div .video-holder img,
.rays > div > div > div > div .media-holder > div .video-holder video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.rays > div > div > div > div .media-holder .open-gallery {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 3;
  cursor: pointer;
}
.rays > div > div > div > div .media-holder .open-gallery:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  height: 20%;
}
.rays > div > div > div > div .media-holder .open-gallery span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  position: absolute;
  inset: var(--grid-gutter-width);
  top: auto;
  text-align: center;
  color: white;
}
.rays > div > div > div > div .media-holder .open-gallery span a {
  text-decoration: none !important;
}
.rays > div > div > div > div .media-holder:has(.open-gallery) img,
.rays > div > div > div > div .media-holder:has(.open-gallery) video {
  transition: transform 450ms;
}
.rays > div > div > div > div .media-holder:has(.open-gallery):hover img,
.rays > div > div > div > div .media-holder:has(.open-gallery):hover video {
  transform: scale(1.025);
}
.rays > div > div > div > div:not(:last-child) {
  margin-bottom: var(--spacer-3);
}
.facilities > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}
.facilities > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  justify-content: center;
}
.facilities > div > div:first-child > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 83.33333333%;
  position: relative;
  min-height: 1px;
}
@media (max-width: 1023.98px) {
  .facilities > div > div:first-child > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
.facilities > div > div:first-child > div:after {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #baab96;
  inset: auto calc(var(--grid-gutter-width) * 0.5) 0;
}
.facilities > div > div:first-child > div div.tagline {
  padding-bottom: var(--spacer-3);
}
.facilities > div > div:not(:first-child) > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 83.33333333%;
}
@media (max-width: 1023.98px) {
  .facilities > div > div:not(:first-child) > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
.facilities > div > div:not(:first-child) > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  padding-block: var(--spacer-3);
  position: relative;
}
@media (max-width: 1023.98px) {
  .facilities > div > div:not(:first-child) > div > div {
    padding-block: calc(var(--spacer-3) * 1.3);
  }
}
.facilities > div > div:not(:first-child) > div > div:after {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #baab96;
  inset: auto calc(var(--grid-gutter-width) * 0.5) 0;
}
.facilities > div > div:not(:first-child) > div > div > div:first-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 20%;
}
@media (max-width: 1023.98px) {
  .facilities > div > div:not(:first-child) > div > div > div:first-child {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
    padding-bottom: var(--spacer-3);
  }
}
.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:first-child
  .media-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #dddfce;
  aspect-ratio: 0.75;
  height: auto;
}
.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:first-child
  .media-holder
  > div {
  height: 100%;
}
.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:first-child
  .media-holder
  > div
  picture,
.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:first-child
  .media-holder
  > div
  .video-holder {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:first-child
  .media-holder
  > div
  picture
  img,
.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:first-child
  .media-holder
  > div
  picture
  video,
.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:first-child
  .media-holder
  > div
  .video-holder
  img,
.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:first-child
  .media-holder
  > div
  .video-holder
  video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:first-child
  .media-holder
  .open-gallery {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 3;
  cursor: pointer;
}
.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:first-child
  .media-holder
  .open-gallery:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  height: 20%;
}
.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:first-child
  .media-holder
  .open-gallery
  span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  position: absolute;
  inset: var(--grid-gutter-width);
  top: auto;
  text-align: center;
  color: white;
}
.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:first-child
  .media-holder
  .open-gallery
  span
  a {
  text-decoration: none !important;
}

.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:first-child
  .media-holder:has(.open-gallery)
  img,
.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:first-child
  .media-holder:has(.open-gallery)
  video {
  transition: transform 450ms;
}
.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:first-child
  .media-holder:has(.open-gallery):hover
  img,
.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:first-child
  .media-holder:has(.open-gallery):hover
  video {
  transform: scale(1.025);
}
.facilities > div > div:not(:first-child) > div > div > div:nth-child(2) {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 35%;
  margin-left: 2.5%;
}
@media (max-width: 1023.98px) {
  .facilities > div > div:not(:first-child) > div > div > div:nth-child(2) {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
    margin-left: 0;
  }
}
.facilities
  > div
  > div:not(:first-child)
  > div
  > div
  > div:nth-child(2)
  .tagline {
  color: #a28b69;
  margin-top: 5px;
}
.facilities > div > div:not(:first-child) > div > div > div:last-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 40%;
  margin-left: 2.5%;
}
@media (max-width: 1023.98px) {
  .facilities > div > div:not(:first-child) > div > div > div:last-child {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
    margin-left: 0;
    margin-top: calc(var(--spacer-2-6));
  }
}
.our-venues > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}

.our-venues > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  justify-content: center;
}
.our-venues > div > div > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 83.33333333%;
}
@media (max-width: 1023.98px) {
  .our-venues > div > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
.our-venues > div > div > div .filters {
  position: relative;
}
.our-venues > div > div > div .filters:after {
  position: absolute;
  z-index: 1;
  left: calc(-1 * var(--grid-gutter-width));
  right: calc(-1 * var(--grid-gutter-width));
  bottom: 0;
  content: "";
  height: 1px;
  background-color: #baab96;
}
.our-venues > div > div > div .item {
  position: relative;
}
.our-venues > div > div > div .item:before,
.our-venues > div > div > div .item:after {
  position: absolute;
  z-index: 1;
  left: calc(-1 * var(--grid-gutter-width));
  right: calc(-1 * var(--grid-gutter-width));
  content: "";
  height: 1px;
  background-color: #baab96;
  display: none;
}
.our-venues > div > div > div .item:first-child:before {
  top: 0;
  display: block;
}
.our-venues > div > div > div .item:after {
  bottom: 0;
  display: block;
}
.our-venues > div > div > div .item > div.summary {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  cursor: pointer;
  padding-block: var(--spacer-2-5);
  align-items: center;
  transition: opacity 0.5s;
  z-index: 2;
  pointer-events: all;
}
.our-venues > div > div > div .item > div.summary.hide {
  opacity: 0;
  pointer-events: none;
}
.our-venues > div > div > div .item > div.summary:before {
  content: "";
  position: absolute;
  inset: 1px calc(-0.5 * var(--grid-gutter-width)) 2px
    calc(-0.5 * var(--grid-gutter-width));
  z-index: 0;
  opacity: 0;
  transition: opacity 0.5s;
}
.our-venues > div > div > div .item > div.summary:hover:before {
  opacity: 1;
}
.our-venues > div > div > div .item > div.summary > div:first-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 40%;
}
@media (max-width: 1023.98px) {
  .our-venues > div > div > div .item > div.summary > div:first-child {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
.our-venues > div > div > div .item > div.summary > div:first-child h4,
.our-venues > div > div > div .item > div.summary > div:first-child span {
  display: inline-block;
}
.our-venues > div > div > div .item > div.summary > div:first-child span {
  color: #a28b69;
  margin-left: 0.75em;
  margin-top: 12px;
}
.our-venues > div > div > div .item > div.summary > div:nth-child(2) {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 30%;
}
@media (max-width: 1023.98px) {
  .our-venues > div > div > div .item > div.summary > div:nth-child(2) {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
.our-venues > div > div > div .item > div.summary > div:nth-child(2) span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  text-decoration: none !important;
}
.our-venues > div > div > div .item > div.summary > div:last-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 30%;
  text-align: right;
}
@media (max-width: 1023.98px) {
  .our-venues > div > div > div .item > div.summary > div:last-child {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
    text-align: left;
  }
}
.our-venues > div > div > div .item > div.summary > div:last-child button {
  color: #a28b69;
}
.our-venues > div > div > div .item > div.detail {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  position: relative;
  max-height: 0;
  background-color: white;
  pointer-events: none;
  transition: max-height 0.5s;
  z-index: 1;
}
.our-venues > div > div > div .item > div.detail:before {
  content: "";
  position: absolute;
  inset: 0 calc(-0.5 * var(--grid-gutter-width));
  z-index: -1;
  background-color: white;
}
.our-venues > div > div > div .item > div.detail > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s;
  padding-block: calc(2 * var(--grid-gutter-width));
}
@media (max-width: 1023.98px) {
  .our-venues > div > div > div .item > div.detail > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 1023.98px) {
  .our-venues > div > div > div .item > div.detail > div {
    padding-block: calc(2.1 * var(--grid-gutter-width));
  }
}
.our-venues > div > div > div .item > div.detail > div > div.close {
  position: absolute;
  z-index: 10;
  top: calc(2 * var(--grid-gutter-width));
  right: var(--grid-gutter-width);
  height: 18px;
  width: 18px;
  background-image: url("../images/icons/Close.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(27%) sepia(5%) saturate(197%) hue-rotate(21deg) brightness(97%)
    contrast(82%);
  cursor: pointer;
}
@media (max-width: 1023.98px) {
  .our-venues > div > div > div .item > div.detail > div > div.close {
    height: 15px;
    width: 15px;
    top: calc(2 * var(--grid-gutter-width) - 26px);
    right: calc(0.5 * var(--grid-gutter-width));
  }
}
.our-venues > div > div > div .item > div.detail > div > div.content {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  align-items: center;
}
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 50%;
}
@media (max-width: 1023.98px) {
  .our-venues
    > div
    > div
    > div
    .item
    > div.detail
    > div
    > div.content
    > div:first-child {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: var(--spacer-3);
  }
}
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child
  .media-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #dddfce;
  aspect-ratio: 1.3333333333;
  height: auto;
}
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child
  .media-holder
  > div {
  height: 100%;
}
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child
  .media-holder
  > div
  picture,
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child
  .media-holder
  > div
  .video-holder {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child
  .media-holder
  > div
  picture
  img,
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child
  .media-holder
  > div
  picture
  video,
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child
  .media-holder
  > div
  .video-holder
  img,
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child
  .media-holder
  > div
  .video-holder
  video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child
  .media-holder
  .open-gallery {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 3;
  cursor: pointer;
}
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child
  .media-holder
  .open-gallery:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  height: 20%;
}
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child
  .media-holder
  .open-gallery
  span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  position: absolute;
  inset: var(--grid-gutter-width);
  top: auto;
  text-align: center;
  color: white;
}
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child
  .media-holder
  .open-gallery
  span
  a {
  text-decoration: none !important;
}
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child
  .media-holder:has(.open-gallery)
  img,
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child
  .media-holder:has(.open-gallery)
  video {
  transition: transform 450ms;
}
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child
  .media-holder:has(.open-gallery):hover
  img,
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:first-child
  .media-holder:has(.open-gallery):hover
  video {
  transform: scale(1.025);
}
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:last-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 35%;
  margin-left: 4.16666667%;
}
@media (max-width: 1023.98px) {
  .our-venues
    > div
    > div
    > div
    .item
    > div.detail
    > div
    > div.content
    > div:last-child {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
    margin-left: 0;
  }
}
.our-venues
  > div
  > div
  > div
  .item
  > div.detail
  > div
  > div.content
  > div:last-child
  .tagline {
  color: #a28b69;
}
.our-venues > div > div > div .item > div.detail.show {
  max-height: 700px;
  pointer-events: all;
}
.our-venues > div > div > div .item > div.detail.show > div {
  opacity: 1;
}
.grid > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}
.grid > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  justify-content: center;
}
.grid > div > div > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 83.33333333%;
}
@media (max-width: 1023.98px) {
  .grid > div > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
.grid > div > div > div > div {
  display: grid;
  column-gap: 3rem;
  grid-template-columns: 1fr;
}
@media (min-width: 1024px) {
  .grid > div > div > div > div {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1023.98px) {
  .grid > div > div > div > div > div:not(:last-child) {
    margin-bottom: var(--reduced-margin);
  }
}
@media (min-width: 1024px) {
  .grid > div > div > div > div > div:nth-child(n + 4) {
    margin-top: var(--reduced-margin);
  }
}
.grid > div > div > div > div > div > div:first-child {
  margin-bottom: var(--spacer-2-5);
}
.grid > div > div > div > div > div > div:first-child a {
  display: block;
  position: relative;
}
.grid > div > div > div > div > div > div:first-child a .reveal {
  position: relative;
  z-index: 1;
}
.grid > div > div > div > div > div > div:first-child a:after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );
  height: 30%;
}
.grid > div > div > div > div > div > div:first-child a .tagline {
  position: absolute;
  left: 50%;
  bottom: var(--spacer-3);
  color: white;
  transform: translateX(-50%);
  z-index: 3;
}
.grid > div > div > div > div > div > div:first-child .media-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #dddfce;
  aspect-ratio: 0.75;
  height: auto;
}
.grid > div > div > div > div > div > div:first-child .media-holder > div {
  height: 100%;
}
.grid
  > div
  > div
  > div
  > div
  > div
  > div:first-child
  .media-holder
  > div
  picture,
.grid
  > div
  > div
  > div
  > div
  > div
  > div:first-child
  .media-holder
  > div
  .video-holder {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.grid
  > div
  > div
  > div
  > div
  > div
  > div:first-child
  .media-holder
  > div
  picture
  img,
.grid
  > div
  > div
  > div
  > div
  > div
  > div:first-child
  .media-holder
  > div
  picture
  video,
.grid
  > div
  > div
  > div
  > div
  > div
  > div:first-child
  .media-holder
  > div
  .video-holder
  img,
.grid
  > div
  > div
  > div
  > div
  > div
  > div:first-child
  .media-holder
  > div
  .video-holder
  video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.grid
  > div
  > div
  > div
  > div
  > div
  > div:first-child
  .media-holder
  .open-gallery {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 3;
  cursor: pointer;
}
.grid
  > div
  > div
  > div
  > div
  > div
  > div:first-child
  .media-holder
  .open-gallery:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  height: 20%;
}
.grid
  > div
  > div
  > div
  > div
  > div
  > div:first-child
  .media-holder
  .open-gallery
  span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  position: absolute;
  inset: var(--grid-gutter-width);
  top: auto;
  text-align: center;
  color: white;
}
.grid
  > div
  > div
  > div
  > div
  > div
  > div:first-child
  .media-holder
  .open-gallery
  span
  a {
  text-decoration: none !important;
}
.grid
  > div
  > div
  > div
  > div
  > div
  > div:first-child
  .media-holder:has(.open-gallery)
  img,
.grid
  > div
  > div
  > div
  > div
  > div
  > div:first-child
  .media-holder:has(.open-gallery)
  video {
  transition: transform 450ms;
}
.grid
  > div
  > div
  > div
  > div
  > div
  > div:first-child
  .media-holder:has(.open-gallery):hover
  img,
.grid
  > div
  > div
  > div
  > div
  > div
  > div:first-child
  .media-holder:has(.open-gallery):hover
  video {
  transform: scale(1.025);
}
.grid > div > div > div > div > div > div:last-child .tagline {
  color: #a28b69;
}
.split > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}
.split .gallery-open-button {
  position: absolute;
  display: block;
  width: calc(100% - 20px);
  bottom: 0px;
  /* z-index: 9; */
  color: #fff;
  background: #cbcbcbc2;
  padding: 10px;
  text-align: center;
  padding: calc(var(--grid-gutter-width) * 0.5);
}
.split > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
}
.split > div > div > div:first-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 50%;
  position: relative;
}
@media (max-width: 1023.98px) {
  .split > div > div > div:first-child {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: var(--spacer-3);
  }
}
.split > div > div > div:first-child .media-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #dddfce;
  aspect-ratio: 1;
  height: auto;
}
.split > div > div > div:first-child .media-holder > div {
  height: 100%;
}
.split > div > div > div:first-child .media-holder > div picture,
.split > div > div > div:first-child .media-holder > div .video-holder {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.split > div > div > div:first-child .media-holder > div picture img,
.split > div > div > div:first-child .media-holder > div picture video,
.split > div > div > div:first-child .media-holder > div .video-holder img,
.split > div > div > div:first-child .media-holder > div .video-holder video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.split > div > div > div:first-child .media-holder .open-gallery {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 3;
  cursor: pointer;
}
.split > div > div > div:first-child .media-holder .open-gallery:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  height: 20%;
}
.split > div > div > div:first-child .media-holder .open-gallery span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  position: absolute;
  inset: var(--grid-gutter-width);
  top: auto;
  text-align: center;
  color: white;
}
.split > div > div > div:first-child .media-holder .open-gallery span a {
  text-decoration: none !important;
}
.split > div > div > div:first-child .media-holder:has(.open-gallery) img,
.split > div > div > div:first-child .media-holder:has(.open-gallery) video {
  transition: transform 450ms;
}
.split > div > div > div:first-child .media-holder:has(.open-gallery):hover img,
.split
  > div
  > div
  > div:first-child
  .media-holder:has(.open-gallery):hover
  video {
  transform: scale(1.025);
}
.split > div > div > div:last-child {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 33.33333333%;
  margin-left: 8.33333333%;
}
@media (max-width: 1023.98px) {
  .split > div > div > div:last-child {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
    margin-left: 0;
  }
}
.split > div > div > div:last-child h1 + .tagline {
  color: #a28b69;
  margin-bottom: var(--spacer-3);
}
.single-media > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}
.single-media > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  position: relative;
  justify-content: center;
}
.single-media > div > div > div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 83.33333333%;
}
@media (max-width: 1023.98px) {
  .single-media > div > div > div {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 100%;
  }
}
.single-media > div > div > div > div {
  position: relative;
}
.single-media > div > div > div > div .media-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #dddfce;
  aspect-ratio: 1.7777777778;
  height: auto;
}
.single-media > div > div > div > div .media-holder > div {
  height: 100%;
}
.single-media > div > div > div > div .media-holder > div picture,
.single-media > div > div > div > div .media-holder > div .video-holder {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.single-media > div > div > div > div .media-holder > div picture img,
.single-media > div > div > div > div .media-holder > div picture video,
.single-media > div > div > div > div .media-holder > div .video-holder img,
.single-media > div > div > div > div .media-holder > div .video-holder video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.single-media > div > div > div > div .media-holder .open-gallery {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 3;
  cursor: pointer;
}
.single-media > div > div > div > div .media-holder .open-gallery:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  height: 20%;
}
.single-media > div > div > div > div .media-holder .open-gallery span {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  position: absolute;
  inset: var(--grid-gutter-width);
  top: auto;
  text-align: center;
  color: white;
}
.single-media > div > div > div > div .media-holder .open-gallery span a {
  text-decoration: none !important;
}
.single-media > div > div > div > div .media-holder:has(.open-gallery) img,
.single-media > div > div > div > div .media-holder:has(.open-gallery) video {
  transition: transform 450ms;
}
.single-media
  > div
  > div
  > div
  > div
  .media-holder:has(.open-gallery):hover
  img,
.single-media
  > div
  > div
  > div
  > div
  .media-holder:has(.open-gallery):hover
  video {
  transform: scale(1.025);
}
@media (min-width: 1024px) {
  .single-media > div > div > div > div .text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.3);
  }
}
.single-media > div > div > div > div .text > div {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  justify-content: center;
  height: 100%;
  align-items: center;
}
.single-media > div > div > div > div .text > div > div {
  text-align: center;
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 60%;
}
@media (max-width: 1023.98px) {
  .single-media > div > div > div > div .text > div > div {
    margin-top: var(--spacer-3);
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    width: 83.33333333%;
  }
}
@media (min-width: 1024px) {
  .single-media > div > div > div > div .text > div > div * {
    color: white !important;
  }
  .single-media > div > div > div > div .text > div > div .button-primary {
    border-color: white;
  }
}
.image-gallery > div {
  width: 100%;
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-margin);
  overflow: hidden;
}
.image-gallery > div .masonry-grid .grid-items {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  margin-top: calc(var(--grid-gutter-width) * -0.5);
  margin-bottom: calc(var(--grid-gutter-width) * -0.5);
}
.image-gallery > div .masonry-grid .grid-items .grid-item {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  /* width:33.33333333%; */
  padding-top: calc(var(--grid-gutter-width) * 0.5);
  padding-bottom: calc(var(--grid-gutter-width) * 0.5);
}
@media (max-width: 1023.98px) {
  .image-gallery > div .masonry-grid .grid-items .grid-item {
    max-width: 100%;
    padding-inline: calc(var(--grid-gutter-width) * 0.5);
    flex: 0 0 auto;
    /* width:50%; */
  }
}
.image-gallery > div .masonry-grid .grid-items .grid-item picture {
  overflow: hidden;
  cursor: pointer;
}
.image-gallery > div .masonry-grid .grid-items .grid-item picture img {
  display: block;
  width: 100%;
  opacity: 1;
}

.open-gallery .gallery-open-button {
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  position: absolute;
  inset: var(--grid-gutter-width);
  top: auto;
  text-align: center;
  color: white;
}

.swiper-container-m80 {
  margin-left: 0 !important;
}

@media (min-width: 1024px) {
  .swiper-container-m80 {
    margin-left: -80px !important;
  }
}

.filter-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(-1 * var(--grid-gutter-width) * 0.5);
  justify-content: center;
}
.filter-div {
  max-width: 100%;
  padding-inline: calc(var(--grid-gutter-width) * 0.5);
  flex: 0 0 auto;
  width: 83.33333333%;
  position: relative;
  min-height: 1px;
  justify-content: left !important;
  align-items: center;
}

/* Add this in your global CSS file or component-specific CSS */
.p-datepicker {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #ccc;
  z-index: 9999;
}

.p-datepicker table td > span {
  background-color: #fff !important;
  color: #000 !important;
}
/* Toast background fix */
.p-toast {
  z-index: 9999;
}

.p-toast-message {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #ccc;
}
.p-button-primary {
  background-color: #b59f78;
  /* Custom gold shade */
  color: white;
  padding: 0.6rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.25s ease, transform 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
}

.p-button-primary:hover {
  background-color: #a98f60;
  /* Slightly darker on hover */
  transform: translateY(-2px);
}
.mb-3 {
  margin-bottom: 1rem !important;
}

.p-button-primary:disabled,
.p-button-primary[disabled] {
  background-color: #ccc;
  color: #666;
  cursor: not-allowed;
  pointer-events: none;
}
.description ol li {
  list-style: none;
}

.section-left-align div {
  text-align: left;
}
.trigger p,
ul,
ol,
ul.unstyled-list,
ol.unstyled-list {
  margin-bottom: 5px;
}

.accordion {
  max-width: 700px;
  margin: auto;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  background: #fff;
}

.accordion-item {
  border-bottom: 1px solid #ddd;
}

.accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 8px;
  background: #fafafa;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  transition: background 0.3s;
}

.accordion-header:hover {
  background: #f0f0f0;
}

.accordion-header .icon {
  font-size: 20px;
  font-weight: bold;
  transition: transform 0.3s;
}

.accordion-header.active .icon {
  transform: rotate(180deg);
}

.accordion-content {
  display: none;
  padding: 18px 20px;
  background: #fff;
  font-size: 15px;
  color: #444;
  line-height: 1.5;
}

.accordion-content p {
  margin-bottom: 10px;
}

.offer-price {
  color: #d32f2f;
  font-weight: bold;
}
.title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 0px 0;
}
.description p {
  margin: 0px !important;
}