@font-face {
  font-family: "Futura New";
  src: url("assets/fonts/FuturaNewBook-Reg.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura New";
  src: url("assets/fonts/FuturaNewMedium-Reg.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

.acl,
.acl * { box-sizing: border-box; }

.acl {
  font-family: "Futura New", "Futura New Book", sans-serif;
  font-weight: 400;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  color: #f8f0de;
}

.acl * {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  text-transform: inherit;
}

.acl.page {
  width: 100%;
  max-width: none;
  margin: 0;
  container-type: inline-size;
}

.wrapper-inner.static_page:has(.acl) {
  max-width: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.wrapper-inner.static_page:has(.acl) #breadcrumbs {
  display: none;
}

.main_content:has(.acl) {
  overflow-x: clip;
}

.acl .sheet {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0;
}

.acl .stage {
  position: relative;
  z-index: 1;
  width: min(100%, 600px);
  margin: 0 auto;
  aspect-ratio: 592 / 842;
  font-size: calc(100vw / 592);
}

@media (min-width: 601px) {
  .acl .stage { font-size: calc(600px / 592); }
}

.acl .sheet--cream { background: #f8f0de; color: #000; }
.acl .sheet--photo { background: #fff; color: #f8f0de; }
.acl .sheet p,
.acl .sheet h2 { margin: 0; }

.acl .abs { position: absolute; }

.acl .photo {
  overflow: hidden;
  pointer-events: none;
}

.acl .photo img {
  position: absolute;
  left: 3.5%;
  top: 9.37%;
  width: 88.74%;
  height: 95.6%;
  max-width: none;
}

.acl .photo-a {
  left: calc(-66 / 592 * 100%);
  top: calc(-735 / 842 * 100%);
  width: calc(1316 / 592 * 100%);
  height: calc(1636 / 842 * 100%);
}

.acl .photo-b {
  left: calc(-536 / 592 * 100%);
  top: calc(-697 / 842 * 100%);
  width: calc(1238 / 592 * 100%);
  height: calc(1539 / 842 * 100%);
}

.acl .veil {
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

.acl .cx {
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.static_page .acl .cx {
  text-align: center;
}

.acl .copy {
  margin: 0;
  line-height: 1.22;
}

.acl .copy p { margin: 0; }

.acl .gap { display: block; height: 1.15em; }

.acl .medium { font-weight: 500; }

.acl .t13 { font-size: 13em; }
.acl .t14 { font-size: 14em; }
.acl .t16 { font-size: 16em; }
.acl .t18 { font-size: 18em; }
.acl .t19 { font-size: 19em; }
.acl .t20 { font-size: 20em; }
.acl .t25 { font-size: 25em; }
.acl .t30 { font-size: 30em; }
.acl .t40 { font-size: 40em; line-height: 1; }

.acl .up { text-transform: uppercase; }

.acl .uline {
  text-decoration: underline;
  text-underline-offset: 0.12em;
  text-decoration-thickness: 1px;
}

.acl .lead { line-height: 1.35; }
.acl .list13 { line-height: calc(23 / 13); }
.acl .list14 { line-height: calc(23 / 14); }

.acl .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  color: #f8f0de;
  line-height: 1;
  white-space: nowrap;
  text-transform: uppercase;
  border-radius: 0;
}

.acl .btn-glass {
  background: rgba(255, 255, 255, 0.26);
  border: 0.5px solid #f8f0de;
  backdrop-filter: blur(4.8px);
  -webkit-backdrop-filter: blur(4.8px);
}

.acl .btn-dark {
  background: #242328;
  border: 0;
}

.acl a.btn:hover,
.acl a.word:hover { opacity: 0.82; }

.acl a:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}

.acl .word {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.12em;
}

.acl .card {
  background: rgba(255, 255, 255, 0.26);
  border: 0.5px solid #f8f0de;
  border-radius: 6px;
  backdrop-filter: blur(4.8px);
  -webkit-backdrop-filter: blur(4.8px);
}

.acl .resort {
  background: #f8f0de;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center;
  mask-position: center;
}

.acl .resort-dark { background: #242328; }

html body .acl .medium { font-weight: 500 !important; }

.static_page .acl,
.static_page .acl .sheet {
  margin-top: 0;
  margin-bottom: 0;
}

.static_page .acl h1,
.static_page .acl h2,
.static_page .acl p,
.static_page .acl span,
.static_page .acl a {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-align: inherit;
  text-transform: inherit;
}

.static_page .acl .t13 { font-size: 13em; }
.static_page .acl .t14 { font-size: 14em; }
.static_page .acl .t16 { font-size: 16em; }
.static_page .acl .t18 { font-size: 18em; }
.static_page .acl .t19 { font-size: 19em; }
.static_page .acl .t20 { font-size: 20em; }
.static_page .acl .t25 { font-size: 25em; }
.static_page .acl .t30 { font-size: 30em; }
.static_page .acl .t40 { font-size: 40em; line-height: 1; }
.static_page .acl .copy { line-height: 1.22; }
.static_page .acl .lead { line-height: 1.35; }
.static_page .acl .list13 { line-height: calc(23 / 13); }
.static_page .acl .list14 { line-height: calc(23 / 14); }
.static_page .acl .up,
.static_page .acl .btn { text-transform: uppercase; }
.static_page .acl .btn { line-height: 1; color: #f8f0de; text-decoration: none; }

@media (min-width: 480px) {
  .acl .sheet--photo .photo,
  .acl .sheet--photo .photo-a,
  .acl .sheet--photo .photo-b {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .acl .sheet--photo .photo img {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
  }

  .acl .photo-a img { object-position: 30% 62%; }
  .acl .photo-b img { object-position: 72% 66%; }
}