@charset "UTF-8";
:root {
  --scrollbar-width: 0;
  --window-height: 100vh;
}
@media screen and (min-width: 375px) {
  :root {
    --header-height: calc(53vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  :root {
    --header-height: calc(53vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  :root {
    --header-height: calc(53vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  :root {
    --header-height: calc(89vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  :root {
    --header-height: calc(89vw / (1440 - var(--scrollbar-width)) * 100);
  }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

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

a {
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

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

img {
  max-width: 100%;
}

::-moz-selection {
  background-color: rgba(86, 86, 86, 0.77);
  color: #fff;
}

::selection {
  background-color: rgba(86, 86, 86, 0.77);
  color: #fff;
}

@font-face {
  font-family: "Ogg";
  src: url("../fonts/Ogg-Regular.woff") format("woff"), url("../fonts/Ogg-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "BlairITCStd";
  src: url("../fonts/BlairITCStd.woff") format("woff"), url("../fonts/BlairITCStd.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
/*********************
Mixins
*********************/
.h1 {
  font-family: "Ogg", serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.0714285714;
  letter-spacing: 0.0357142857em;
}
@media screen and (min-width: 375px) {
  .h1 {
    font-size: calc(42vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .h1 {
    font-size: calc(42vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .h1 {
    font-size: calc(84vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .h1 {
    font-size: calc(84vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .h1 {
    font-size: calc(84vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .h1 {
    font-size: calc(84vw / (1440 - var(--scrollbar-width)) * 100);
  }
}

.editor h2,
.h2 {
  font-family: "Ogg", serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.0769230769;
  letter-spacing: 0;
}
@media screen and (min-width: 375px) {
  .editor h2,
.h2 {
    font-size: calc(26vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .editor h2,
.h2 {
    font-size: calc(30vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .editor h2,
.h2 {
    font-size: calc(30vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .editor h2,
.h2 {
    font-size: calc(30vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .editor h2,
.h2 {
    font-size: calc(30vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .editor h2,
.h2 {
    font-size: calc(30vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .editor h2,
.h2 {
    line-height: 1.6;
  }
}

.h3 {
  font-family: "BlairITCStd", sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.6666666667;
  letter-spacing: 0.0716666667em;
}
@media screen and (min-width: 375px) {
  .h3 {
    font-size: calc(12vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .h3 {
    font-size: calc(14vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .h3 {
    font-size: calc(14vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .h3 {
    font-size: calc(14vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .h3 {
    font-size: calc(14vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .h3 {
    font-size: calc(14vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .h3 {
    line-height: 1.7857142857;
    letter-spacing: 0.0714285714em;
  }
}

.p {
  font-family: "brandon-grotesque", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0;
}
@media screen and (min-width: 375px) {
  .p {
    font-size: calc(16vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .p {
    font-size: calc(16vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .p {
    font-size: calc(16vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .p {
    font-size: calc(18vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .p {
    font-size: calc(18vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .p {
    font-size: calc(18vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .p {
    line-height: 1.3333333333;
  }
}
.p p + p {
  margin-top: 1em;
}

.links a {
  transition: color 0.5s, opacity 0.5s;
}
.links a:hover {
  color: #fff;
  opacity: 0.7;
}
.links a:active {
  transform: scale(0.95);
  transition: 0.15s;
}

a.link,
a .link,
a i {
  transition: color 0.5s, opacity 0.5s;
}
a:hover.link,
a:hover .link,
a:hover i {
  color: #fff;
  opacity: 0.7;
}
a:active.link,
a:active .link,
a:active i {
  transform: scale(0.95);
  transition: 0.15s;
}

.link {
  display: inline-block;
  font-family: "brandon-grotesque", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4285714286;
  letter-spacing: 0;
}
@media screen and (min-width: 375px) {
  .link {
    font-size: calc(14vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .link {
    font-size: calc(16vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .link {
    font-size: calc(16vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .link {
    font-size: calc(16vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .link {
    font-size: calc(16vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .link {
    font-size: calc(16vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .link {
    line-height: 1.25;
  }
}

.button a {
  display: inline-flex;
  align-items: center;
  font-size: 0;
}
@media screen and (min-width: 375px) {
  .button i + span {
    margin-left: calc(11vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .button i + span {
    margin-left: calc(11vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .button i + span {
    margin-left: calc(11vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .button i + span {
    margin-left: calc(11vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .button i + span {
    margin-left: calc(11vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .button i + span {
    margin-left: calc(11vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .button span + i {
    margin-left: calc(11vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .button span + i {
    margin-left: calc(11vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .button span + i {
    margin-left: calc(11vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .button span + i {
    margin-left: calc(11vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .button span + i {
    margin-left: calc(11vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .button span + i {
    margin-left: calc(11vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .button .icon-book svg {
    width: calc(10vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .button .icon-book svg {
    width: calc(10vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .button .icon-book svg {
    width: calc(14vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .button .icon-book svg {
    width: calc(14vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .button .icon-book svg {
    width: calc(14vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .button .icon-book svg {
    width: calc(14vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .button .icon-book + span {
    padding-left: calc(5vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .button .icon-book + span {
    padding-left: calc(5vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .button .icon-book + span {
    padding-left: calc(5vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .button .icon-book + span {
    padding-left: calc(5vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .button .icon-menu svg {
    width: calc(14vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .button .icon-menu svg {
    width: calc(14vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .button .icon-menu svg {
    width: calc(18vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .button .icon-menu svg {
    width: calc(18vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .button .icon-menu svg {
    width: calc(18vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .button .icon-menu svg {
    width: calc(18vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .button .icon-menu + span {
    padding-left: calc(3vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .button .icon-menu + span {
    padding-left: calc(3vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .button .icon-menu + span {
    padding-left: calc(3vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .button .icon-menu + span {
    padding-left: calc(3vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .button .icon-gallery svg {
    width: calc(22vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .button .icon-gallery svg {
    width: calc(22vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .button .icon-gallery svg {
    width: calc(22vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .button .icon-gallery svg {
    width: calc(22vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .button .icon-gallery svg {
    width: calc(22vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .button .icon-gallery svg {
    width: calc(22vw / (1440 - var(--scrollbar-width)) * 100);
  }
}

html {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background-color: #22282B;
  color: #fff;
  transition: 0.5s;
}
body.noscroll {
  overflow: hidden;
}
body.is-loading {
  opacity: 0;
}
body.is-done-loading {
  opacity: 1;
  transition: 0.5s;
}

.main {
  position: relative;
  z-index: 2;
  flex: 1;
  overflow: hidden;
}
@media screen and (min-width: 375px) {
  .main {
    padding-top: calc(55vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main {
    padding-top: calc(55vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main {
    padding-top: calc(118vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main {
    padding-top: calc(118vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main {
    padding-top: calc(118vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-image: url(../images/jpg/header.jpg);
  background-size: cover;
}
@media screen and (min-width: 375px) {
  .main:before {
    height: calc(159vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main:before {
    height: calc(159vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main:before {
    height: calc(139vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main:before {
    height: calc(139vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main:before {
    height: calc(139vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main section {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 375px) {
  .center {
    padding-left: calc(20vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .center {
    padding-left: calc(47vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .center {
    padding-left: calc(47vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .center {
    padding-left: calc(47vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .center {
    padding-right: calc(20vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .center {
    padding-right: calc(47vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .center {
    padding-right: calc(47vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .center {
    padding-right: calc(47vw / (1440 - var(--scrollbar-width)) * 100);
  }
}

.media .desktop,
.image .desktop,
.video .desktop {
  display: none;
}
@media (min-width: 640px) {
  .media .mobile,
.image .mobile,
.video .mobile {
    display: none;
  }
  .media .desktop,
.image .desktop,
.video .desktop {
    display: block;
  }
}

video,
img {
  display: block;
  width: 100%;
}

a {
  color: inherit;
}

@keyframes splide-loading {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  user-select: none;
}

.splide__track--fade > .splide__list {
  display: block;
}

.splide__track--fade > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s infinite linear;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

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

.splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__play {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

footer {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.26);
  color: #758896;
  overflow: hidden;
}
@media screen and (min-width: 375px) {
  footer {
    padding-top: calc(55vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) {
  footer {
    padding-top: calc(58vw / (640 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer {
    padding-top: calc(58vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  footer {
    padding-top: calc(58vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  footer {
    padding-top: calc(58vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  footer {
    padding-bottom: calc(26vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) {
  footer {
    padding-bottom: calc(22vw / (640 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer {
    padding-bottom: calc(22vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  footer {
    padding-bottom: calc(22vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  footer {
    padding-bottom: calc(22vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
footer:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(452vw / (375 - var(--scrollbar-width)) * 100);
  background-image: url(../images/jpg/footer.jpg);
  background-size: cover;
  background-position: center bottom;
}
@media screen and (min-width: 640px) {
  footer:before {
    height: 100%;
  }
}
footer .footerlink {
  display: block;
  font-family: "brandon-grotesque", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  transition: 0.5s;
}
footer .footerlink:hover {
  color: #fff;
  opacity: 0.7;
}
footer .footerlink:active {
  transform: scale(0.95);
  transition: 0.15s;
}
footer .footerlink span {
  text-decoration: underline;
}
footer .instagram,
footer .logo,
footer .navigation {
  position: relative;
  z-index: 2;
}
footer .instagram {
  padding-left: calc(38vw / (375 - var(--scrollbar-width)) * 100);
  padding-right: calc(38vw / (375 - var(--scrollbar-width)) * 100);
}
footer .instagram .images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: calc(12vw / (375 - var(--scrollbar-width)) * 100);
}
@media screen and (min-width: 375px) {
  footer .instagram .images {
    column-gap: calc(16vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) {
  footer .instagram .images {
    column-gap: calc(19vw / (640 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer .instagram .images {
    column-gap: calc(19vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  footer .instagram .images {
    column-gap: calc(19vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
footer .instagram .text {
  margin-top: calc(18vw / (375 - var(--scrollbar-width)) * 100);
  text-align: center;
}
@media screen and (min-width: 375px) {
  footer .instagram .text {
    margin-top: calc(18vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) {
  footer .instagram .text {
    margin-top: calc(18vw / (640 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer .instagram .text {
    margin-top: calc(14vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  footer .instagram .text {
    margin-top: calc(14vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
footer .instagram .footerlink {
  line-height: 1.5;
  letter-spacing: 0.1133333333em;
}
@media screen and (min-width: 375px) {
  footer .instagram .footerlink {
    font-size: calc(12vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  footer .instagram .footerlink {
    font-size: calc(12vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  footer .instagram .footerlink {
    font-size: calc(12vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer .instagram .footerlink {
    font-size: calc(12vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  footer .instagram .footerlink {
    font-size: calc(12vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  footer .instagram .footerlink {
    font-size: calc(12vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) {
  footer .instagram {
    padding-left: calc(88vw / (768 - var(--scrollbar-width)) * 100);
    padding-right: calc(88vw / (768 - var(--scrollbar-width)) * 100);
  }
  footer .instagram .images {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1024px) {
  footer .instagram {
    padding-left: calc(176vw / (1024 - var(--scrollbar-width)) * 100);
    padding-right: calc(176vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  footer .instagram {
    padding-left: calc(353vw / (1440 - var(--scrollbar-width)) * 100);
    padding-right: calc(353vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  footer .logo {
    margin-top: calc(76vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  footer .logo {
    margin-top: calc(43vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer .logo {
    margin-top: calc(43vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  footer .logo {
    margin-top: calc(43vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
footer .logo .menu,
footer .logo .book {
  display: none;
}
@media screen and (min-width: 768px) {
  footer .logo .menu span,
footer .logo .book span {
    font-size: calc(17vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer .logo .menu span,
footer .logo .book span {
    font-size: calc(18vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  footer .logo .menu span,
footer .logo .book span {
    font-size: calc(18vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  footer .logo .menu span,
footer .logo .book span {
    font-size: calc(18vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
footer .logo .image svg {
  display: block;
  margin: auto;
}
@media screen and (min-width: 375px) {
  footer .logo .image svg {
    width: calc(151vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  footer .logo .image svg {
    width: calc(151vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer .logo .image svg {
    width: calc(187vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  footer .logo .image svg {
    width: calc(187vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) {
  footer .logo {
    display: flex;
    align-items: center;
  }
  footer .logo .menu,
footer .logo .image,
footer .logo .book {
    flex: 1;
  }
  footer .logo .menu a,
footer .logo .image a,
footer .logo .book a {
    transition: 0.5s;
  }
  footer .logo .menu a:hover,
footer .logo .image a:hover,
footer .logo .book a:hover {
    opacity: 0.7;
  }
  footer .logo .menu a:active,
footer .logo .image a:active,
footer .logo .book a:active {
    transform: scale(0.95);
    transition: 0.15s;
  }
  footer .logo .image {
    display: flex;
    justify-content: center;
  }
  footer .logo .menu,
footer .logo .book {
    display: block;
    color: #fff;
  }
  footer .logo .menu a span,
footer .logo .book a span {
    font-family: "brandon-grotesque", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500;
    font-style: normal;
    line-height: 0.9411764706;
    letter-spacing: 0.1135294118em;
  }
}
@media screen and (min-width: 640px) and (min-width: 1024px) {
  footer .logo .menu a span,
footer .logo .book a span {
    line-height: 1.3333333333;
  }
}
@media screen and (min-width: 640px) {
  footer .logo .book {
    text-align: right;
  }
}
footer .navigation {
  text-align: center;
}
@media screen and (min-width: 375px) {
  footer .navigation.primary {
    margin-top: calc(76vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  footer .navigation.primary {
    margin-top: calc(28vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer .navigation.primary {
    margin-top: calc(28vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  footer .navigation.primary {
    margin-top: calc(28vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  footer .navigation.primary li + li {
    margin-top: calc(30vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) {
  footer .navigation.primary li + li {
    margin-left: calc(57vw / (640 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer .navigation.primary li + li {
    margin-left: calc(57vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  footer .navigation.primary li + li {
    margin-left: calc(57vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  footer .navigation.secondary {
    margin-top: calc(45vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  footer .navigation.secondary {
    margin-top: calc(8vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer .navigation.secondary {
    margin-top: calc(8vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  footer .navigation.secondary {
    margin-top: calc(8vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
footer .navigation.secondary ul {
  row-gap: calc(8vw / (375 - var(--scrollbar-width)) * 100);
}
footer .navigation.secondary li {
  font-family: "brandon-grotesque", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0.0125em;
}
@media screen and (min-width: 375px) {
  footer .navigation.secondary li {
    font-size: calc(12vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  footer .navigation.secondary li {
    font-size: calc(12vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  footer .navigation.secondary li {
    font-size: calc(12vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer .navigation.secondary li {
    font-size: calc(12vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  footer .navigation.secondary li {
    font-size: calc(12vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  footer .navigation.secondary li {
    font-size: calc(12vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
footer .navigation.secondary li a {
  display: block;
  transition: 0.5s;
}
footer .navigation.secondary li a:hover {
  color: #fff;
  opacity: 0.7;
}
footer .navigation.secondary li a:active {
  transform: scale(0.95);
  transition: 0.15s;
}
@media screen and (min-width: 375px) {
  footer .navigation.secondary li + li {
    margin-top: calc(8vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) {
  footer .navigation.secondary li + li {
    margin-left: calc(32vw / (640 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer .navigation.secondary li + li {
    margin-left: calc(32vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  footer .navigation.secondary li + li {
    margin-left: calc(32vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) {
  footer .navigation.secondary li.copyright + li {
    margin-left: calc(72vw / (640 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer .navigation.secondary li.copyright + li {
    margin-left: calc(72vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  footer .navigation.secondary li.copyright + li {
    margin-left: calc(72vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) {
  footer .navigation.secondary li + li.copyright {
    margin-left: calc(72vw / (640 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer .navigation.secondary li + li.copyright {
    margin-left: calc(72vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  footer .navigation.secondary li + li.copyright {
    margin-left: calc(72vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer .navigation.secondary li {
    line-height: 2.25;
  }
}
footer .navigation .footerlink {
  line-height: 1.4285714286;
  letter-spacing: 0.1135714286em;
}
@media screen and (min-width: 375px) {
  footer .navigation .footerlink {
    font-size: calc(14vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  footer .navigation .footerlink {
    font-size: calc(14vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  footer .navigation .footerlink {
    font-size: calc(14vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  footer .navigation .footerlink {
    font-size: calc(14vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  footer .navigation .footerlink {
    font-size: calc(14vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  footer .navigation .footerlink {
    font-size: calc(14vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) {
  footer .navigation ul {
    display: flex;
    justify-content: center;
  }
  footer .navigation.primary li + li {
    margin-top: 0;
  }
  footer .navigation.secondary li + li {
    margin-top: 0;
  }
}

.form input,
.form button,
.form textarea,
.form select {
  padding: 0;
  border: 0;
  color: currentColor;
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  outline: none;
}
.form select,
.form input[type=text],
.form input[type=password],
.form input[type=number],
.form input[type=email],
.form input[type=tel],
.form textarea {
  display: block;
  width: 100%;
}

.gallery {
  display: flex;
  flex-direction: column;
}
.gallery .text {
  order: 2;
}
@media screen and (min-width: 768px) {
  .gallery .text {
    padding-right: calc(68vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .gallery .text {
    padding-right: calc(68vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .gallery .text {
    padding-right: calc(137vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .gallery .text {
    padding-right: calc(137vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .gallery .text {
    width: calc(313vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .gallery .text {
    width: calc(413vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .gallery .text {
    width: calc(413vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .gallery .text {
    width: calc(413vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .gallery .h3 + .p {
    margin-top: calc(4vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .gallery .h3 + .p {
    margin-top: calc(4vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .gallery .h3 + .p {
    margin-top: calc(13vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .gallery .h3 + .p {
    margin-top: calc(13vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .gallery .h3 + .p {
    margin-top: calc(13vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .gallery .button {
    margin-top: calc(23vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .gallery .button {
    margin-top: calc(23vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .gallery .button {
    margin-top: calc(25vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .gallery .button {
    margin-top: calc(25vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .gallery .button {
    margin-top: calc(25vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.gallery .images {
  order: 1;
  display: flex;
}
@media screen and (min-width: 375px) {
  .gallery .images {
    column-gap: calc(12vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .gallery .images {
    column-gap: calc(12vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .gallery .images {
    column-gap: calc(12vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .gallery .images {
    column-gap: calc(22vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .gallery .images {
    column-gap: calc(22vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .gallery .images {
    margin-bottom: calc(30vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .gallery .images {
    margin-bottom: calc(30vw / (500 - var(--scrollbar-width)) * 100);
  }
}
.gallery .images .image {
  flex: 1;
}
.gallery .images .image:nth-child(1):nth-last-child(2), .gallery .images .image:nth-child(2):nth-last-child(1) {
  position: relative;
}
.gallery .images .image:nth-child(1):nth-last-child(2):before, .gallery .images .image:nth-child(2):nth-last-child(1):before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 111.9914346895%;
}
.gallery .images .image:nth-child(1):nth-last-child(2) picture,
.gallery .images .image:nth-child(1):nth-last-child(2) img,
.gallery .images .image:nth-child(1):nth-last-child(2) video,
.gallery .images .image:nth-child(1):nth-last-child(2) iframe, .gallery .images .image:nth-child(2):nth-last-child(1) picture,
.gallery .images .image:nth-child(2):nth-last-child(1) img,
.gallery .images .image:nth-child(2):nth-last-child(1) video,
.gallery .images .image:nth-child(2):nth-last-child(1) iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gallery .images .image:nth-child(1):nth-last-child(2) video,
.gallery .images .image:nth-child(1):nth-last-child(2) img, .gallery .images .image:nth-child(2):nth-last-child(1) video,
.gallery .images .image:nth-child(2):nth-last-child(1) img {
  object-fit: cover;
}
.gallery .images .image:nth-child(1):nth-last-child(1) {
  position: relative;
}
.gallery .images .image:nth-child(1):nth-last-child(1):before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 56.2365591398%;
}
.gallery .images .image:nth-child(1):nth-last-child(1) picture,
.gallery .images .image:nth-child(1):nth-last-child(1) img,
.gallery .images .image:nth-child(1):nth-last-child(1) video,
.gallery .images .image:nth-child(1):nth-last-child(1) iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gallery .images .image:nth-child(1):nth-last-child(1) video,
.gallery .images .image:nth-child(1):nth-last-child(1) img {
  object-fit: cover;
}
.gallery .modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: red;
}
@media screen and (min-width: 375px) {
  .gallery + .gallery {
    margin-top: calc(66vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .gallery + .gallery {
    margin-top: calc(66vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .gallery + .gallery {
    margin-top: calc(62vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .gallery + .gallery {
    margin-top: calc(62vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .gallery + .gallery {
    margin-top: calc(62vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .gallery {
    flex-direction: row;
  }
  .gallery .text {
    order: 1;
  }
  .gallery .images {
    order: 2;
    flex: 1;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .gallery {
    align-items: flex-end;
  }
}

header {
  position: fixed;
  z-index: 7;
  transform: translateY(-100%);
  top: 0;
  left: 0;
  width: 100%;
  max-height: var(--app-height);
  overflow: auto;
  pointer-events: none;
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.35s ease-out 0.15s;
}
header.is-open {
  background-color: #3A4448;
  pointer-events: all;
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.35s ease-out;
}
header.is-open .navigation {
  height: auto;
}
header.is-visible {
  transform: translateY(0);
}
header .bar {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 375px) {
  header .bar {
    padding-top: calc(7vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  header .bar {
    padding-top: calc(7vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  header .bar {
    padding-bottom: calc(7vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  header .bar {
    padding-bottom: calc(7vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  header .bar {
    padding-top: calc(27vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  header .bar {
    padding-top: calc(27vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  header .bar {
    padding-top: calc(27vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  header .bar {
    padding-bottom: calc(27vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  header .bar {
    padding-bottom: calc(27vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  header .bar {
    padding-bottom: calc(27vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
header .bar .menu,
header .bar .image,
header .bar .book {
  flex: 1;
  display: flex;
  color: #fff;
}
header .bar .menu a,
header .bar .image a,
header .bar .book a {
  pointer-events: all;
}
header .bar .menu a,
header .bar .book a {
  transition: 0.5s;
}
header .bar .menu a span,
header .bar .book a span {
  font-family: "brandon-grotesque", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  font-style: normal;
  line-height: 0.9411764706;
  letter-spacing: 0.1135294118em;
}
@media screen and (min-width: 375px) {
  header .bar .menu a span,
header .bar .book a span {
    font-size: calc(14vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  header .bar .menu a span,
header .bar .book a span {
    font-size: calc(14vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  header .bar .menu a span,
header .bar .book a span {
    font-size: calc(17vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  header .bar .menu a span,
header .bar .book a span {
    font-size: calc(18vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  header .bar .menu a span,
header .bar .book a span {
    font-size: calc(18vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  header .bar .menu a span,
header .bar .book a span {
    font-size: calc(18vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  header .bar .menu a span,
header .bar .book a span {
    line-height: 1.3333333333;
  }
}
header .bar .menu a:hover,
header .bar .book a:hover {
  opacity: 0.7;
}
header .bar .menu a:active,
header .bar .book a:active {
  transform: scale(0.95);
  transition: 0.15s;
}
header .bar .book {
  justify-content: flex-end;
}
header .bar .image {
  justify-content: center;
}
header .bar .image a svg {
  transition: 0.5s;
}
header .bar .image a:hover svg {
  opacity: 0.8;
  background-color: #fff;
  color: #22282B;
}
header .bar .image a:active svg {
  transform: scale(0.9);
  transition: 0.15s;
}
header .bar .image svg {
  display: block;
  margin: auto;
}
@media screen and (min-width: 375px) {
  header .bar .image svg {
    width: calc(39vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  header .bar .image svg {
    width: calc(39vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  header .bar .image svg {
    width: calc(45vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  header .bar .image svg {
    width: calc(45vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  header .bar .image svg {
    width: calc(45vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
header .bar .image svg path {
  fill: currentColor;
}
header .bar .image svg path:first-child {
  fill: #fff;
}
header .navigation {
  height: 0;
  pointer-events: all;
  overflow: hidden;
}
header .navigation .primary {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 375px) {
  header .navigation .primary {
    gap: calc(19vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  header .navigation .primary {
    gap: calc(19vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  header .navigation .primary {
    gap: calc(19vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  header .navigation .primary {
    gap: calc(38vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  header .navigation .primary {
    gap: calc(38vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  header .navigation .primary {
    padding-top: calc(19vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  header .navigation .primary {
    padding-top: calc(19vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  header .navigation .primary {
    padding-top: calc(19vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  header .navigation .primary {
    padding-top: calc(38vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  header .navigation .primary {
    padding-top: calc(38vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
header .navigation .primary a picture,
header .navigation .primary a img {
  transition: 0.5s;
}
header .navigation .primary a span {
  display: block;
  transition: 0.5s;
}
header .navigation .primary a:hover img {
  transform: scale(1.05);
}
header .navigation .primary a:hover span {
  color: #fff;
  opacity: 0.7;
}
header .navigation .primary a:active picture,
header .navigation .primary a:active span {
  transform: scale(0.95);
  transition: 0.15s;
}
header .navigation .image {
  position: relative;
  overflow: hidden;
}
header .navigation .image:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 53.0035335689%;
}
header .navigation .image picture,
header .navigation .image img,
header .navigation .image video,
header .navigation .image iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
header .navigation .image video,
header .navigation .image img {
  object-fit: cover;
}
header .navigation .image picture {
  display: block;
}
@media screen and (min-width: 375px) {
  header .navigation .text {
    margin-top: calc(6vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  header .navigation .text {
    margin-top: calc(12vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  header .navigation .text {
    margin-top: calc(12vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  header .navigation .text {
    margin-top: calc(12vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  header .navigation .text {
    margin-top: calc(12vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
header .navigation .secondary {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 375px) {
  header .navigation .secondary {
    padding-top: calc(35vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  header .navigation .secondary {
    padding-top: calc(35vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  header .navigation .secondary {
    padding-top: calc(51vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  header .navigation .secondary {
    padding-top: calc(51vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  header .navigation .secondary {
    padding-top: calc(51vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  header .navigation .secondary {
    padding-bottom: calc(26vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  header .navigation .secondary {
    padding-bottom: calc(26vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  header .navigation .secondary {
    padding-bottom: calc(41vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  header .navigation .secondary {
    padding-bottom: calc(41vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  header .navigation .secondary {
    padding-bottom: calc(41vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  header .navigation .secondary {
    gap: calc(16vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  header .navigation .secondary {
    gap: calc(16vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  header .navigation .secondary {
    gap: calc(67vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  header .navigation .secondary {
    gap: calc(67vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  header .navigation .secondary {
    gap: calc(67vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
header .navigation .secondary a span {
  display: block;
  transition: 0.5s;
}
header .navigation .secondary a:hover span {
  color: #fff;
  opacity: 0.7;
}
header .navigation .secondary a:active span {
  transform: scale(0.95);
  transition: 0.15s;
}
@media (max-width: 499px) {
  header .navigation .h2 {
    font-size: calc(20vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media (min-width: 500px) and (max-width: 767px) {
  header .navigation .h2 {
    font-size: calc(20vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  header .navigation .h2 {
    font-size: calc(20vw / (768 - var(--scrollbar-width)) * 100);
  }
  header .navigation .h3 {
    font-size: calc(12vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  header .navigation .primary {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  header .navigation .secondary {
    flex-direction: row;
  }
  header .navigation .secondary a {
    pointer-events: none;
  }
  header .navigation .secondary a span {
    pointer-events: all;
  }
  header .navigation .secondary a:last-child {
    flex: 1;
    display: flex;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1200px) {
  header .navigation {
    padding-left: calc(60vw / (1440 - var(--scrollbar-width)) * 100);
    padding-right: calc(60vw / (1440 - var(--scrollbar-width)) * 100);
  }
}

.modal {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  background-color: #252525;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.modal.is-active {
  pointer-events: all;
  opacity: 1;
}
.modal.is-active .bar .h3,
.modal.is-active .closeModal,
.modal.is-active .modal-crew .crew,
.modal.is-active .modal-book .form,
.modal.is-active .modal-book .questions,
.modal.is-active .modal-gallery .slider {
  transform: translateY(0);
  opacity: 1;
}
.modal.is-active .bar .h3 {
  transition-delay: 0.25s;
}
.modal.is-active .closeModal {
  transition-delay: 0.35s;
}
.modal.is-active .modal-book .form {
  transition-delay: 0.4s;
}
.modal.is-active .modal-book .questions {
  transition-delay: 0.5s;
}
.modal.is-active .modal-crew .crew {
  transition-delay: 0.4s;
}
.modal.is-active .modal-gallery .slider {
  transition-delay: 0.4s;
}
.modal .modal-crew.is-active,
.modal .modal-book.is-active,
.modal .modal-gallery.is-active {
  pointer-events: all;
  opacity: 1;
}
.modal .modal-book {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
}
.modal .modal-book .book {
  flex: 1;
  overflow: auto;
}
@media screen and (min-width: 375px) {
  .modal .modal-book .book {
    padding-top: calc(75vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .book {
    padding-top: calc(75vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book .book {
    padding-top: calc(75vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-book .book {
    padding-bottom: calc(107vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .book {
    padding-bottom: calc(107vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book .book {
    padding-bottom: calc(107vw / (768 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-book .text .h2 {
  line-height: 1.2307692308;
}
.modal .modal-book .form {
  transform: translateY(20px);
  opacity: 0;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0s;
}
@media screen and (min-width: 1024px) {
  .modal .modal-book .form {
    padding-top: calc(90vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book .form {
    padding-bottom: calc(90vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book .form {
    padding-right: calc(55vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-book .form {
    padding-right: calc(161vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-book form {
  position: relative;
}
@media screen and (min-width: 375px) {
  .modal .modal-book form {
    margin-top: calc(78vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book form {
    margin-top: calc(78vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book form {
    margin-top: calc(58vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book form {
    margin-top: calc(58vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-book form {
    margin-top: calc(58vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-book form.is-submitting .columns,
.modal .modal-book form.is-submitting .submit {
  opacity: 0.5;
  pointer-events: none;
  transition: opacity 0.35s;
}
.modal .modal-book form.has-submitted .columns,
.modal .modal-book form.has-submitted .submit {
  height: 0 !important;
  opacity: 0;
  pointer-events: none;
  transition: height 1s, opacity 0.35s;
}
.modal .modal-book form.has-submitted .success {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.35s ease-out 0.35s;
}
.modal .modal-book .success {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}
.modal .modal-book .columns {
  display: grid;
}
@media screen and (min-width: 375px) {
  .modal .modal-book .columns {
    row-gap: calc(49vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .columns {
    row-gap: calc(49vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-book .row + .row {
    margin-top: calc(49vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .row + .row {
    margin-top: calc(49vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book .row + .row {
    margin-top: calc(49vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book .row + .row {
    margin-top: calc(49vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-book .row + .row {
    margin-top: calc(49vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-book .submit {
  text-align: right;
}
@media screen and (min-width: 375px) {
  .modal .modal-book .submit {
    margin-top: calc(73vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .submit {
    margin-top: calc(73vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book .submit {
    margin-top: calc(73vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book .submit {
    margin-top: calc(73vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-book .submit {
    margin-top: calc(73vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-book .submit {
    padding-right: calc(43vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .submit {
    padding-right: calc(43vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book .submit {
    padding-right: calc(43vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-book .submit {
    padding-left: calc(43vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .submit {
    padding-left: calc(43vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book .submit {
    padding-left: calc(43vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-book label + .input {
    margin-top: calc(1vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book label + .input {
    margin-top: calc(1vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book label + .input {
    margin-top: calc(1vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book label + .input {
    margin-top: calc(1vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-book label + .input {
    margin-top: calc(1vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-book .dropdown {
  position: relative;
  z-index: 2;
}
.modal .modal-book .dropdown input {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (min-width: 375px) {
  .modal .modal-book .dropdown input {
    padding-right: calc(24vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .dropdown input {
    padding-right: calc(24vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book .dropdown input {
    padding-right: calc(24vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book .dropdown input {
    padding-right: calc(24vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-book .dropdown input {
    padding-right: calc(24vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-book .dropdown input:focus ~ .icon-chevron {
  transform: translateY(-50%) rotate(180deg);
}
.modal .modal-book .dropdown .icon-chevron {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: 0.5s;
}
@media screen and (min-width: 375px) {
  .modal .modal-book .dropdown .icon-chevron {
    right: calc(5vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .dropdown .icon-chevron {
    right: calc(5vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book .dropdown .icon-chevron {
    right: calc(5vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book .dropdown .icon-chevron {
    right: calc(5vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-book .dropdown .icon-chevron {
    right: calc(5vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-book .dropdown .icon-chevron svg {
  display: block;
  height: auto;
}
@media screen and (min-width: 375px) {
  .modal .modal-book .dropdown .icon-chevron svg {
    width: calc(14vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .dropdown .icon-chevron svg {
    width: calc(14vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book .dropdown .icon-chevron svg {
    width: calc(14vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book .dropdown .icon-chevron svg {
    width: calc(14vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-book .dropdown .icon-chevron svg {
    width: calc(14vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-book .dropdown .options {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: 0.5s;
}
.modal .modal-book .dropdown .options.is-open {
  overflow: auto;
  border-bottom: 1px solid #979797;
}
@media screen and (min-width: 375px) {
  .modal .modal-book .dropdown .options.is-open {
    height: calc(120vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .dropdown .options.is-open {
    height: calc(123vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book .dropdown .options.is-open {
    height: calc(123vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book .dropdown .options.is-open {
    height: calc(125vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .modal .modal-book .dropdown .options.is-open {
    height: calc(125vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-book .dropdown .options.is-open {
    height: calc(125vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-book .dropdown .options li {
  border: 1px solid #979797;
  padding: 0.25em;
  background-color: #22282B;
  cursor: pointer;
  transition: 0.35s;
}
.modal .modal-book .dropdown .options li:first-child,
.modal .modal-book .dropdown .options li + li {
  border-top: 0;
}
.modal .modal-book .dropdown .options li:last-child {
  border-bottom: 0;
}
.modal .modal-book .dropdown .options li.is-selected {
  background-color: #394247;
}
.modal .modal-book .dropdown .options li:hover {
  background-color: #2d3539;
}
.modal .modal-book .dropdown .options li:active {
  background-color: #394247;
  transition: 0.15s;
}
.modal .modal-book input {
  border-bottom: 1px solid #979797;
}
@media screen and (min-width: 375px) {
  .modal .modal-book input {
    padding-top: calc(13vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book input {
    padding-top: calc(13vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book input {
    padding-top: calc(13vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book input {
    padding-top: calc(13vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-book input {
    padding-top: calc(13vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-book input {
    padding-bottom: calc(13vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book input {
    padding-bottom: calc(13vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book input {
    padding-bottom: calc(13vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book input {
    padding-bottom: calc(13vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-book input {
    padding-bottom: calc(13vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-book .p {
  line-height: 1.2777777778;
}
@media screen and (min-width: 375px) {
  .modal .modal-book .p {
    font-size: calc(18vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .p {
    font-size: calc(18vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book .p {
    font-size: calc(18vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book .p {
    font-size: calc(18vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .modal .modal-book .p {
    font-size: calc(18vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-book .p {
    font-size: calc(18vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-book button {
  font-family: "brandon-grotesque", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  font-style: normal;
  line-height: 1.0666666667;
  letter-spacing: 0.1133333333em;
  cursor: pointer;
  transition: 0.35s;
}
@media screen and (min-width: 375px) {
  .modal .modal-book button {
    font-size: calc(15vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book button {
    font-size: calc(15vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book button {
    font-size: calc(15vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book button {
    font-size: calc(18vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .modal .modal-book button {
    font-size: calc(18vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-book button {
    font-size: calc(18vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-book button:hover {
  opacity: 0.7;
}
.modal .modal-book button:active {
  transform: scale(0.95);
  transition: 0.15s;
}
.modal .modal-book .questions {
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  transform: translateY(20px);
  opacity: 0;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0s;
}
@media screen and (min-width: 375px) {
  .modal .modal-book .questions {
    margin-top: calc(134vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .questions {
    margin-top: calc(134vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book .questions {
    margin-top: calc(134vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-book .questions {
    padding-top: calc(102vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .questions {
    padding-top: calc(102vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book .questions {
    padding-top: calc(102vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-book .questions {
    padding-left: calc(65vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .questions {
    padding-left: calc(65vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book .questions {
    padding-left: calc(65vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book .questions {
    padding-left: calc(55vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-book .questions {
    padding-left: calc(110vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-book .questions {
    padding-right: calc(59vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .questions {
    padding-right: calc(59vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book .questions {
    padding-right: calc(59vw / (768 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-book .questions .h2 {
  line-height: 1.4;
  letter-spacing: 0.0533333333em;
}
@media screen and (max-width: 767px) and (min-width: 375px) {
  .modal .modal-book .questions .h2 {
    font-size: calc(30vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (max-width: 767px) and (min-width: 500px) {
  .modal .modal-book .questions .h2 {
    font-size: calc(30vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-book .questions .h2 + a {
    margin-top: calc(22vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-book .questions .h2 + a {
    margin-top: calc(22vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-book .questions .h2 + a {
    margin-top: calc(22vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book .questions .h2 + a {
    margin-top: calc(22vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-book .questions .h2 + a {
    margin-top: calc(22vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-book .questions a {
  transition: 0.35s;
}
.modal .modal-book .questions a:hover {
  opacity: 0.7;
}
.modal .modal-book .questions a:active {
  transform: scale(0.95);
  transition: 0.15s;
}
@media screen and (min-width: 768px) {
  .modal .modal-book .text {
    width: 59.68%;
  }
  .modal .modal-book .columns {
    grid-template-columns: 1fr 1fr;
    row-gap: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .modal .modal-book .columns {
    column-gap: calc(55vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  .modal .modal-book .columns {
    column-gap: calc(55vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .modal .modal-book .columns {
    column-gap: calc(110vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-book .book {
    display: flex;
    padding-top: 0;
    padding-bottom: 62px;
  }
  .modal .modal-book .text {
    width: 59.68%;
    min-width: 416px;
  }
  .modal .modal-book .form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    width: 60%;
    min-height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
  }
  .modal .modal-book .submit {
    padding-left: 0;
    padding-right: 0;
  }
  .modal .modal-book .questions {
    flex: 1;
    justify-content: center;
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .modal .modal-book .form {
    padding-top: 90px;
    padding-left: calc(85vw / (1440 - var(--scrollbar-width)) * 100);
    padding-bottom: 90px;
    width: 71%;
  }
  .modal .modal-book .questions {
    padding-right: calc(52vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-crew {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
}
.modal .modal-crew .crew {
  flex: 1;
  overflow: auto;
  transform: translateY(20px);
  opacity: 0;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0s;
}
@media screen and (min-width: 375px) {
  .modal .modal-crew .crew {
    padding-top: calc(48vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-crew .crew {
    padding-top: calc(48vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-crew .crew {
    padding-bottom: calc(48vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-crew .crew {
    padding-bottom: calc(48vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-crew .bio {
    padding-right: calc(20vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-crew .bio {
    padding-right: calc(20vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-crew .bio {
    padding-right: calc(20vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-crew .bio .image {
  width: 48.65%;
}
@media screen and (min-width: 768px) {
  .modal .modal-crew .bio .image {
    width: calc(163vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-crew .bio .image {
    width: calc(163vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-crew .bio .image {
    width: calc(163vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-crew .bio .image + .text {
    margin-top: calc(33vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-crew .bio .image + .text {
    margin-top: calc(33vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-crew .bio .image + .text {
    margin-top: calc(33vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-crew .bio .image + .text {
    margin-top: calc(33vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-crew .bio .image + .text {
    margin-top: calc(33vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-crew .bio .h3 + .p {
    margin-top: calc(3vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-crew .bio .h3 + .p {
    margin-top: calc(3vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-crew .bio .h3 + .p {
    margin-top: calc(3vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-crew .bio + .bio {
    margin-top: calc(81vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-crew .bio + .bio {
    margin-top: calc(81vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-crew .bio + .bio {
    margin-left: calc(168vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-crew .bio + .bio {
    margin-left: calc(168vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-crew .bio + .bio {
    margin-left: calc(168vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-crew .bio + .quote {
    margin-top: calc(44vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-crew .bio + .quote {
    margin-top: calc(44vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-crew .bio + .quote {
    margin-left: calc(110vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-crew .bio + .quote {
    margin-left: calc(110vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-crew .bio + .quote {
    margin-left: calc(110vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-crew .quote {
  margin-left: calc(28vw / (375 - var(--scrollbar-width)) * 100);
  margin-right: calc(41vw / (375 - var(--scrollbar-width)) * 100);
}
@media screen and (min-width: 1024px) {
  .modal .modal-crew .quote {
    margin-left: calc(100vw / (1440 - var(--scrollbar-width)) * 100);
    margin-right: calc(100vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-crew .quote + .bio {
    margin-top: calc(81vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-crew .quote + .bio {
    margin-top: calc(81vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-crew .quote + .bio {
    margin-left: calc(130vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-crew .quote + .bio {
    margin-left: calc(130vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-crew .quote + .bio {
    margin-left: calc(130vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .modal-crew .quote + .quote {
    margin-top: calc(44vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .modal-crew .quote + .quote {
    margin-top: calc(44vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-crew .quote + .quote {
    margin-left: calc(130vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .modal-crew .quote + .quote {
    margin-left: calc(130vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .modal-crew .quote + .quote {
    margin-left: calc(130vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-crew .crew {
    display: flex;
    align-items: center;
    padding-top: 4.8730964467vh;
    padding-bottom: 4.8730964467vh;
  }
  .modal .modal-crew .columns {
    vertical-align: middle;
    writing-mode: vertical-lr;
    padding-left: calc(93vw / (1440 - var(--scrollbar-width)) * 100);
    padding-right: calc(93vw / (1440 - var(--scrollbar-width)) * 100);
    max-height: 100%;
  }
  .modal .modal-crew .bio {
    margin-bottom: 0;
  }
  .modal .modal-crew .bio .wrap {
    writing-mode: horizontal-tb;
  }
  .modal .modal-crew .bio + .bio {
    margin-top: 0;
  }
  .modal .modal-crew .bio + .quote {
    margin-top: 0;
  }
  .modal .modal-crew .quote {
    margin-bottom: 0;
    writing-mode: horizontal-tb;
  }
  .modal .modal-crew .quote + .bio {
    margin-top: 0;
  }
  .modal .modal-crew .quote + .quote {
    margin-top: 0;
  }
  .modal .modal-crew .bio {
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .modal .modal-crew .bio {
    width: calc(734vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  .modal .modal-crew .bio {
    width: calc(734vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .modal .modal-crew .bio {
    width: calc(734vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-crew .quote {
    height: 100%;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .modal .modal-crew .quote {
    width: calc(500vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  .modal .modal-crew .quote {
    width: calc(500vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .modal .modal-crew .quote {
    width: calc(500vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-crew .quote .h2 {
    flex: auto;
  }
}
@media (min-width: 768px) and (min-aspect-ratio: 3/2) {
  .modal .modal-crew .crew {
    padding-top: 0;
  }
}
@media (min-width: 768px) and (min-aspect-ratio: 17/8) {
  .modal .modal-crew .crew {
    padding-top: 0;
  }
  .modal .modal-crew .columns {
    height: 100%;
  }
  .modal .modal-crew .bio {
    width: auto;
  }
  .modal .modal-crew .wrap {
    columns: 2;
    column-gap: calc(60vw / (1440 - var(--scrollbar-width)) * 100);
    column-fill: balance;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 17/8) and (min-width: 768px) {
  .modal .modal-crew .wrap {
    width: calc(1000vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 17/8) and (min-width: 1024px) {
  .modal .modal-crew .wrap {
    width: calc(1000vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 17/8) and (min-width: 1440px) {
  .modal .modal-crew .wrap {
    width: calc(1000vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .modal-gallery {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
}
.modal .modal-gallery .slider {
  flex: 1;
  overflow: hidden;
  transform: translateY(20px);
  opacity: 0;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0s;
}
.modal .modal-gallery .splide {
  height: 100%;
}
.modal .modal-gallery img {
  max-width: 100vw;
  object-fit: cover;
}
@media (max-width: 767px) {
  .modal .modal-gallery img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .modal .modal-gallery .splide__track,
.modal .modal-gallery .splide__list,
.modal .modal-gallery .splide__slide {
    height: 100%;
  }
  .modal .modal-gallery img {
    height: 100%;
    width: auto;
  }
}
.modal .bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 375px) {
  .modal .bar {
    padding-top: calc(13vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .bar {
    padding-bottom: calc(13vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .bar {
    padding-left: calc(20vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .bar {
    padding-right: calc(20vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .bar {
    padding: calc(30vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .bar {
    padding: calc(30vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .bar {
    padding: calc(30vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .bar .h3 {
  transform: translateY(20px);
  opacity: 0;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0s;
}
.modal .closeModal {
  display: block;
  position: relative;
  transform: translateY(20px);
  opacity: 0;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0s;
}
@media screen and (min-width: 375px) {
  .modal .closeModal {
    width: calc(20vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .closeModal {
    width: calc(20vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .modal .closeModal {
    height: calc(20vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .modal .closeModal {
    height: calc(20vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .closeModal {
    width: calc(24vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .closeModal {
    width: calc(24vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .closeModal {
    width: calc(24vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .modal .closeModal {
    height: calc(24vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .modal .closeModal {
    height: calc(24vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .modal .closeModal {
    height: calc(24vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.modal .closeModal span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.modal .closeModal span:before, .modal .closeModal span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.modal .closeModal span:before {
  transform: rotate(-45deg);
}
.modal .closeModal span:after {
  transform: rotate(45deg);
}
.modal .closeModal:hover span {
  opacity: 0.7;
}
.modal .closeModal:active span {
  transform: scale(0.95);
  transition: 0.15s;
}

:root {
  --nav-delay: 0s;
}

nav.is-open .navigation {
  opacity: 1;
  pointer-events: all;
}
nav.is-open .navigation ul li {
  transform: translateY(0);
  opacity: 1;
  transition: 1s;
}
nav.is-open .navigation ul li:nth-child(1) {
  transition-delay: 0.3s;
}
nav.is-open .navigation ul li:nth-child(2) {
  transition-delay: 0.4s;
}
nav.is-open .navigation ul li:nth-child(3) {
  transition-delay: 0.5s;
}
nav.is-open .navigation ul li:nth-child(4) {
  transition-delay: 0.6s;
}
nav.is-open .navigation ul li:nth-child(5) {
  transition-delay: 0.7s;
}
nav.is-open .navigation ul li:nth-child(6) {
  transition-delay: 0.8s;
}
nav.is-open .navigation ul li:nth-child(7) {
  transition-delay: 0.9s;
}
nav.is-open .navigation ul li:nth-child(8) {
  transition-delay: 1s;
}
nav.is-open .navigation ul li:nth-child(9) {
  transition-delay: 1.1s;
}
nav.is-open .navigation ul li:nth-child(10) {
  transition-delay: 1.2s;
}
nav.is-open .navigation .logo {
  transform: scale(1) rotate(0deg);
  opacity: 0.1;
  transition-delay: 0.05s;
}
nav.force-close .navigation {
  opacity: 0;
  transition: 0s;
}
nav.force-close .navigation ul li {
  opacity: 0;
  transition: 0s;
}
nav .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  z-index: 7;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 2.6395939086vh;
  padding-left: 27px;
  padding-right: 23px;
  pointer-events: none;
  transition: padding 0.35s ease, background-color 0.35s ease;
}
nav .header.has-bg {
  padding-top: 1.3197969543vh;
  padding-bottom: 1.3197969543vh;
  background-color: #fff;
}
nav .header > div {
  display: flex;
  align-items: center;
}
nav .header a {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.275em;
  text-transform: uppercase;
  pointer-events: all;
}
nav .header a svg,
nav .header a span {
  display: block;
}
nav .header a span + svg {
  margin-left: 10px;
}
nav .header a svg + span {
  margin-left: 12px;
}
nav .header a.cart svg {
  width: 15px;
  height: 18px;
}
nav .header a.menu svg {
  display: none;
  width: 5px;
  height: 23px;
}
nav .header a + a {
  margin-left: 12px;
}
@media (max-width: 479px) {
  nav .header {
    padding-left: 20px;
    padding-right: 20px;
  }
  nav .header a {
    font-size: 10px;
    letter-spacing: 0.15em;
  }
}
@media screen and (min-width: 1440px) and (min-height: 560px) {
  nav .header {
    padding-left: calc(27vw / (1440 - var(--scrollbar-width)) * 100);
    padding-right: calc(23vw / (1440 - var(--scrollbar-width)) * 100);
  }
  nav .header a span + svg {
    margin-left: calc(10vw / (1440 - var(--scrollbar-width)) * 100);
  }
  nav .header a svg + span {
    margin-left: calc(12vw / (1440 - var(--scrollbar-width)) * 100);
  }
  nav .header a.cart svg {
    width: calc(15vw / (1440 - var(--scrollbar-width)) * 100);
    height: calc(18vw / (1440 - var(--scrollbar-width)) * 100);
  }
  nav .header a.menu svg {
    width: calc(5vw / (1440 - var(--scrollbar-width)) * 100);
    height: calc(23vw / (1440 - var(--scrollbar-width)) * 100);
  }
  nav .header a + a {
    margin-left: calc(12vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
nav .navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 10;
  top: 0;
  width: 100%;
  height: 100%;
  color: #565656;
  background-color: #F6F2EE;
  opacity: 0;
  pointer-events: none;
  transition: 1s ease-in-out;
}
nav .navigation .openMenu {
  position: absolute;
  top: 54px;
  left: 50%;
  margin-left: -12px;
  transition: 1s;
}
nav .navigation .openMenu:hover {
  transform: scale(1.15);
}
nav .navigation .openMenu:active {
  transform: scale(1);
  transition: 0.15s;
  transition-delay: 0s;
}
nav .navigation .openMenu svg {
  width: 24px;
  height: 24px;
}
nav .navigation .openMenu svg path {
  fill: currentColor;
}
nav .navigation ul {
  display: flex;
  flex-direction: column;
}
nav .navigation ul li {
  text-align: center;
  transform: translateY(100%);
  opacity: 0;
  transition: 0s;
  transition-delay: 1s;
}
nav .navigation ul li a {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.2222222222em;
  text-transform: uppercase;
  transition: 1s;
  transition-delay: 0.2s;
}
nav .navigation ul li a.is-hovered {
  transform: scale(1.05);
  transition-delay: 0s;
}
nav .navigation ul li a.is-unhovered {
  transform: scale(0.95);
  opacity: 0.5;
  transition-delay: 0s;
}
nav .navigation ul li a:active {
  transform: scale(1);
  transition: 0.15s;
  transition-delay: 0s;
}
nav .navigation ul li + li {
  margin-top: 1.5em;
}
nav .navigation .logo {
  position: absolute;
  opacity: 0.1;
  top: 0;
  right: -55.4314720812vh;
  pointer-events: none;
  transform: scale(1.05) rotate(-1deg);
  opacity: 0;
  transition: 1s;
  transition-delay: 1s;
}
nav .navigation .logo svg {
  height: 105.8vh;
  width: 105.8vh;
}
nav .navigation .logo svg path {
  fill: currentColor;
}
@media screen and (min-width: 1024px) {
  nav .navigation .logo {
    opacity: 0.4;
    right: -51.9vh;
  }
}
@media (min-height: 640px) {
  nav .navigation ul li + li {
    margin-top: 2em;
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.splash {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: var(--app-height);
  z-index: 100;
  background-color: #111111;
}
.splash .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.05);
}
.splash .background video,
.splash .background img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.splash .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .splash .text {
    padding-top: calc(75vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .splash .text {
    padding-top: calc(75vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .splash .text {
    padding-top: calc(75vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.splash .text .h1 {
  width: 92.8%;
}
.splash .text svg {
  display: block;
  width: 40.26%;
}
@media screen and (min-width: 375px) {
  .splash .text svg {
    margin-top: calc(33vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .splash .text svg {
    margin-top: calc(33vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .splash .text svg {
    margin-top: calc(150vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .splash .text svg {
    margin-top: calc(150vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .splash .text svg {
    margin-top: calc(150vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .splash .text svg {
    width: 12.98%;
    min-width: 187px;
  }
}
@media screen and (min-width: 1024px) {
  .splash .text .h1 {
    width: 57.43%;
  }
}

.quote .h2:before {
  content: "“";
  display: block;
  line-height: 0.6;
}
@media screen and (min-width: 1024px) {
  .quote {
    display: flex;
  }
  .quote:before {
    content: "";
    display: block;
    flex: 1;
  }
  .quote .h2 {
    display: flex;
    flex: 1;
    margin-left: calc(43vw / (1440 - var(--scrollbar-width)) * 100);
    padding-left: 0;
    padding-right: 0;
    line-height: 1.3333333333;
  }
  .quote .h2:before {
    line-height: 0.9;
    margin-right: calc(18vw / (1440 - var(--scrollbar-width)) * 100);
  }
}

@media screen and (min-width: 375px) {
  .main.destinations {
    padding-bottom: calc(93vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.destinations {
    padding-bottom: calc(93vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations {
    padding-bottom: calc(47vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations {
    padding-bottom: calc(47vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations {
    padding-bottom: calc(47vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.destinations .intro {
    margin-top: calc(65vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.destinations .intro {
    margin-top: calc(65vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .intro {
    margin-top: calc(19vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .intro {
    margin-top: calc(19vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .intro {
    margin-top: calc(19vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.destinations .intro .text {
  margin: auto;
  max-width: 84.47%;
  text-align: center;
}
@media screen and (min-width: 375px) {
  .main.destinations .intro .text .h2 + .p {
    margin-top: calc(5vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .intro .text .h2 + .p {
    margin-top: calc(8vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .intro .text .h2 + .p {
    margin-top: calc(8vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .intro .text .h2 + .p {
    margin-top: calc(8vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .intro .text {
    max-width: 47.47%;
  }
}
@media screen and (min-width: 1440px) and (min-height: 560px) {
  .main.destinations .intro .text {
    max-width: calc(640vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.destinations .intro .media {
    margin-top: calc(45vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.destinations .intro .media {
    margin-top: calc(45vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .intro .media {
    margin-top: calc(29vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .intro .media {
    margin-top: calc(29vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .intro .media {
    margin-top: calc(29vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .intro .media {
    padding-left: calc(90vw / (1440 - var(--scrollbar-width)) * 100);
    padding-right: calc(90vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.destinations .intro .quote {
  margin-left: calc(28vw / (375 - var(--scrollbar-width)) * 100);
  margin-right: calc(41vw / (375 - var(--scrollbar-width)) * 100);
}
@media screen and (min-width: 375px) {
  .main.destinations .intro .quote {
    margin-top: calc(56vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.destinations .intro .quote {
    margin-top: calc(56vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .intro .quote {
    margin-top: calc(58vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .intro .quote {
    margin-top: calc(58vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .intro .quote {
    margin-top: calc(58vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .intro .quote {
    margin-left: calc(100vw / (1440 - var(--scrollbar-width)) * 100);
    margin-right: calc(100vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.destinations .upcoming .header .h3,
.main.destinations .previous .header .h3 {
    font-size: calc(16vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .upcoming .header .h3,
.main.destinations .previous .header .h3 {
    font-size: calc(16vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .upcoming .header .h3,
.main.destinations .previous .header .h3 {
    font-size: calc(16vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .main.destinations .upcoming .header .h3,
.main.destinations .previous .header .h3 {
    font-size: calc(16vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .upcoming .header .h3,
.main.destinations .previous .header .h3 {
    font-size: calc(16vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.destinations .upcoming .destinations,
.main.destinations .previous .destinations {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
@media screen and (min-width: 375px) {
  .main.destinations .upcoming .destinations,
.main.destinations .previous .destinations {
    margin-top: calc(30vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.destinations .upcoming .destinations,
.main.destinations .previous .destinations {
    margin-top: calc(30vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.destinations .upcoming .destinations,
.main.destinations .previous .destinations {
    padding-top: calc(20vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.destinations .upcoming .destinations,
.main.destinations .previous .destinations {
    padding-top: calc(20vw / (500 - var(--scrollbar-width)) * 100);
  }
}
.main.destinations .upcoming .destination .image,
.main.destinations .previous .destination .image {
  position: relative;
}
.main.destinations .upcoming .destination .image:before,
.main.destinations .previous .destination .image:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 61.1940298507%;
}
.main.destinations .upcoming .destination .image picture,
.main.destinations .upcoming .destination .image img,
.main.destinations .upcoming .destination .image video,
.main.destinations .upcoming .destination .image iframe,
.main.destinations .previous .destination .image picture,
.main.destinations .previous .destination .image img,
.main.destinations .previous .destination .image video,
.main.destinations .previous .destination .image iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main.destinations .upcoming .destination .image video,
.main.destinations .upcoming .destination .image img,
.main.destinations .previous .destination .image video,
.main.destinations .previous .destination .image img {
  object-fit: cover;
}
.main.destinations .upcoming .destination .text,
.main.destinations .previous .destination .text {
  color: #D8D8D8;
}
@media (max-width: 499px) {
  .main.destinations .upcoming .destination .h3,
.main.destinations .previous .destination .h3 {
    font-size: calc(10vw / (375 - var(--scrollbar-width)) * 100);
    line-height: 1.4;
    letter-spacing: 0.029em;
  }
}
@media screen and (min-width: 375px) {
  .main.destinations .upcoming {
    margin-top: calc(60vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.destinations .upcoming {
    margin-top: calc(60vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .upcoming {
    margin-top: calc(60vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .upcoming {
    margin-top: calc(60vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .upcoming {
    margin-top: calc(60vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .upcoming .header {
    padding-left: calc(54vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .upcoming .header {
    padding-left: calc(54vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .upcoming .header {
    padding-right: calc(54vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .upcoming .header {
    padding-right: calc(54vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .upcoming .destinations {
    margin-top: calc(34vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .upcoming .destinations {
    margin-top: calc(34vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .upcoming .destinations {
    margin-top: calc(34vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .upcoming .destinations {
    padding-top: calc(31vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .upcoming .destinations {
    padding-top: calc(31vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .upcoming .destinations {
    padding-top: calc(31vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.destinations .upcoming .destination {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
@media screen and (min-width: 375px) {
  .main.destinations .upcoming .destination {
    padding-bottom: calc(26vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.destinations .upcoming .destination {
    padding-bottom: calc(26vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .upcoming .destination {
    padding-bottom: calc(28vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .upcoming .destination {
    padding-bottom: calc(28vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .upcoming .destination {
    padding-bottom: calc(28vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .upcoming .destination {
    padding-left: calc(54vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .upcoming .destination {
    padding-left: calc(54vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .upcoming .destination {
    padding-right: calc(54vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .upcoming .destination {
    padding-right: calc(54vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.destinations .upcoming .destination .image + .text {
  margin-top: calc(26vw / (375 - var(--scrollbar-width)) * 100);
}
@media screen and (min-width: 768px) {
  .main.destinations .upcoming .destination .image + .text {
    padding-left: calc(36vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .upcoming .destination .image + .text {
    padding-left: calc(72vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .upcoming .destination .image + .text {
    padding-left: calc(72vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .upcoming .destination .text {
    padding-bottom: calc(12vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .upcoming .destination .text {
    padding-bottom: calc(12vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.destinations .upcoming .destination .text h2 {
  letter-spacing: 0.0754545455em;
}
.main.destinations .upcoming .destination .text h2 + h3 {
  margin-top: calc(10vw / (375 - var(--scrollbar-width)) * 100);
}
@media (max-width: 499px) {
  .main.destinations .upcoming .destination .text h2 {
    font-size: calc(22vw / (375 - var(--scrollbar-width)) * 100);
    line-height: 1.2727272727;
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .upcoming .destination .text h2 {
    line-height: 2.1333333333;
    letter-spacing: 0.0753333333em;
  }
  .main.destinations .upcoming .destination .text h2 + h3 {
    margin-top: 0;
  }
}
.main.destinations .upcoming .destination + .destination {
  margin-top: calc(21vw / (375 - var(--scrollbar-width)) * 100);
}
@media screen and (min-width: 375px) {
  .main.destinations .upcoming .destination + .destination {
    margin-top: calc(21vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.destinations .upcoming .destination + .destination {
    margin-top: calc(26vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .upcoming .destination + .destination {
    margin-top: calc(28vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .upcoming .destination + .destination {
    margin-top: calc(28vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .upcoming .destination + .destination {
    margin-top: calc(28vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .upcoming .destination {
    display: flex;
    align-items: center;
  }
  .main.destinations .upcoming .destination .image {
    width: 40%;
  }
  .main.destinations .upcoming .destination .image + .text {
    margin-top: 0;
  }
  .main.destinations .upcoming .destination .text {
    flex: 1;
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .upcoming .destination .image {
    width: calc(489vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.destinations .book {
    margin-top: calc(93vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .book {
    margin-top: calc(93vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .book {
    margin-top: calc(82vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .book {
    margin-top: calc(82vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.destinations .book .text {
  margin: auto;
  width: 83.58%;
  text-align: center;
}
@media screen and (min-width: 375px) {
  .main.destinations .book .text .h2 + .p {
    margin-top: calc(9vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.destinations .book .text .h2 + .p {
    margin-top: calc(9vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .book .text .h2 + .p {
    margin-top: calc(9vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.destinations .book .text .p + .link {
    margin-top: calc(10vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.destinations .book .text .p + .link {
    margin-top: calc(10vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .book .text .p + .link {
    margin-top: calc(18vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .book .text .p + .link {
    margin-top: calc(18vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .book .text .p + .link {
    margin-top: calc(18vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media (max-width: 499px) {
  .main.destinations .book .text .link {
    font-size: calc(16vw / (375 - var(--scrollbar-width)) * 100);
    line-height: 1.25;
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .book .text {
    max-width: 47.47%;
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .book .text .h2 + .p {
    margin-top: 0;
  }
}
@media screen and (min-width: 1440px) and (min-height: 560px) {
  .main.destinations .book .text {
    max-width: calc(640vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.destinations .previous {
    margin-top: calc(87vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .previous {
    margin-top: calc(84vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .previous {
    margin-top: calc(84vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .previous {
    margin-top: calc(84vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .main.destinations .previous .header {
    padding-left: calc(13vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .main.destinations .previous .header {
    padding-left: calc(13vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .main.destinations .previous .header {
    padding-right: calc(13vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .main.destinations .previous .header {
    padding-right: calc(13vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) {
  .main.destinations .previous .destinations {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 640px) and (min-width: 640px) {
  .main.destinations .previous .destinations {
    column-gap: calc(23vw / (640 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) and (min-width: 1024px) {
  .main.destinations .previous .destinations {
    column-gap: calc(23vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) and (min-width: 1440px) {
  .main.destinations .previous .destinations {
    column-gap: calc(23vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) and (min-width: 640px) {
  .main.destinations .previous .destinations {
    row-gap: calc(51vw / (640 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) and (min-width: 1024px) {
  .main.destinations .previous .destinations {
    row-gap: calc(51vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 640px) and (min-width: 1440px) {
  .main.destinations .previous .destinations {
    row-gap: calc(51vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .main.destinations .previous .destinations {
    margin-top: calc(28vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  .main.destinations .previous .destinations {
    margin-top: calc(28vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .main.destinations .previous .destinations {
    margin-top: calc(28vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .main.destinations .previous .destinations {
    padding-top: calc(59vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  .main.destinations .previous .destinations {
    padding-top: calc(59vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .main.destinations .previous .destinations {
    padding-top: calc(59vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .previous .destinations {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .main.destinations .previous .destinations {
    padding-left: calc(54vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .main.destinations .previous .destinations {
    padding-left: calc(54vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .main.destinations .previous .destinations {
    padding-right: calc(54vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .main.destinations .previous .destinations {
    padding-right: calc(54vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .main.destinations .previous .destinations {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 375px) {
  .main.destinations .previous .destination .image + .text {
    margin-top: calc(14vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.destinations .previous .destination .image + .text {
    margin-top: calc(14vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.destinations .previous .destination .image + .text {
    margin-top: calc(18vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.destinations .previous .destination .image + .text {
    margin-top: calc(18vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.destinations .previous .destination .image + .text {
    margin-top: calc(18vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.destinations .previous .destination + .destination {
  margin-top: calc(20vw / (375 - var(--scrollbar-width)) * 100);
}
@media screen and (min-width: 640px) {
  .main.destinations .previous .destination + .destination {
    margin-top: 0;
  }
}

@media screen and (min-width: 375px) {
  .main.dining {
    padding-bottom: calc(87vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.dining {
    padding-bottom: calc(87vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.dining {
    padding-bottom: calc(84vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.dining {
    padding-bottom: calc(84vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.dining {
    padding-bottom: calc(84vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.dining .intro {
    margin-top: calc(65vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.dining .intro {
    margin-top: calc(65vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.dining .intro {
    margin-top: calc(19vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.dining .intro {
    margin-top: calc(19vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.dining .intro {
    margin-top: calc(19vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.dining .intro .text {
  margin: auto;
  max-width: 84.47%;
  text-align: center;
}
@media screen and (min-width: 375px) {
  .main.dining .intro .media {
    margin-top: calc(45vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.dining .intro .media {
    margin-top: calc(45vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.dining .intro .media {
    margin-top: calc(29vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.dining .intro .media {
    margin-top: calc(29vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.dining .intro .media {
    margin-top: calc(29vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.dining .intro .text {
    max-width: 47.47%;
  }
}
@media screen and (min-width: 1440px) and (min-height: 560px) {
  .main.dining .intro .text {
    max-width: calc(640vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.dining .body {
    margin-top: calc(66vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.dining .body {
    margin-top: calc(66vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.dining .body {
    margin-top: calc(80vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.dining .body {
    margin-top: calc(80vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.dining .body {
    margin-top: calc(80vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.dining .body .quote {
  margin-left: calc(11vw / (375 - var(--scrollbar-width)) * 100);
  margin-right: calc(51vw / (375 - var(--scrollbar-width)) * 100);
}
@media screen and (min-width: 375px) {
  .main.dining .body .quote {
    margin-top: calc(70vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.dining .body .quote {
    margin-top: calc(70vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.dining .body .quote {
    margin-top: calc(56vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.dining .body .quote {
    margin-top: calc(56vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.dining .body .quote {
    margin-top: calc(56vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.dining .body .text {
    max-width: 47.47%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .main.dining .body .quote {
    display: flex;
    margin-right: 0;
    margin-left: 0;
  }
  .main.dining .body .quote:before {
    content: "";
    display: block;
    flex: 1;
  }
  .main.dining .body .quote .h2 {
    display: flex;
    flex: 1;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.3333333333;
  }
  .main.dining .body .quote .h2:before {
    line-height: 0.9;
    margin-right: calc(18vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.dining .body .quote {
    margin-left: calc(0vw / (1440 - var(--scrollbar-width)) * 100);
    margin-right: calc(0vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) and (min-height: 560px) {
  .main.dining .body .text {
    max-width: calc(600vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.dining .galleries {
    margin-top: calc(76vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.dining .galleries {
    margin-top: calc(76vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.dining .galleries {
    margin-top: calc(80vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.dining .galleries {
    margin-top: calc(80vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.dining .galleries {
    margin-top: calc(80vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.dining .cocktails {
    margin-top: calc(97vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.dining .cocktails {
    margin-top: calc(97vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.dining .cocktails {
    margin-top: calc(75vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.dining .cocktails {
    margin-top: calc(75vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.dining .cocktails {
    margin-top: calc(75vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.dining .cocktails .text {
  text-align: center;
}
@media screen and (min-width: 375px) {
  .main.dining .cocktails .text {
    margin-top: calc(43vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.dining .cocktails .text {
    margin-top: calc(43vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.dining .cocktails .text {
    margin-top: calc(39vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.dining .cocktails .text {
    margin-top: calc(39vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.dining .cocktails .text {
    margin-top: calc(39vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.dining .cocktails .text {
    margin-left: calc(26vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.dining .cocktails .text {
    margin-left: calc(26vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.dining .cocktails .text {
    margin-right: calc(26vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.dining .cocktails .text {
    margin-right: calc(26vw / (500 - var(--scrollbar-width)) * 100);
  }
}
.main.dining .cocktails .text .links {
  display: inline-flex;
  flex-direction: column;
}
@media screen and (min-width: 375px) {
  .main.dining .cocktails .text .links {
    gap: calc(18vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.dining .cocktails .text .links {
    gap: calc(18vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.dining .cocktails .text .links {
    gap: calc(52vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.dining .cocktails .text .links {
    gap: calc(52vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.dining .cocktails .text .links {
    gap: calc(52vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.dining .cocktails .text .links {
    margin-top: calc(36vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.dining .cocktails .text .links {
    margin-top: calc(36vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.dining .cocktails .text .links {
    margin-top: calc(25vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.dining .cocktails .text .links {
    margin-top: calc(25vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.dining .cocktails .text .links {
    margin-top: calc(25vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.dining .cocktails .text .links a {
  font-family: "brandon-grotesque", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  font-style: normal;
  line-height: 1.0666666667;
  letter-spacing: 0.1133333333em;
}
@media screen and (min-width: 375px) {
  .main.dining .cocktails .text .links a {
    font-size: calc(15vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.dining .cocktails .text .links a {
    font-size: calc(15vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.dining .cocktails .text .links a {
    font-size: calc(15vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.dining .cocktails .text .links a {
    font-size: calc(15vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.dining .cocktails .text .links a {
    font-size: calc(15vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.dining .cocktails .text {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(700vw / (1024 - var(--scrollbar-width)) * 100);
  }
  .main.dining .cocktails .text .links {
    flex-direction: row;
  }
}
@media screen and (min-width: 1440px) and (min-height: 560px) {
  .main.dining .cocktails .text {
    max-width: calc(640vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.dining .intro,
.main.dining .body {
    padding-left: calc(90vw / (1440 - var(--scrollbar-width)) * 100);
    padding-right: calc(90vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.dining .intro .h2 + .p,
.main.dining .body .h2 + .p,
.main.dining .cocktails .h2 + .p {
    margin-top: calc(5vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.dining .intro .h2 + .p,
.main.dining .body .h2 + .p,
.main.dining .cocktails .h2 + .p {
    margin-top: calc(8vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.dining .intro .h2 + .p,
.main.dining .body .h2 + .p,
.main.dining .cocktails .h2 + .p {
    margin-top: calc(8vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.dining .intro .h2 + .p,
.main.dining .body .h2 + .p,
.main.dining .cocktails .h2 + .p {
    margin-top: calc(8vw / (1440 - var(--scrollbar-width)) * 100);
  }
}

@media screen and (min-width: 375px) {
  .main.experiences {
    padding-bottom: calc(81vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences {
    padding-bottom: calc(81vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences {
    padding-bottom: calc(77vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences {
    padding-bottom: calc(77vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences {
    padding-bottom: calc(77vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.experiences .intro {
    margin-top: calc(65vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .intro {
    margin-top: calc(65vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .intro {
    margin-top: calc(19vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .intro {
    margin-top: calc(19vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .intro {
    margin-top: calc(19vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.experiences .intro .text {
  margin: auto;
  max-width: 84.47%;
  text-align: center;
}
@media screen and (min-width: 375px) {
  .main.experiences .intro .media {
    margin-top: calc(45vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .intro .media {
    margin-top: calc(45vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .intro .media {
    margin-top: calc(29vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .intro .media {
    margin-top: calc(29vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .intro .media {
    margin-top: calc(29vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .intro .text {
    max-width: 47.47%;
  }
}
@media screen and (min-width: 1440px) and (min-height: 560px) {
  .main.experiences .intro .text {
    max-width: calc(640vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.experiences .body {
    margin-top: calc(66vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .body {
    margin-top: calc(66vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .body {
    margin-top: calc(80vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .body {
    margin-top: calc(80vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .body {
    margin-top: calc(80vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.experiences .body .images {
    margin-top: calc(98vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .body .images {
    margin-top: calc(98vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .body .images {
    margin-top: calc(83vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .body .images {
    margin-top: calc(83vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .body .images {
    margin-top: calc(83vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .body .text {
    max-width: 47.47%;
  }
}
@media screen and (min-width: 1440px) and (min-height: 560px) {
  .main.experiences .body .text {
    max-width: calc(600vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.experiences .water {
    margin-top: calc(30vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .water {
    margin-top: calc(30vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .water {
    margin-top: calc(67vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .water {
    margin-top: calc(67vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .water {
    margin-top: calc(67vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.experiences .water .text + .columns {
    margin-top: calc(30vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .water .text + .columns {
    margin-top: calc(30vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .water .text + .columns {
    margin-top: calc(30vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .water .text + .columns {
    margin-top: calc(30vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .water .text + .columns {
    margin-top: calc(30vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.experiences .water .media {
    margin-top: calc(61vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .water .media {
    margin-top: calc(61vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .water .media {
    margin-top: calc(61vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .water .media {
    margin-top: calc(61vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .water .media {
    margin-top: calc(61vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.experiences .water .quote {
  margin-left: calc(40vw / (375 - var(--scrollbar-width)) * 100);
  margin-right: calc(21vw / (375 - var(--scrollbar-width)) * 100);
}
@media screen and (min-width: 375px) {
  .main.experiences .water .quote {
    margin-top: calc(51vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .water .quote {
    margin-top: calc(51vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .water .quote {
    margin-top: calc(83vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .water .quote {
    margin-top: calc(83vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .water .quote {
    margin-top: calc(83vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.experiences .water .quote + .columns {
    margin-top: calc(61vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .water .quote + .columns {
    margin-top: calc(61vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .water .quote + .columns {
    margin-top: calc(93vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .water .quote + .columns {
    margin-top: calc(93vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .water .quote + .columns {
    margin-top: calc(93vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .water .quote {
    margin-left: calc(100vw / (1440 - var(--scrollbar-width)) * 100);
    margin-right: calc(100vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.experiences .onboard {
  border-top: 1px solid rgba(255, 255, 255, 0.26);
}
@media screen and (min-width: 375px) {
  .main.experiences .onboard {
    margin-top: calc(54vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .onboard {
    margin-top: calc(54vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .onboard {
    margin-top: calc(67vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .onboard {
    margin-top: calc(67vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .onboard {
    margin-top: calc(67vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.experiences .onboard {
    padding-top: calc(57vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .onboard {
    padding-top: calc(57vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .onboard {
    padding-top: calc(86vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .onboard {
    padding-top: calc(86vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .onboard {
    padding-top: calc(86vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .onboard .images {
    padding-left: calc(90vw / (1440 - var(--scrollbar-width)) * 100);
    padding-right: calc(90vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.experiences .onboard .text {
    margin-top: calc(43vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .onboard .text {
    margin-top: calc(43vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .onboard .text {
    margin-top: calc(39vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .onboard .text {
    margin-top: calc(39vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .onboard .text {
    margin-top: calc(39vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.experiences .onboard .text .links {
  display: inline-flex;
  flex-direction: column;
}
@media screen and (min-width: 375px) {
  .main.experiences .onboard .text .links {
    gap: calc(18vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .onboard .text .links {
    gap: calc(18vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .onboard .text .links {
    gap: calc(52vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .onboard .text .links {
    gap: calc(52vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .onboard .text .links {
    gap: calc(52vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.experiences .onboard .text .links {
    margin-top: calc(36vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .onboard .text .links {
    margin-top: calc(36vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .onboard .text .links {
    margin-top: calc(25vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .onboard .text .links {
    margin-top: calc(25vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .onboard .text .links {
    margin-top: calc(25vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.experiences .onboard .text .links a {
  font-family: "brandon-grotesque", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  font-style: normal;
  line-height: 1.0666666667;
  letter-spacing: 0.1133333333em;
}
@media screen and (min-width: 375px) {
  .main.experiences .onboard .text .links a {
    font-size: calc(15vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .onboard .text .links a {
    font-size: calc(15vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .onboard .text .links a {
    font-size: calc(15vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .onboard .text .links a {
    font-size: calc(15vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .onboard .text .links a {
    font-size: calc(15vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .onboard .text {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(700vw / (1024 - var(--scrollbar-width)) * 100);
  }
  .main.experiences .onboard .text .links {
    flex-direction: row;
  }
}
@media screen and (min-width: 1440px) and (min-height: 560px) {
  .main.experiences .onboard .text {
    max-width: calc(700vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.experiences .onboard .columns {
    margin-top: calc(51vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .onboard .columns {
    margin-top: calc(51vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .onboard .columns {
    margin-top: calc(83vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .onboard .columns {
    margin-top: calc(83vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .onboard .columns {
    margin-top: calc(83vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .intro,
.main.experiences .body {
    padding-left: calc(90vw / (1440 - var(--scrollbar-width)) * 100);
    padding-right: calc(90vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.experiences .intro .h2 + .p,
.main.experiences .body .h2 + .p,
.main.experiences .onboard .h2 + .p {
    margin-top: calc(5vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .intro .h2 + .p,
.main.experiences .body .h2 + .p,
.main.experiences .onboard .h2 + .p {
    margin-top: calc(8vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .intro .h2 + .p,
.main.experiences .body .h2 + .p,
.main.experiences .onboard .h2 + .p {
    margin-top: calc(8vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .intro .h2 + .p,
.main.experiences .body .h2 + .p,
.main.experiences .onboard .h2 + .p {
    margin-top: calc(8vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.experiences .body .images,
.main.experiences .onboard .images {
  display: flex;
}
@media screen and (min-width: 375px) {
  .main.experiences .body .images,
.main.experiences .onboard .images {
    column-gap: calc(12vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .body .images,
.main.experiences .onboard .images {
    column-gap: calc(12vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .body .images,
.main.experiences .onboard .images {
    column-gap: calc(43vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .body .images,
.main.experiences .onboard .images {
    column-gap: calc(43vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .body .images,
.main.experiences .onboard .images {
    column-gap: calc(43vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.experiences .body .images .image,
.main.experiences .onboard .images .image {
  flex: 1;
}
.main.experiences .water .text,
.main.experiences .onboard .text {
  text-align: center;
}
.main.experiences .water .columns,
.main.experiences .onboard .columns {
  display: grid;
}
@media screen and (min-width: 375px) {
  .main.experiences .water .columns,
.main.experiences .onboard .columns {
    gap: calc(30vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .water .columns,
.main.experiences .onboard .columns {
    gap: calc(30vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .water .columns,
.main.experiences .onboard .columns {
    gap: calc(30vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .water .columns,
.main.experiences .onboard .columns {
    gap: calc(80vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .water .columns,
.main.experiences .onboard .columns {
    gap: calc(80vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.experiences .water .columns,
.main.experiences .onboard .columns {
    margin-top: calc(30vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .water .columns,
.main.experiences .onboard .columns {
    margin-top: calc(30vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .water .columns,
.main.experiences .onboard .columns {
    margin-top: calc(80vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .water .columns,
.main.experiences .onboard .columns {
    margin-top: calc(80vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .water .columns,
.main.experiences .onboard .columns {
    margin-top: calc(80vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .water .columns,
.main.experiences .onboard .columns {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 375px) {
  .main.experiences .water .column .h3 + .p,
.main.experiences .onboard .column .h3 + .p {
    margin-top: calc(4vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.experiences .water .column .h3 + .p,
.main.experiences .onboard .column .h3 + .p {
    margin-top: calc(4vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.experiences .water .column .h3 + .p,
.main.experiences .onboard .column .h3 + .p {
    margin-top: calc(13vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.experiences .water .column .h3 + .p,
.main.experiences .onboard .column .h3 + .p {
    margin-top: calc(13vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.experiences .water .column .h3 + .p,
.main.experiences .onboard .column .h3 + .p {
    margin-top: calc(13vw / (1440 - var(--scrollbar-width)) * 100);
  }
}

.main.home .intro .text {
  margin: auto;
  max-width: 84.47%;
  text-align: center;
}
.main.home .intro .images {
  display: flex;
}
@media screen and (min-width: 768px) {
  .main.home .intro .images {
    padding-top: calc(5vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.home .intro .images {
    padding-top: calc(5vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.home .intro .images {
    padding-top: calc(5vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.home .intro .images .image {
  flex: 1;
}
.main.home .intro .images .image + .image {
  margin-left: calc(12vw / (375 - var(--scrollbar-width)) * 100);
}
.main.home .intro .quote {
  margin-left: calc(28vw / (375 - var(--scrollbar-width)) * 100);
  margin-right: calc(41vw / (375 - var(--scrollbar-width)) * 100);
}
@media screen and (min-width: 768px) {
  .main.home .intro .text {
    max-width: 47.62%;
  }
  .main.home .intro .images {
    padding-left: calc(90vw / (1440 - var(--scrollbar-width)) * 100);
    padding-right: calc(90vw / (1440 - var(--scrollbar-width)) * 100);
  }
  .main.home .intro .images .image + .image {
    margin-left: calc(43vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.home .intro .text {
    max-width: 47.62%;
  }
  .main.home .intro .quote {
    margin-left: calc(100vw / (1440 - var(--scrollbar-width)) * 100);
    margin-right: calc(100vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) and (min-height: 560px) {
  .main.home .intro .text {
    max-width: calc(640vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.home .experiences {
  overflow: hidden;
}
.main.home .experiences .header {
  margin: auto;
  max-width: calc(283vw / (375 - var(--scrollbar-width)) * 100);
  text-align: center;
}
@media screen and (min-width: 375px) {
  .main.home .experiences .carousel {
    margin-top: calc(21vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.home .experiences .carousel {
    margin-top: calc(21vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.home .experiences .carousel {
    margin-top: calc(32vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.home .experiences .carousel {
    margin-top: calc(32vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.home .experiences .carousel .image {
  position: relative;
}
.main.home .experiences .carousel .image:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 61.6018845701%;
}
.main.home .experiences .carousel .image picture,
.main.home .experiences .carousel .image img,
.main.home .experiences .carousel .image video,
.main.home .experiences .carousel .image iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main.home .experiences .carousel .image video,
.main.home .experiences .carousel .image img {
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .main.home .experiences .carousel .slide {
    padding-right: calc(37vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.home .experiences .carousel .slide {
    padding-right: calc(37vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.home .experiences .carousel .slide {
    padding-right: calc(37vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.home .experiences .carousel .slide + .slide {
  margin-top: calc(21vw / (375 - var(--scrollbar-width)) * 100);
}
@media screen and (min-width: 375px) {
  .main.home .experiences .text {
    margin-top: calc(10vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.home .experiences .text {
    margin-top: calc(10vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.home .experiences .text {
    margin-top: calc(26vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.home .experiences .text {
    margin-top: calc(26vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.home .experiences .header {
    max-width: none;
    text-align: left;
  }
  .main.home .experiences .carousel .slides {
    white-space: nowrap;
    font-size: 0;
  }
  .main.home .experiences .carousel .slide {
    display: inline-block;
    vertical-align: top;
    width: calc(886vw / (1440 - var(--scrollbar-width)) * 100);
    white-space: normal;
  }
  .main.home .experiences .carousel .slide + .slide {
    margin-top: 0;
  }
  .main.home .experiences .text {
    width: 76.44%;
  }
}
.main.home .more {
  border-top: 1px solid rgba(255, 255, 255, 0.26);
}
.main.home .more .columns {
  font-size: 0;
  overflow-x: auto;
  white-space: nowrap;
  text-align: center;
}
@media screen and (min-width: 375px) {
  .main.home .more .columns {
    padding-top: calc(49vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.home .more .columns {
    padding-top: calc(49vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.home .more .columns {
    padding-top: calc(60vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.home .more .columns {
    padding-top: calc(60vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.home .more .columns {
    padding-bottom: calc(43vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.home .more .columns {
    padding-bottom: calc(43vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.home .more .columns {
    padding-bottom: calc(58vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.home .more .columns {
    padding-bottom: calc(58vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.home .more .columns {
    padding-left: calc(58vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.home .more .columns {
    padding-left: calc(58vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.home .more .columns {
    padding-right: calc(58vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.home .more .columns {
    padding-right: calc(58vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.home .more .column {
  display: inline-block;
  width: calc(220vw / (375 - var(--scrollbar-width)) * 100);
  white-space: normal;
  text-align: left;
}
@media screen and (min-width: 375px) {
  .main.home .more .column + .column {
    margin-left: calc(29vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.home .more .column + .column {
    margin-left: calc(47vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.home .more .text {
    margin-top: calc(16vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.home .more .text {
    margin-top: calc(16vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.home .more .text {
    margin-top: calc(32vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.home .more .text {
    margin-top: calc(32vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.home .more .columns {
    display: flex;
    justify-content: space-evenly;
  }
  .main.home .more .column {
    width: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .main.home .more .columns {
    justify-content: space-evenly;
  }
  .main.home .more .column {
    width: calc(326vw / (1440 - var(--scrollbar-width)) * 100);
  }
  .main.home .more .column + .column {
    margin-left: 0;
  }
}
@media screen and (min-width: 375px) {
  .main.home .intro,
.main.home .intro .images,
.main.home .intro .quote,
.main.home .intro > .image,
.main.home .experiences,
.main.home .more {
    margin-top: calc(45vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.home .intro,
.main.home .intro .images,
.main.home .intro .quote,
.main.home .intro > .image,
.main.home .experiences,
.main.home .more {
    margin-top: calc(45vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.home .intro,
.main.home .intro .images,
.main.home .intro .quote,
.main.home .intro > .image,
.main.home .experiences,
.main.home .more {
    margin-top: calc(50vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.home .intro,
.main.home .intro .images,
.main.home .intro .quote,
.main.home .intro > .image,
.main.home .experiences,
.main.home .more {
    margin-top: calc(50vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.home .intro .h2 + .p,
.main.home .intro .images .h2 + .p,
.main.home .intro .quote .h2 + .p,
.main.home .intro > .image .h2 + .p,
.main.home .experiences .h2 + .p,
.main.home .more .h2 + .p {
    margin-top: calc(5vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.home .intro .h2 + .p,
.main.home .intro .images .h2 + .p,
.main.home .intro .quote .h2 + .p,
.main.home .intro > .image .h2 + .p,
.main.home .experiences .h2 + .p,
.main.home .more .h2 + .p {
    margin-top: calc(5vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.home .intro .h3 + .p,
.main.home .intro .images .h3 + .p,
.main.home .intro .quote .h3 + .p,
.main.home .intro > .image .h3 + .p,
.main.home .experiences .h3 + .p,
.main.home .more .h3 + .p {
    margin-top: calc(5vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.home .intro .h3 + .p,
.main.home .intro .images .h3 + .p,
.main.home .intro .quote .h3 + .p,
.main.home .intro > .image .h3 + .p,
.main.home .experiences .h3 + .p,
.main.home .more .h3 + .p {
    margin-top: calc(5vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.home .intro .h3 + .p,
.main.home .intro .images .h3 + .p,
.main.home .intro .quote .h3 + .p,
.main.home .intro > .image .h3 + .p,
.main.home .experiences .h3 + .p,
.main.home .more .h3 + .p {
    margin-top: calc(5vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.home .intro .h3 + .p,
.main.home .intro .images .h3 + .p,
.main.home .intro .quote .h3 + .p,
.main.home .intro > .image .h3 + .p,
.main.home .experiences .h3 + .p,
.main.home .more .h3 + .p {
    margin-top: calc(5vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.home .intro .p + .link,
.main.home .intro .images .p + .link,
.main.home .intro .quote .p + .link,
.main.home .intro > .image .p + .link,
.main.home .experiences .p + .link,
.main.home .more .p + .link {
    margin-top: calc(8vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.home .intro .p + .link,
.main.home .intro .images .p + .link,
.main.home .intro .quote .p + .link,
.main.home .intro > .image .p + .link,
.main.home .experiences .p + .link,
.main.home .more .p + .link {
    margin-top: calc(8vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.home .intro .p + .link,
.main.home .intro .images .p + .link,
.main.home .intro .quote .p + .link,
.main.home .intro > .image .p + .link,
.main.home .experiences .p + .link,
.main.home .more .p + .link {
    margin-top: calc(12vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.home .intro .p + .link,
.main.home .intro .images .p + .link,
.main.home .intro .quote .p + .link,
.main.home .intro > .image .p + .link,
.main.home .experiences .p + .link,
.main.home .more .p + .link {
    margin-top: calc(12vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.home .intro .h2 + .p,
.main.home .intro .images .h2 + .p,
.main.home .intro .quote .h2 + .p,
.main.home .intro > .image .h2 + .p,
.main.home .experiences .h2 + .p,
.main.home .more .h2 + .p {
    margin-top: 0;
  }
}

@media screen and (min-width: 375px) {
  .main.onboard {
    padding-bottom: calc(100vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard {
    padding-bottom: calc(100vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard {
    padding-bottom: calc(84vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard {
    padding-bottom: calc(84vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard {
    padding-bottom: calc(84vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .intro {
    margin-top: calc(65vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .intro {
    margin-top: calc(65vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .intro {
    margin-top: calc(19vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .intro {
    margin-top: calc(19vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .intro {
    margin-top: calc(19vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .intro .text {
  margin: auto;
  max-width: 84.47%;
  text-align: center;
}
@media screen and (min-width: 375px) {
  .main.onboard .intro .slideshow {
    margin-top: calc(45vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .intro .slideshow {
    margin-top: calc(45vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .intro .slideshow {
    margin-top: calc(29vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .intro .slideshow {
    margin-top: calc(29vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .intro .slideshow {
    margin-top: calc(29vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .intro .slideshow .splide,
.main.onboard .intro .slideshow .splide__track,
.main.onboard .intro .slideshow .splide__list {
  width: 100%;
}
.main.onboard .intro .slideshow .splide_controls {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 375px) {
  .main.onboard .intro .slideshow .splide_controls {
    margin-top: calc(22vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .intro .slideshow .splide_controls {
    margin-top: calc(22vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .intro .slideshow .splide_controls {
    margin-top: calc(29vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .intro .slideshow .splide_controls {
    margin-top: calc(29vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .intro .slideshow .splide_controls {
    margin-top: calc(29vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .intro .slideshow .splide_controls .splide_arrow {
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  transition: 0.5s;
}
.main.onboard .intro .slideshow .splide_controls .splide_arrow:hover {
  color: #fff;
  opacity: 0.7;
}
.main.onboard .intro .slideshow .splide_controls .splide_arrow:active {
  transform: scale(0.95);
  transition: 0.15s;
}
.main.onboard .intro .slideshow .splide_controls .splide_arrow svg {
  display: block;
}
@media screen and (min-width: 375px) {
  .main.onboard .intro .slideshow .splide_controls .splide_arrow svg {
    width: calc(30vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .intro .slideshow .splide_controls .splide_arrow svg {
    width: calc(30vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .intro .slideshow .splide_controls .splide_arrow svg {
    width: calc(29vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .intro .slideshow .splide_controls .splide_arrow svg {
    width: calc(29vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .intro .slideshow .splide_controls .splide_arrow svg {
    width: calc(29vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .intro .slideshow .splide_controls .splide_arrow--next svg {
  transform: rotate(180deg);
}
.main.onboard .intro .slideshow .splide_controls .splide_counter {
  display: flex;
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.34);
  border-right: 1px solid rgba(255, 255, 255, 0.34);
}
@media screen and (min-width: 375px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    margin-left: calc(58vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    margin-left: calc(58vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    margin-left: calc(58vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    margin-left: calc(58vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    margin-left: calc(58vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    margin-right: calc(58vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    margin-right: calc(58vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    margin-right: calc(58vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    margin-right: calc(58vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    margin-right: calc(58vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    padding-left: calc(8vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    padding-left: calc(8vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    padding-left: calc(8vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    padding-left: calc(8vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    padding-left: calc(8vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    padding-right: calc(8vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    padding-right: calc(8vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    padding-right: calc(8vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    padding-right: calc(8vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .intro .slideshow .splide_controls .splide_counter {
    padding-right: calc(8vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .intro .slideshow .desktop {
  position: relative;
}
.main.onboard .intro .slideshow .desktop:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 53.0017152659%;
}
.main.onboard .intro .slideshow .desktop picture,
.main.onboard .intro .slideshow .desktop img,
.main.onboard .intro .slideshow .desktop video,
.main.onboard .intro .slideshow .desktop iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main.onboard .intro .slideshow .desktop video,
.main.onboard .intro .slideshow .desktop img {
  object-fit: cover;
}
.main.onboard .intro .slideshow .mobile {
  position: relative;
}
.main.onboard .intro .slideshow .mobile:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 128.3582089552%;
}
.main.onboard .intro .slideshow .mobile picture,
.main.onboard .intro .slideshow .mobile img,
.main.onboard .intro .slideshow .mobile video,
.main.onboard .intro .slideshow .mobile iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main.onboard .intro .slideshow .mobile video,
.main.onboard .intro .slideshow .mobile img {
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .main.onboard .intro .text {
    max-width: 47.47%;
  }
}
@media screen and (min-width: 1440px) and (min-height: 560px) {
  .main.onboard .intro .text {
    max-width: calc(640vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .galleries {
    margin-top: calc(54vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .galleries {
    margin-top: calc(54vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .galleries {
    margin-top: calc(80vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .galleries {
    margin-top: calc(80vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .galleries {
    margin-top: calc(80vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .galleries .headline {
  text-align: center;
}
@media screen and (min-width: 375px) {
  .main.onboard .galleries .headline + .gallery {
    margin-top: calc(22vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .galleries .headline + .gallery {
    margin-top: calc(22vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .galleries .headline + .gallery {
    margin-top: calc(22vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .galleries .headline + .gallery {
    margin-top: calc(22vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .galleries .headline + .gallery {
    margin-top: calc(22vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .crew {
    margin-top: calc(47vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .crew {
    margin-top: calc(47vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .crew {
    margin-top: calc(59vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .crew {
    margin-top: calc(59vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .crew {
    margin-top: calc(59vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .crew .h3 + .p {
    margin-top: calc(4vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .crew .h3 + .p {
    margin-top: calc(4vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .crew .h3 + .p {
    margin-top: calc(5vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .crew .h3 + .p {
    margin-top: calc(5vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .crew .h3 + .p {
    margin-top: calc(5vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .crew .quote {
  margin-left: calc(11vw / (375 - var(--scrollbar-width)) * 100);
  margin-right: calc(51vw / (375 - var(--scrollbar-width)) * 100);
}
.main.onboard .crew .images {
  display: flex;
}
@media screen and (min-width: 375px) {
  .main.onboard .crew .images {
    column-gap: calc(12vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .crew .images {
    column-gap: calc(12vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .crew .images {
    column-gap: calc(43vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .crew .images {
    column-gap: calc(43vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .crew .images {
    column-gap: calc(43vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .crew .images {
    margin-top: calc(47vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .crew .images {
    margin-top: calc(47vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .crew .images {
    margin-top: calc(51vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .crew .images {
    margin-top: calc(51vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .crew .images {
    margin-top: calc(51vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .crew .images .image {
  flex: 1;
}
.main.onboard .crew .text {
  text-align: center;
}
@media screen and (min-width: 375px) {
  .main.onboard .crew .text {
    margin-top: calc(19vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .crew .text {
    margin-top: calc(19vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .crew .text {
    margin-top: calc(27vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .crew .text {
    margin-top: calc(27vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .crew .text {
    margin-top: calc(27vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .crew .text .links {
    margin-top: calc(9vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .crew .text .links {
    margin-top: calc(9vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .crew .text .links {
    margin-top: calc(14vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .crew .text .links {
    margin-top: calc(14vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .crew .text .links {
    margin-top: calc(14vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .crew .text .links a {
  font-family: "brandon-grotesque", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  font-style: normal;
  line-height: 1.0666666667;
  letter-spacing: 0.1133333333em;
}
@media screen and (min-width: 375px) {
  .main.onboard .crew .text .links a {
    font-size: calc(15vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .crew .text .links a {
    font-size: calc(15vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .crew .text .links a {
    font-size: calc(15vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .crew .text .links a {
    font-size: calc(15vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .crew .text .links a {
    font-size: calc(15vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .crew .text {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(700vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) and (min-height: 560px) {
  .main.onboard .crew .text {
    max-width: calc(640vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .main.onboard .crew .quote {
    margin-left: calc(40vw / (375 - var(--scrollbar-width)) * 100);
    margin-right: calc(21vw / (375 - var(--scrollbar-width)) * 100);
  }
  .main.onboard .crew .quote .h2 {
    display: flex;
    flex: 1;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.3333333333;
  }
  .main.onboard .crew .quote .h2:before {
    line-height: 0.9;
    margin-right: calc(18vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .crew .quote {
    margin-left: calc(0vw / (1440 - var(--scrollbar-width)) * 100);
    margin-right: calc(0vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .layout {
  border-top: 1px solid rgba(255, 255, 255, 0.26);
}
@media screen and (min-width: 375px) {
  .main.onboard .layout {
    margin-top: calc(47vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .layout {
    margin-top: calc(47vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .layout {
    margin-top: calc(58vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .layout {
    margin-top: calc(58vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .layout {
    margin-top: calc(58vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .layout {
    padding-top: calc(37vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .layout {
    padding-top: calc(37vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .layout {
    padding-top: calc(47vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .layout {
    padding-top: calc(47vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .layout {
    padding-top: calc(47vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .layout .headline {
  text-align: center;
}
.main.onboard .layout .tabs {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 375px) {
  .main.onboard .layout .tabs {
    margin-top: calc(24vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .layout .tabs {
    margin-top: calc(24vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .layout .tabs {
    margin-top: calc(15vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .layout .tabs {
    margin-top: calc(15vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .layout .tabs {
    margin-top: calc(15vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .layout .tabs {
    gap: calc(73vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .layout .tabs {
    gap: calc(73vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .layout .tabs {
    gap: calc(73vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .layout .tabs .link {
  opacity: 0.44;
}
.main.onboard .layout .tabs .link.is-active {
  opacity: 1;
}
@media screen and (min-width: 375px) {
  .main.onboard .layout .windows {
    margin-top: calc(49vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .layout .windows {
    margin-top: calc(49vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .layout .windows {
    margin-top: calc(58vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .layout .windows {
    margin-top: calc(58vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .layout .windows {
    margin-top: calc(58vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .layout .window {
  display: none;
}
.main.onboard .layout .window.is-active {
  display: flex;
}
.main.onboard .layout .window .image {
  position: relative;
}
@media screen and (min-width: 375px) {
  .main.onboard .layout .window .image {
    margin-left: calc(40vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .layout .window .image {
    margin-left: calc(40vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .layout .window .image {
    margin-right: calc(40vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .layout .window .image {
    margin-right: calc(40vw / (500 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .layout .window .image svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main.onboard .layout .window .image svg .hover {
  opacity: 0;
  mix-blend-mode: screen;
  cursor: pointer;
  transition: 0.35s;
}
.main.onboard .layout .window .image svg .hover:hover {
  opacity: 0.5;
}
@media screen and (min-width: 375px) {
  .main.onboard .layout .window .rooms {
    margin-top: calc(43vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .layout .window .rooms {
    margin-top: calc(43vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .layout .window .rooms {
    padding-left: calc(13vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .layout .window .rooms {
    padding-left: calc(13vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .layout .window .rooms {
    padding-right: calc(13vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .layout .window .rooms {
    padding-right: calc(13vw / (500 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .layout .window .room {
  height: 0;
  overflow: hidden;
}
.main.onboard .layout .window .room.is-active {
  height: auto;
}
.main.onboard .layout .window .h3 {
  line-height: 1.7857142857;
  letter-spacing: 0.0628571429em;
}
@media screen and (min-width: 375px) {
  .main.onboard .layout .window .h3 {
    font-size: calc(14vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .layout .window .h3 {
    font-size: calc(14vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .layout .window .h3 {
    font-size: calc(16vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .layout .window .h3 {
    font-size: calc(16vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .main.onboard .layout .window .h3 {
    font-size: calc(16vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .layout .window .h3 {
    font-size: calc(16vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .layout .window .h3 + .button,
.main.onboard .layout .window .h3 + .p {
    margin-top: calc(35vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .layout .window .h3 + .button,
.main.onboard .layout .window .h3 + .p {
    margin-top: calc(35vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .layout .window .h3 + .button,
.main.onboard .layout .window .h3 + .p {
    margin-top: calc(36vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .layout .window .h3 + .button,
.main.onboard .layout .window .h3 + .p {
    margin-top: calc(36vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .layout .window .h3 + .button,
.main.onboard .layout .window .h3 + .p {
    margin-top: calc(36vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .layout .window .p {
    margin-top: calc(19vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .layout .window .p {
    margin-top: calc(19vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .layout .window .p {
    margin-top: calc(19vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .layout .window .p {
    margin-top: calc(19vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .layout .window .p {
    margin-top: calc(19vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .layout .window .p {
    font-size: calc(16vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .main.onboard .layout .window .p {
    font-size: calc(16vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .layout .window .p {
    font-size: calc(16vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .layout .window .p p + ul {
    margin-top: calc(34vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .layout .window .p p + ul {
    margin-top: calc(34vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .layout .window .p p + ul {
    margin-top: calc(19vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .layout .window .p p + ul {
    margin-top: calc(19vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .layout .window .p p + ul {
    margin-top: calc(19vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .layout .window .p ul li {
  display: flex;
}
.main.onboard .layout .window .p ul li:before {
  content: "•";
  display: block;
  margin-top: -0.1em;
}
@media screen and (min-width: 375px) {
  .main.onboard .layout .window .p ul li:before {
    margin-right: calc(20vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .layout .window .p ul li:before {
    margin-right: calc(20vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .layout .window .p ul li:before {
    margin-right: calc(20vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .layout .window .p ul li:before {
    margin-right: calc(20vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .layout .window .p ul li:before {
    margin-right: calc(20vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .layout .window .p ul li + li {
  margin-top: 0.4em;
}
@media (max-width: 767px) {
  .main.onboard .layout .window {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .layout .tabs {
    justify-content: center;
  }
  .main.onboard .layout .window {
    gap: calc(64vw / (1440 - var(--scrollbar-width)) * 100);
  }
  .main.onboard .layout .window .image {
    width: 45%;
    margin-left: 0;
    margin-right: 0;
  }
  .main.onboard .layout .window .rooms {
    flex: 1;
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .layout .window {
    align-items: center;
    gap: calc(217vw / (1440 - var(--scrollbar-width)) * 100);
  }
  .main.onboard .layout .window .image {
    width: calc(463vw / (1440 - var(--scrollbar-width)) * 100);
  }
  .main.onboard .layout .window .rooms {
    position: relative;
    padding-left: calc(48vw / (1440 - var(--scrollbar-width)) * 100);
    padding-right: calc(48vw / (1440 - var(--scrollbar-width)) * 100);
    /* &:before {
      content: '';
      display: block;
      position: absolute;
      top: 36.56%;
      right: 100%;
      margin-right: vw(16);
      width: vw(185);
      height: 1px;
      background-color: #979797;
    } */
  }
  .main.onboard .layout .window .rooms p {
    margin-right: calc(11vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .details {
  border-top: 1px solid rgba(255, 255, 255, 0.26);
}
@media screen and (min-width: 375px) {
  .main.onboard .details {
    margin-top: calc(42vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .details {
    margin-top: calc(42vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .details {
    margin-top: calc(61vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .details {
    margin-top: calc(61vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .details {
    margin-top: calc(61vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .details {
    padding-top: calc(52vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .details {
    padding-top: calc(52vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .details {
    padding-top: calc(49vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .details {
    padding-top: calc(49vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .details {
    padding-top: calc(49vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .details .text .p {
    font-size: calc(18vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .details .text .p {
    font-size: calc(18vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .main.onboard .details .text .p {
    font-size: calc(18vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .details .text .p {
    font-size: calc(18vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .details .h2 + .p {
    margin-top: calc(10vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .details .h2 + .p {
    margin-top: calc(10vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .details .h2 + .p {
    margin-top: calc(5vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .details .h2 + .p {
    margin-top: calc(5vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .details .h2 + .p {
    margin-top: calc(5vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .details .columns {
  display: grid;
}
@media screen and (min-width: 375px) {
  .main.onboard .details .columns {
    gap: calc(32vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .details .columns {
    gap: calc(32vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .details .columns {
    gap: calc(32vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .details .columns {
    gap: calc(32vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .details .columns {
    gap: calc(32vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .details .columns {
    margin-top: calc(41vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .details .columns {
    margin-top: calc(41vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .details .columns {
    margin-top: calc(39vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .details .columns {
    margin-top: calc(39vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .details .columns {
    margin-top: calc(39vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .details .p + .h3 {
    margin-top: calc(7vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .details .p + .h3 {
    margin-top: calc(7vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .details .p + .h3 {
    margin-top: calc(7vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .details .p + .h3 {
    margin-top: calc(7vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .details .p + .h3 {
    margin-top: calc(7vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .details .h3 {
  line-height: 1.4285714286;
  letter-spacing: 0.0285714286em;
}
@media screen and (min-width: 375px) {
  .main.onboard .details .h3 {
    font-size: calc(14vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .details .h3 {
    font-size: calc(14vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .details .h3 {
    font-size: calc(14vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .details .h3 {
    font-size: calc(14vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .main.onboard .details .h3 {
    font-size: calc(14vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .details .h3 {
    font-size: calc(14vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .details .h3 + .p {
    margin-top: calc(32vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .details .h3 + .p {
    margin-top: calc(32vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .details .h3 + .p {
    margin-top: calc(32vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .details .h3 + .p {
    margin-top: calc(32vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .details .h3 + .p {
    margin-top: calc(32vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .details .columns {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .details .columns {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.main.onboard .equipment {
  border-top: 1px solid rgba(255, 255, 255, 0.26);
}
@media screen and (min-width: 375px) {
  .main.onboard .equipment {
    margin-top: calc(56vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .equipment {
    margin-top: calc(56vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .equipment {
    margin-top: calc(60vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .equipment {
    margin-top: calc(60vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .equipment {
    margin-top: calc(60vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .equipment {
    padding-top: calc(29vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .equipment {
    padding-top: calc(29vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .equipment {
    padding-top: calc(53vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .equipment {
    padding-top: calc(53vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .equipment {
    padding-top: calc(53vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .equipment .columns {
  display: grid;
}
@media screen and (min-width: 375px) {
  .main.onboard .equipment .columns {
    gap: calc(59vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .equipment .columns {
    gap: calc(59vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .equipment .columns {
    gap: calc(40vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .equipment .columns {
    gap: calc(40vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .equipment .columns {
    gap: calc(40vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
.main.onboard .equipment .h3 {
  line-height: 1.7857142857;
  letter-spacing: 0.0714285714em;
}
@media screen and (min-width: 375px) {
  .main.onboard .equipment .h3 {
    font-size: calc(14vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .equipment .h3 {
    font-size: calc(14vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .equipment .h3 {
    font-size: calc(14vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .equipment .h3 {
    font-size: calc(14vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1200px) {
  .main.onboard .equipment .h3 {
    font-size: calc(14vw / (1200 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .equipment .h3 {
    font-size: calc(14vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .equipment .h3 + .p {
    margin-top: calc(10vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .equipment .h3 + .p {
    margin-top: calc(10vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .equipment .h3 + .p {
    margin-top: calc(13vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .equipment .h3 + .p {
    margin-top: calc(13vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .equipment .h3 + .p {
    margin-top: calc(13vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .equipment li + li {
    margin-top: calc(10vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .equipment li + li {
    margin-top: calc(10vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .equipment li + li {
    margin-top: calc(13vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .equipment li + li {
    margin-top: calc(13vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .equipment li + li {
    margin-top: calc(13vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .equipment .columns {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .main.onboard .equipment .columns {
    display: flex;
    justify-content: space-between;
  }
  .main.onboard .equipment .columns .column {
    max-width: 20%;
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .intro,
.main.onboard .crew {
    padding-left: calc(90vw / (1440 - var(--scrollbar-width)) * 100);
    padding-right: calc(90vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) and (min-height: 560px) {
  .main.onboard .layout {
    padding-left: calc(90vw / (1440 - var(--scrollbar-width)) * 100);
    padding-right: calc(90vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .intro .h2 + .p,
.main.onboard .body .h2 + .p {
    margin-top: calc(5vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .intro .h2 + .p,
.main.onboard .body .h2 + .p {
    margin-top: calc(8vw / (768 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1024px) {
  .main.onboard .intro .h2 + .p,
.main.onboard .body .h2 + .p {
    margin-top: calc(8vw / (1024 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 1440px) {
  .main.onboard .intro .h2 + .p,
.main.onboard .body .h2 + .p {
    margin-top: calc(8vw / (1440 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .details,
.main.onboard .equipment {
    padding-left: calc(27vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .details,
.main.onboard .equipment {
    padding-left: calc(27vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 375px) {
  .main.onboard .details,
.main.onboard .equipment {
    padding-right: calc(27vw / (375 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 500px) {
  .main.onboard .details,
.main.onboard .equipment {
    padding-right: calc(27vw / (500 - var(--scrollbar-width)) * 100);
  }
}
@media screen and (min-width: 768px) {
  .main.onboard .details,
.main.onboard .equipment {
    padding-left: 0;
    padding-right: 0;
  }
}