/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/sass/style.scss ***!
  \********************************************************************************************************************************************************/
html {
  box-sizing: border-box;
  font-size: 16px; }

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

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
  margin: 0;
  padding: 0;
  font-weight: normal; }

ol,
ul {
  list-style: none; }

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

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

input {
  font-family: inherit;
  background: none;
  border: none; }
  input:focus-visible {
    outline: none; }

@font-face {
  font-family: "Basic Sans";
  src: url(../js/../font/BasicSans-Light.woff2) format("woff2"), url(../js/../font/BasicSans-Light.woff) format("woff");
  font-weight: 300;
  font-display: swap; }

@font-face {
  font-family: "Basic Sans";
  src: url(../js/../font/BasicSans-SemiBold.woff2) format("woff2"), url(../js/../font/BasicSans-SemiBold.woff) format("woff");
  font-weight: 600;
  font-display: swap; }

@font-face {
  font-family: "Bastia";
  src: url(../js/../font/Bastia-Bold.woff2) format("woff2"), url(../js/../font/Bastia-Bold.woff) format("woff");
  font-weight: 700;
  font-display: swap; }

html {
  font-size: 6.614vw; }
  @media screen and (min-width: 1512px) {
    html {
      font-size: 100px; } }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    html {
      font-size: 23.364vw; } }

body {
  font-family: "Basic Sans";
  font-size: 0.2rem;
  line-height: 0.24rem;
  font-weight: 300;
  overflow-x: hidden;
  position: relative;
  display: block;
  color: #292929; }

body #smooth-content {
  overflow: hidden !important; }

.text-accent {
  color: #00b5b8; }

.barba-main-wrap {
  overflow: hidden;
  position: relative; }
  .barba-main-wrap .in-barba-transition {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #e4dad2; }
  .barba-main-wrap .in-barba-transition-out {
    position: relative;
    z-index: 10; }

.z-5 {
  z-index: 5; }

.z-10 {
  z-index: 10; }

.z-20 {
  z-index: 20; }

.z-30 {
  z-index: 30; }

.z-40 {
  z-index: 40; }

.z-50 {
  z-index: 50; }

.block {
  display: block; }

.relative {
  position: relative; }

.container-1 {
  width: 100%;
  max-width: 14rem;
  margin: auto; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .container-1 {
      max-width: 3.8rem; } }

.container-2 {
  width: 100%;
  max-width: 13.72rem;
  margin: auto; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .container-2 {
      max-width: 3.8rem; } }

.debug-spacer {
  height: 200vh; }

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

.underline {
  text-decoration: underline; }

.font-basic {
  font-family: "Basic Sans"; }

.font-bastia {
  font-family: "Bastia"; }

.fw-300 {
  font-weight: 300; }

.fw-600 {
  font-weight: 600; }

.fw-700 {
  font-weight: 700; }

.title-2xl {
  font-size: 1rem;
  line-height: 0.9em; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .title-2xl {
      font-size: 0.7rem; } }

.title-xl {
  font-size: 0.8rem;
  line-height: 0.9em;
  letter-spacing: -0.01em; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .title-xl {
      font-size: 0.6rem; } }

.title-l {
  font-size: 0.64rem;
  line-height: 1em;
  letter-spacing: -0.015em; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .title-l {
      font-size: 0.42rem; } }

.text-base {
  font-size: 0.2rem;
  line-height: 1.35em; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .text-base {
      font-size: 20px; } }

.text-s {
  font-size: 0.16rem;
  line-height: 1.34em;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .text-s {
      font-size: 16px; } }

.text-xs {
  font-size: 0.14rem;
  line-height: 1em; }
  .text-xs.text-uppercase {
    letter-spacing: 0.1em; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .text-xs {
      font-size: 14px; } }

.link-1 {
  display: inline-block;
  font-family: "Basic Sans";
  font-size: 0.14rem;
  line-height: 0.17rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  color: #252527; }
  .link-1 span {
    display: block;
    margin-bottom: 0.08rem; }
  .link-1 i {
    display: block;
    transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
    width: 100%;
    height: 0.16rem;
    background-image: url(../js/../img/svg/link-arrow.svg);
    backface-visibility: hidden;
    background-position: 0 50%; }
  .link-1:hover i {
    transform: translate(calc(100% - 0.73rem), 0); }

.input-wrap {
  display: block;
  position: relative;
  border-bottom: 1px solid #000000;
  padding: 0.1rem 0;
  padding-right: 0.84rem; }
  .input-wrap input {
    display: block;
    width: 100%;
    font-size: 0.18rem;
    line-height: 0.22rem;
    color: #000000; }
  .input-wrap svg {
    display: block;
    position: absolute;
    transform: translate(0, -50%);
    transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
    width: 0.71rem;
    top: 50%;
    right: 0; }
    .input-wrap svg:hover {
      transform: translate(0.05rem, -50%); }
  .input-wrap::-moz-placeholder {
    color: rgba(0, 0, 0, 0.5); }
  .input-wrap::placeholder {
    color: rgba(0, 0, 0, 0.5); }

.reveal-frame {
  display: block;
  position: relative;
  background-color: #ffffff; }
  .reveal-frame .reveal-inner {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: -2px 0; }
  .reveal-frame.bg {
    background-color: #252527; }

.w-full {
  width: 100%; }

.disable-click {
  pointer-events: none !important; }

.reveal-shadow {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35); }

.texture-noise {
  background-image: url(../js/../img/jpg/texture.jpg); }
  .texture-noise:nth-of-type(even), .texture-noise.flip {
    background-image: url(../js/../img/jpg/texture-invert.jpg); }

.texture-noise-2 {
  background-image: url(../js/../img/jpg/texture-2.jpg); }

.contain {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain; }

.cover {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover; }

.bg-100 {
  background-repeat: repeat-y;
  background-position: 50% 0%;
  background-size: 100%; }

.lang-pick-header * {
  pointer-events: none; }

.overflow-hidden {
  overflow: hidden; }

.pattern-stripe {
  display: block;
  position: relative;
  width: 100%;
  height: 0.3rem;
  background-image: url(../js/../img/svg/pattern-svg.svg);
  background-position: 0 50%;
  background-repeat: repeat-x;
  background-size: 0.3666rem; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .pattern-stripe {
      height: 0.4rem;
      background-size: 0.4rem; } }

.pattern-stripe-l {
  display: block;
  position: relative;
  width: 100%;
  height: 3.42rem;
  background-image: url(../js/../img/svg/pattern-large.svg);
  background-position: 0 50%;
  background-repeat: repeat-x;
  background-size: 1.08rem; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .pattern-stripe-l {
      height: 1.6rem;
      background-size: 0.5rem; } }

.select-1 {
  background-color: #e4dad2;
  outline: none;
  box-shadow: none;
  border-radius: 0rem;
  padding-left: 0;
  padding-right: 0; }
  .select-1.ss-main {
    border-bottom: 1px solid #252527; }
  .select-1.ss-open-below {
    border-radius: 0rem;
    border-color: transparent; }
  .select-1.ss-open-above {
    border-radius: 0rem;
    border-color: transparent; }
  .select-1:focus {
    box-shadow: none; }
  .select-1 .ss-arrow {
    width: 0.16rem;
    height: 0.16rem; }
    .select-1 .ss-arrow path {
      stroke-width: 10px; }
  .select-1 .ss-values {
    font-family: "Basic Sans";
    font-size: 0.24rem;
    line-height: 1.15em;
    font-weight: 300; }
  .select-1 .ss-list {
    background-color: transparent;
    border-radius: 0rem; }
    .select-1 .ss-list .ss-option {
      transition: background-color 400ms cubic-bezier(0.65, 0.05, 0.24, 1), color 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      font-size: 0.2rem; }
      .select-1 .ss-list .ss-option.ss-highlighted, .select-1 .ss-list .ss-option:not(.ss-disabled).ss-selected {
        background-color: transparent;
        color: #252527;
        text-decoration: underline; }
      .select-1 .ss-list .ss-option:hover {
        background-color: #5e423b; }

.button-1 {
  display: inline-block;
  font-size: 0.16rem;
  line-height: 0.19rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: background-color 400ms cubic-bezier(0.65, 0.05, 0.24, 1), color 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
  font-weight: 600;
  color: #ffffff;
  background-color: #00b5b8;
  text-align: center;
  padding: 0.2rem 0.17rem;
  min-width: 2.65rem;
  -webkit-mask-image: url(../js/../img/svg/button-mask.svg);
          mask-image: url(../js/../img/svg/button-mask.svg);
  -webkit-mask-position: 50%;
          mask-position: 50%;
  -webkit-mask-size: 101%;
          mask-size: 101%; }
  .button-1:hover {
    color: #252527;
    background-color: #e4dad2; }

.media-pattern-frame {
  display: block;
  position: relative; }
  .media-pattern-frame::before {
    content: "";
    display: block;
    position: absolute;
    top: calc(100% + 0.1rem);
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: #ffffff; }
  .media-pattern-frame::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(100% + 0.3rem);
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-image: url(../js/../img/svg/pattern-svg-media.svg);
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: 0.22rem; }

.media-frame {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden; }
  .media-frame .media {
    display: block;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .media-frame.aspect {
    aspect-ratio: 4 / 3; }
    .media-frame.aspect .media {
      position: absolute;
      inset: 0;
      height: 100%; }
  .media-frame.overlay::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 2.74rem;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(37, 37, 39, 0.5) 0%, rgba(37, 37, 39, 0) 100%); }
  .media-frame.overlay-big::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: linear-gradient(178.68deg, rgba(37, 37, 39, 0.35) 1.13%, rgba(37, 37, 39, 0.07) 88.8%); }

.media-frame[data-css-reveal] {
  transition: transform 800ms cubic-bezier(0.65, 0.05, 0.24, 1);
  transform: scaleY(0);
  transform-origin: 50% 0%;
  transition-delay: 800ms; }
  .media-frame[data-css-reveal]::before {
    content: "";
    display: block;
    position: absolute;
    transition: transform 800ms cubic-bezier(0.65, 0.05, 0.24, 1);
    transform: scaleY(1);
    transform-origin: 50% 100%;
    transition-delay: 0ms;
    z-index: 5;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: #e4dad2; }
  .media-frame[data-css-reveal].animated {
    transform: scaleY(1);
    transition-delay: 0ms; }
    .media-frame[data-css-reveal].animated::before {
      transform: scaleY(0);
      transition-delay: 800ms; }

.contact-modal-frame {
  display: block;
  position: fixed;
  z-index: 260;
  inset: 0;
  width: 100%;
  height: 100%;
  color: #252527;
  background-color: rgba(37, 37, 39, 0.7); }
  .contact-modal-frame .modal {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 5rem;
    height: 100%;
    background-color: #e4dad2;
    overflow-x: hidden;
    overflow-y: auto; }
    .contact-modal-frame .modal::-webkit-scrollbar {
      width: 6px; }
    .contact-modal-frame .modal::-webkit-scrollbar-track {
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(143, 143, 143, 0) 45%, #707070 50%, rgba(134, 135, 136, 0) 55%, rgba(220, 226, 230, 0) 100%);
      width: 2px; }
    .contact-modal-frame .modal::-webkit-scrollbar-thumb {
      background: #000; }
  .contact-modal-frame .switcher-cnt {
    display: none;
    position: relative; }
    .contact-modal-frame .switcher-cnt.active {
      display: block; }
  .contact-modal-frame .all-contacts {
    display: block; }
    .contact-modal-frame .all-contacts .text {
      letter-spacing: 0em; }
    .contact-modal-frame .all-contacts .small-text {
      letter-spacing: 0.02em;
      line-height: 1.35em; }
    .contact-modal-frame .all-contacts .row {
      display: flex;
      justify-content: space-between; }
      .contact-modal-frame .all-contacts .row .r-inner:last-child {
        width: 0.94rem; }
      .contact-modal-frame .all-contacts .row:not(:last-child) {
        margin-bottom: 0.34rem; }
  .contact-modal-frame .cnt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.78rem 0.7rem 0.24rem 0.8rem;
    min-height: 100%; }
    .contact-modal-frame .cnt .aligner:nth-child(2) {
      margin: 0.4rem 0; }
    .contact-modal-frame .cnt .note {
      line-height: 0.18rem;
      letter-spacing: 0.02em; }
    .contact-modal-frame .cnt .select-1 {
      margin-top: 0.45rem; }
  .contact-modal-frame .close-btn {
    cursor: pointer;
    filter: invert(1);
    display: block;
    position: absolute;
    z-index: 10;
    transition: transform 300ms cubic-bezier(0.65, 0.05, 0.24, 1);
    z-index: 250;
    width: 0.23rem;
    height: 0.23rem;
    top: 0.24rem;
    right: 0.18rem;
    background-image: url(../js/../img/svg/close.svg);
    backface-visibility: hidden;
    will-change: transform; }
    .contact-modal-frame .close-btn:hover {
      transform: scale(0.85); }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .contact-modal-frame .modal {
      width: 100%; }
    .contact-modal-frame .cnt {
      padding: 0.4rem 0.3rem; } }
  @media screen and (min-width: 768px) and (orientation: portrait) and (max-width: 992px) {
    .contact-modal-frame .modal {
      width: 7rem; } }

.barba-transition-piece {
  display: block;
  position: fixed;
  transform: scaleX(0);
  z-index: 300;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #252527;
  pointer-events: none; }

body.page-template-tpl-modal-1 .modal-page-close-btn {
  opacity: 1;
  pointer-events: all; }

.modal-page-close-btn {
  cursor: pointer;
  display: block;
  position: fixed;
  transition: transform 300ms cubic-bezier(0.65, 0.05, 0.24, 1);
  opacity: 0;
  pointer-events: none;
  z-index: 250;
  width: 0.23rem;
  height: 0.23rem;
  top: 0.9rem;
  right: 0.2rem;
  background-image: url(../js/../img/svg/close.svg);
  backface-visibility: none;
  will-change: transform; }
  .modal-page-close-btn:hover {
    transform: scale(0.85); }

body.page-template-tpl-modal-1 .pattern-stripe.modal-page {
  opacity: 1; }

.pattern-stripe.modal-page {
  pointer-events: none;
  z-index: 190;
  position: fixed;
  left: 0;
  bottom: -0.15rem;
  width: 100%;
  opacity: 0; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .pattern-stripe.modal-page {
      bottom: -0.2rem; } }

body.page-template-tpl-kamba-adventure.scroll-past-top:not(.intro-active) .kamba-adventure-sticky-header,
body.page-template-tpl-kamba-adventure-front.scroll-past-top:not(.intro-active) .kamba-adventure-sticky-header {
  pointer-events: all;
  opacity: 1; }
  body.page-template-tpl-kamba-adventure.scroll-past-top:not(.intro-active) .kamba-adventure-sticky-header .disabled-anchor,
  body.page-template-tpl-kamba-adventure-front.scroll-past-top:not(.intro-active) .kamba-adventure-sticky-header .disabled-anchor {
    pointer-events: none;
    opacity: 0.5; }

body.page-template-tpl-kamba-adventure.barba-transitioning.scroll-past-top .kamba-adventure-sticky-header,
body.page-template-tpl-kamba-adventure-front.barba-transitioning.scroll-past-top .kamba-adventure-sticky-header {
  pointer-events: none;
  opacity: 0; }

.kamba-adventure-sticky-header {
  display: block;
  position: fixed;
  z-index: 190;
  top: 0.68rem;
  left: 0;
  pointer-events: none;
  transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
  width: 100%;
  padding: 0.26rem 0.72rem;
  background-color: #252527;
  opacity: 0; }
  .kamba-adventure-sticky-header .grid {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .kamba-adventure-sticky-header .link {
    display: block;
    transition: color 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
    color: rgba(255, 255, 255, 0.5); }
    .kamba-adventure-sticky-header .link:hover {
      color: #00b5b8; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .kamba-adventure-sticky-header {
      display: none; } }

body.barba-transitioning .header {
  pointer-events: none;
  opacity: 0; }

body.sticky-active .header {
  pointer-events: none;
  opacity: 0; }

body:not(.scroll-past-top):not(.page-template-tpl-modal-1):not(.show-header) .header {
  pointer-events: none;
  opacity: 0; }

body.intro-active .header {
  background-color: transparent;
  padding: 0.32rem 0; }
  body.intro-active .header .logo {
    transform: scale(1); }
  body.intro-active .header .gradient {
    opacity: 1; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    body.intro-active .header {
      padding: 0.12rem 0 0.08rem; } }

.header {
  display: block;
  position: fixed;
  transition: opacity 700ms cubic-bezier(0.65, 0.05, 0.24, 1), padding 600ms cubic-bezier(0.65, 0.05, 0.24, 1), background-color 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
  z-index: 200;
  background-color: #000000;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.03rem 0; }
  .header .container {
    z-index: 10;
    width: 100%;
    padding: 0 0.42rem; }
  .header .grid {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .header .grid .g-inner:nth-child(2) {
      position: relative;
      left: 0.6rem; }
  .header .gradient {
    pointer-events: none;
    display: block;
    position: absolute;
    transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(37, 37, 39, 0) 100%); }
  .header .logo {
    transform: scale(0.65);
    transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
    transform-origin: 0 50%;
    display: block;
    width: 2rem; }
    .header .logo svg {
      display: block;
      width: 100%; }
  .header .links {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    text-align: center; }
    .header .links .link {
      display: block;
      position: relative;
      font-size: 0.14rem;
      line-height: 0.17rem;
      transition: color 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
      color: rgba(255, 255, 255, 0.5);
      white-space: nowrap;
      overflow: hidden; }
      .header .links .link span {
        display: block;
        transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
        transform-origin: 0 50%;
        backface-visibility: hidden;
        will-change: transform;
        transition-delay: 100ms; }
      .header .links .link::after {
        content: attr(data-text);
        transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
        transform: translate(-50%, 100%) skewY(-5deg);
        transform-origin: 100% 50%;
        transition-delay: 0ms;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        backface-visibility: hidden;
        will-change: transform; }
      .header .links .link:hover {
        color: #ffffff; }
        .header .links .link:hover span {
          transform: translate(0, -100%) skewY(-5deg);
          transition-delay: 0ms; }
        .header .links .link:hover::after {
          transform: translate(-50%, -50%) skewY(0deg);
          transition-delay: 100ms; }
      .header .links .link.active {
        color: #ffffff; }
    .header .links .lang {
      display: block;
      width: 0.24rem; }
      .header .links .lang .icon {
        display: block;
        width: 100%; }
    .header .links .button {
      display: inline-block;
      transition: background-color 600ms cubic-bezier(0.65, 0.05, 0.24, 1), color 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
      font-size: 0.14rem;
      line-height: 0.17rem;
      padding: 0.04rem 0.12rem 0.06rem;
      background-color: #e4dad2;
      border-radius: 0.14rem;
      color: #252527; }
      .header .links .button:hover {
        background-color: #252527;
        color: #e4dad2; }
  .header .links.side .link {
    color: #ffffff; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .header {
      padding: 0.12rem 0 0.08rem; }
      .header .container {
        pointer-events: none;
        padding: 0 0.2rem; }
      .header .grid {
        display: block;
        pointer-events: all;
        width: -moz-min-content;
        width: min-content; }
        .header .grid .g-inner:not(:first-child) {
          display: none; }
      .header .logo {
        width: 1.4rem;
        transform: scale(1); } }

.mobile-debuger {
  display: block;
  position: fixed;
  z-index: 500;
  pointer-events: none;
  font-size: 0.24rem;
  bottom: 0.2rem;
  right: 0.2rem;
  color: red; }

.mobile-menu-open .header .mobile-button span:nth-child(1) {
  width: 82.5%;
  transform: rotate(-45deg); }

.mobile-menu-open .header .mobile-button span:nth-child(2) {
  transform: scaleX(0); }

.mobile-menu-open .header .mobile-button span:nth-child(3) {
  width: 82.5%;
  transform: rotate(45deg); }

.header .mobile-button {
  display: none;
  position: absolute;
  top: 0.2rem;
  right: 0.16rem;
  z-index: 6;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 0.42rem;
  height: 0.26rem; }
  .header .mobile-button span {
    display: block;
    transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1), width 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
    transform-origin: 100% 50%;
    height: 2px;
    background-color: #ffffff;
    border-radius: 1px; }
    .header .mobile-button span:nth-child(1) {
      width: 100%; }
    .header .mobile-button span:nth-child(2) {
      width: 75%; }
    .header .mobile-button span:nth-child(3) {
      width: 50%; }

.header .mobile-menu {
  display: none;
  position: fixed;
  align-items: center;
  z-index: 5;
  inset: 0;
  width: 100%;
  height: 100%;
  background-image: url(../js/../img/jpg/texture.jpg);
  padding: 0.6rem 0; }
  .header .mobile-menu .inner {
    width: 100%; }
  .header .mobile-menu .links {
    display: block; }
    .header .mobile-menu .links .link {
      font-size: 0.24rem;
      line-height: 0.28rem;
      color: #ffffff; }
    .header .mobile-menu .links .button {
      font-size: 0.24rem;
      line-height: 0.28rem;
      border-radius: 0.25rem;
      padding: 0.06rem 0.22rem 0.11rem;
      margin-top: 0.42rem; }
    .header .mobile-menu .links .link:not(:last-child) {
      margin-bottom: 0.2rem; }
  .header .mobile-menu .links.secondary {
    margin-top: 0.73rem; }
    .header .mobile-menu .links.secondary .link {
      color: #e4dad2; }

@media screen and (max-width: 768px) and (orientation: portrait) {
  .header .mobile-button {
    display: flex; }
  .header .mobile-menu {
    display: flex; } }

body.page-template-tpl-modal-1 .footer {
  display: none; }

.footer {
  padding-top: 0.55rem;
  padding-bottom: 0.4rem;
  background-color: #252527; }
  .footer .grid {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse; }
    .footer .grid .g-inner:first-child {
      width: 3rem; }
    .footer .grid .g-inner:last-child {
      width: 8.38rem; }
  .footer .logo {
    display: block;
    width: 100%;
    margin-bottom: 0.52rem; }
    .footer .logo .media {
      display: block;
      width: 100%; }
  .footer .link-head {
    margin-bottom: 0.3rem;
    color: #e4dad2;
    letter-spacing: 0em; }
  .footer .link {
    display: block;
    color: #e4dad2;
    transition: color 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
    letter-spacing: 0em; }
    .footer .link:not(.disabled):hover {
      color: #ffffff;
      text-decoration: underline; }
    .footer .link.disabled {
      color: rgba(228, 218, 210, 0.45); }
  .footer .link-grid {
    display: flex;
    justify-content: space-between;
    gap: 0.3rem; }
    .footer .link-grid .lg-inner {
      max-width: 1.33rem; }
  .footer .copy {
    font-family: "Basic Sans";
    font-size: 0.14rem;
    line-height: 1.35em;
    font-weight: 300;
    color: rgba(228, 218, 210, 0.35); }
    .footer .copy strong {
      font-weight: inherit;
      color: #e4dad2; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .footer {
      padding-top: 2.8rem;
      padding-bottom: 0.6rem;
      text-align: center; }
      .footer .logo {
        transform: translate(-50%, 0);
        position: absolute;
        top: 0.8rem;
        left: 50%;
        width: 50%;
        margin-bottom: 0; }
      .footer .grid {
        flex-wrap: wrap;
        flex-direction: column-reverse; }
        .footer .grid .g-inner:first-child {
          width: 100%; }
        .footer .grid .g-inner:last-child {
          width: 100%;
          margin-bottom: 0.7rem; }
      .footer .link-grid {
        display: block; }
        .footer .link-grid .lg-inner {
          margin-left: auto;
          margin-right: auto; }
        .footer .link-grid .lg-inner:not(:last-child) {
          margin-bottom: 0.4rem; }
      .footer .link-head {
        font-size: 16px;
        margin-bottom: 0.2rem; }
      .footer .link {
        font-size: 16px;
        line-height: 1.4em; }
        .footer .link:not(:last-child) {
          margin-bottom: 0.1rem; }
      .footer .copy {
        font-size: 14px; } }

.scroll-past-top .scroll-indicator {
  transform: scale(0.9);
  opacity: 0; }

.contact-modal-open .scroll-indicator {
  transform: scale(0.9);
  opacity: 0; }

body.page-template-tpl-modal-1 .scroll-indicator {
  opacity: 0; }

.journeys-template-default .scroll-indicator .text {
  display: block; }

.scroll-indicator {
  z-index: 250;
  position: fixed;
  transition: opacity 300ms cubic-bezier(0.65, 0.05, 0.24, 1), transform 300ms cubic-bezier(0.65, 0.05, 0.24, 1);
  transform-origin: 50% 100%;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }
  .scroll-indicator .text {
    display: none;
    position: absolute;
    transform: translate(-50%, 0%);
    left: 50%;
    bottom: 18%;
    font-size: 0.14rem;
    line-height: 1.35em;
    letter-spacing: 0.1em;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    width: 3rem; }
  .scroll-indicator .icon {
    display: block;
    position: absolute;
    transform: translate(-50%, 0%);
    bottom: 0.52rem;
    left: 50%; }
    .scroll-indicator .icon img {
      display: block;
      width: 100%;
      animation: scrollDown 1s ease infinite alternate; }

.lang-nav li.current {
  display: none; }

@keyframes scrollDown {
  0% {
    transform: translate(0, 0%); }
  100% {
    transform: translate(0, 15%); } }

[data-title-reveal] {
  opacity: 0; }
  [data-title-reveal].inited {
    opacity: 1; }

[data-stagger-reveal] {
  opacity: 0; }
  [data-stagger-reveal].inited {
    opacity: 1; }

[data-css-reveal] {
  opacity: 0; }
  [data-css-reveal].inited {
    opacity: 1; }

.reveal-media-section .track {
  position: relative;
  height: 250vh;
  margin-bottom: -2px; }

.reveal-media-section .sticky {
  position: relative; }

.reveal-media-section .pattern-stripe {
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden; }

.reveal-media-section .container {
  padding: 0 0.6rem;
  width: 100%; }

.reveal-media-section .content {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  top: 0;
  left: 0;
  min-height: 82vh;
  padding: 0.8rem 0 0.36rem;
  background-color: #252527;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35); }
  .reveal-media-section .content .content-inner {
    width: 100%; }

.reveal-media-section .media-frame {
  height: 100vh;
  position: relative; }
  .reveal-media-section .media-frame .media {
    -o-object-position: 50% 100%;
       object-position: 50% 100%; }
  .reveal-media-section .media-frame .sound-icons {
    position: absolute;
    bottom: .5rem;
    right: .5rem;
    width: 50px;
    z-index: 999; }
    .reveal-media-section .media-frame .sound-icons path {
      fill: white;
      opacity: 0.3; }

.reveal-media-section .logo {
  display: block;
  width: 2.04rem;
  backface-visibility: hidden; }

.reveal-media-section .text-wrap {
  padding-left: 0.7rem;
  max-width: 6.7rem; }
  .reveal-media-section .text-wrap .icon {
    display: block;
    position: relative;
    left: -0.7rem;
    width: 0.5rem;
    margin-bottom: -0.1rem; }
  .reveal-media-section .text-wrap .title {
    color: #ffffff;
    margin-bottom: 0.08rem; }
  .reveal-media-section .text-wrap .text {
    font-size: 0.15rem;
    color: #ffffff;
    opacity: 0.7;
    letter-spacing: 0.009em; }

@media screen and (max-width: 768px) and (orientation: portrait) {
  .reveal-media-section .content {
    min-height: 82vh;
    padding: 0.7rem 0 0.5rem; }
  .reveal-media-section .container {
    padding: 0 0.2rem; }
  .reveal-media-section .text-wrap {
    padding-left: 0.4rem; }
    .reveal-media-section .text-wrap .icon {
      left: -0.4rem;
      width: 0.3rem; } }

.pictures-text-section-1 {
  padding-top: 1.7rem;
  padding-bottom: 2.38rem;
  background-color: #252527;
  margin-bottom: -1px; }
  .pictures-text-section-1 .grid {
    display: flex; }
    .pictures-text-section-1 .grid .g-inner:first-child {
      width: calc(100% - 7rem); }
    .pictures-text-section-1 .grid .g-inner:last-child {
      width: 7rem; }
  .pictures-text-section-1 .media-frame.primary {
    aspect-ratio: 35 / 24; }
  .pictures-text-section-1 .media-frame.secondary {
    position: absolute;
    aspect-ratio: 102 / 143;
    width: 2.04rem;
    left: 0.5rem;
    bottom: -1rem; }
  .pictures-text-section-1 .media-frame.tertiary {
    position: absolute;
    aspect-ratio: 22 / 15;
    width: 4.4rem;
    left: 3.2rem;
    bottom: -2.36rem; }
  .pictures-text-section-1 .text {
    left: 1.15rem;
    color: #e4dad2;
    max-width: 4.69rem; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .pictures-text-section-1 {
      padding-top: 0.6rem;
      padding-bottom: 1.4rem; }
      .pictures-text-section-1 .grid {
        display: block; }
        .pictures-text-section-1 .grid .g-inner:first-child {
          width: 100%; }
        .pictures-text-section-1 .grid .g-inner:last-child {
          width: 100%; }
      .pictures-text-section-1 .media-frame .media {
        top: 0%;
        height: 100%; }
      .pictures-text-section-1 .media-pattern-frame.primary {
        width: calc(100% + 0.48rem);
        left: -0.24rem; }
      .pictures-text-section-1 .media-frame.secondary {
        display: none; }
      .pictures-text-section-1 .media-frame.tertiary {
        aspect-ratio: 26 / 18;
        width: 2.6rem;
        left: 1.2rem;
        bottom: -1.4rem; }
      .pictures-text-section-1 .text {
        left: auto;
        max-width: none;
        margin-bottom: 0.5rem; }
        .pictures-text-section-1 .text br {
          display: none; } }

.pictures-text-section-2 {
  padding-top: 1.7rem;
  padding-bottom: 4rem;
  background-color: #252527; }
  .pictures-text-section-2 .grid {
    display: flex; }
    .pictures-text-section-2 .grid .g-inner:first-child {
      width: calc(100% - 7rem); }
    .pictures-text-section-2 .grid .g-inner:last-child {
      width: 7rem; }
  .pictures-text-section-2 .media-frame.primary {
    aspect-ratio: 35 / 24; }
  .pictures-text-section-2 .media-frame.secondary {
    position: absolute;
    aspect-ratio: 41 / 28;
    width: 4.14rem;
    left: 0rem;
    bottom: -0.6rem; }
  .pictures-text-section-2 .media-frame.tertiary {
    position: absolute;
    aspect-ratio: 13 / 19;
    width: 2.6rem;
    left: 4.8rem;
    bottom: -2.6rem; }
  .pictures-text-section-2 .text {
    font-size: 0.16rem;
    line-height: 1.4em;
    left: 1.15rem;
    color: #e4dad2;
    max-width: 4.4rem; }
    .pictures-text-section-2 .text span {
      font-weight: 600;
      color: #00b5b8; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .pictures-text-section-2 {
      padding-top: 0.6rem;
      padding-bottom: 2.4rem; }
      .pictures-text-section-2 .grid {
        display: block; }
        .pictures-text-section-2 .grid .g-inner:first-child {
          width: 100%; }
        .pictures-text-section-2 .grid .g-inner:last-child {
          width: 100%; }
      .pictures-text-section-2 .media-frame .media {
        top: 0%;
        height: 100%; }
      .pictures-text-section-2 .media-pattern-frame.primary {
        width: calc(100% + 0.48rem);
        left: -0.24rem; }
      .pictures-text-section-2 .media-frame.secondary {
        aspect-ratio: 26 / 18;
        width: 2.6rem;
        left: 1.2rem;
        bottom: -1.4rem; }
      .pictures-text-section-2 .media-frame.tertiary {
        display: none; }
      .pictures-text-section-2 .text {
        font-size: 20px;
        left: auto;
        max-width: none;
        margin-bottom: 0.5rem; }
        .pictures-text-section-2 .text br {
          display: none; } }

.image-list-section-aligner {
  position: relative;
  background-color: #ffffff; }
  .image-list-section-aligner .image-list-aligner {
    display: flex;
    position: relative;
    align-items: center; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .image-list-section-aligner {
      height: auto; }
      .image-list-section-aligner .aligner {
        min-height: auto; } }

.image-list-section {
  padding-top: 9.213vh;
  padding-bottom: 9.213vh;
  background-color: #ffffff; }
  .image-list-section .section-list {
    display: block;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000; }
    .image-list-section .section-list .item {
      display: block;
      cursor: pointer;
      transition: margin-top 1000ms cubic-bezier(0.65, 0.05, 0.24, 1), opacity 500ms cubic-bezier(0.65, 0.05, 0.24, 1);
      padding: 3.596vh 0.7rem 4.494vh; }
    .image-list-section .section-list .background {
      pointer-events: none;
      display: block;
      position: absolute;
      transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
      opacity: 0;
      inset: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    .image-list-section .section-list .modal-expander {
      z-index: 20;
      position: relative; }
    .image-list-section .section-list li.is-open {
      border-color: transparent;
      margin-bottom: -2px; }
      .image-list-section .section-list li.is-open .item {
        margin-top: var(--height);
        opacity: 0; }
    .image-list-section .section-list li:not(.is-open) .item:hover .background {
      opacity: 1; }
    .image-list-section .section-list li:not(.is-open) .item:hover .title {
      color: #ffffff;
      font-weight: 700; }
    .image-list-section .section-list li:not(.is-open) .item:hover .image-wrap {
      transform: translate(10%, 0); }
  .image-list-section li {
    transition: border-color 400ms cubic-bezier(0.65, 0.05, 0.24, 1); }
    .image-list-section li:not(:last-child) {
      border-bottom: 1px solid #000000; }
    .image-list-section li:nth-child(even) .image-grid {
      flex-direction: row-reverse; }
    .image-list-section li:nth-child(even) .item:hover .image-wrap {
      transform: translate(-10%, 0); }
  .image-list-section .image-grid {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .image-list-section .image-grid > .title {
      z-index: 10;
      position: relative;
      transition: color 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
      font-size: 0.8rem;
      line-height: 0.9em;
      letter-spacing: -0.01em;
      color: #252527; }
  .image-list-section .image-wrap {
    display: flex;
    transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
    gap: 0.1rem; }
    .image-list-section .image-wrap .pic {
      display: block;
      max-height: 1rem; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .image-list-section .section-list .item {
      padding: 3.596vh 0.24rem 4.494vh; }
    .image-list-section .section-list li.is-open .item {
      margin-top: -1.78rem; }
    .image-list-section .image-grid {
      display: block; }
      .image-list-section .image-grid > .title {
        font-size: 0.4rem;
        margin-bottom: 0.2rem; }
    .image-list-section .image-wrap .pic {
      max-height: 0.6rem; } }

.news-section {
  padding-top: 1.4rem;
  padding-bottom: 2rem;
  background-color: #F7F4F2;
  margin: -2px 0; }
  .news-section .title {
    color: #252527;
    text-align: center;
    margin-bottom: 0.75rem; }
  .news-section .text {
    position: absolute;
    transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1), opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
    pointer-events: none;
    transition-delay: 0ms;
    opacity: 0;
    top: 0;
    left: -1.5rem;
    width: 1.18rem;
    font-size: 0.16rem;
    line-height: 1.34em;
    color: #252527; }
    .news-section .text.active {
      transition-delay: 300ms;
      opacity: 1; }
  .news-section .container {
    width: 100%;
    max-width: 9.1rem;
    margin: auto; }
  .news-section .media-frame {
    aspect-ratio: 17 / 23; }
  .news-section .slider-frame {
    position: relative; }
    .news-section .slider-frame .card {
      position: relative;
      overflow: hidden; }
      .news-section .slider-frame .card .media {
        backface-visibility: hidden; }
      .news-section .slider-frame .card .icon {
        display: block;
        position: absolute;
        pointer-events: none;
        transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
        opacity: 0;
        transform: translate(-50%, -50%);
        z-index: 10;
        top: calc(50% - 0.2rem);
        left: 50%;
        max-width: 1.28rem;
        mix-blend-mode: multiply; }
      .news-section .slider-frame .card::after {
        content: "";
        display: block;
        position: absolute;
        pointer-events: none;
        transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
        opacity: 0;
        z-index: 5;
        inset: 0;
        width: 100%;
        height: 100%;
        background-color: #e4dad2; }
    .news-section .slider-frame .btn {
      cursor: pointer;
      pointer-events: none;
      display: block;
      position: absolute;
      transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1), opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
      opacity: 0;
      top: 50%;
      width: 0.27rem; }
      .news-section .slider-frame .btn svg {
        display: block;
        width: 100%;
        stroke: #252527; }
    .news-section .slider-frame .btn.active {
      pointer-events: all;
      opacity: 1; }
    .news-section .slider-frame .btn.next {
      transform: translate(0%, -50%);
      right: -0.5rem; }
      .news-section .slider-frame .btn.next:hover {
        transform: translate(25%, -50%); }
    .news-section .slider-frame .btn.prev {
      transform: translate(0%, -50%) rotate(180deg);
      transition-delay: 0ms;
      left: -0.5rem; }
      .news-section .slider-frame .btn.prev.active {
        transition-delay: 300ms; }
      .news-section .slider-frame .btn.prev:hover {
        transform: translate(-25%, -50%) rotate(180deg); }
  @media screen and (min-width: 768px) and (orientation: landscape) {
    .news-section .slider-frame .card:hover .icon {
      opacity: 1; }
    .news-section .slider-frame .card:hover::after {
      opacity: 1; } }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .news-section {
      padding-top: 0.8rem;
      padding-bottom: 0.8rem; }
      .news-section .title {
        margin-bottom: 0.5rem; }
      .news-section .text {
        display: none; }
      .news-section .container {
        max-width: 3.4rem; }
      .news-section .slider-frame {
        max-width: 80%;
        margin: auto; }
        .news-section .slider-frame .splide__track {
          overflow: visible; }
        .news-section .slider-frame .btn {
          display: none; }
        .news-section .slider-frame .card .icon {
          transform: translate(-50%, 50%);
          top: auto;
          bottom: 0.7rem;
          opacity: 1;
          max-width: 2rem;
          max-height: 1.3rem;
          -o-object-fit: contain !important;
             object-fit: contain !important; }
        .news-section .slider-frame .card::after {
          top: auto;
          bottom: 0;
          height: 1.4rem;
          opacity: 1; } }

.testimonials-section {
  padding-top: 2rem;
  padding-bottom: 2.6rem;
  background-color: #252527; }
  .testimonials-section .pattern-stripe {
    position: absolute;
    top: 0;
    left: 0; }
  .testimonials-section .slider-frame {
    position: relative;
    max-width: 4.4rem;
    margin: auto; }
    .testimonials-section .slider-frame .splide__track {
      overflow: visible; }
    .testimonials-section .slider-frame .splide__slide {
      transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1), opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
      transform: scale(0.9);
      opacity: 0.2; }
    .testimonials-section .slider-frame .splide__slide.is-active {
      transform: scale(1);
      opacity: 1; }
    .testimonials-section .slider-frame .btn {
      cursor: pointer;
      display: block;
      position: absolute;
      transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
      top: 45%;
      width: 0.27rem; }
      .testimonials-section .slider-frame .btn svg {
        display: block;
        width: 100%;
        stroke: #ffffff; }
    .testimonials-section .slider-frame .btn.next {
      transform: translate(0%, -50%);
      right: -0.75rem; }
      .testimonials-section .slider-frame .btn.next:hover {
        transform: translate(25%, -50%); }
    .testimonials-section .slider-frame .btn.prev {
      transform: translate(0%, -50%) rotate(180deg);
      left: -0.75rem; }
      .testimonials-section .slider-frame .btn.prev:hover {
        transform: translate(-25%, -50%) rotate(180deg); }
  .testimonials-section .testimonial {
    display: block;
    position: relative; }
    .testimonials-section .testimonial .quotes {
      display: block;
      width: 0.55rem;
      margin-bottom: 0.4rem; }
    .testimonials-section .testimonial .title {
      font-size: 0.4rem;
      line-height: 1.34em;
      color: #ffffff;
      margin-bottom: 0.26rem; }
    .testimonials-section .testimonial .text {
      font-size: 0.14rem;
      line-height: 1.65em;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: #ffffff; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .testimonials-section {
      padding-top: 1.2rem;
      padding-bottom: 1.2rem; }
      .testimonials-section .slider-frame {
        max-width: 3.6rem; }
        .testimonials-section .slider-frame .btn {
          display: none; }
      .testimonials-section .testimonial .quotes {
        width: 0.45rem;
        margin-bottom: 0.3rem; }
      .testimonials-section .testimonial .title {
        font-size: 0.34rem;
        margin-bottom: 0.2rem; }
      .testimonials-section .testimonial .text {
        font-size: 0.14rem;
        line-height: 1.65em;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: #ffffff; } }

.commitment-section {
  padding-top: 3.3rem;
  padding-bottom: 1.22rem;
  background-color: #ffffff;
  overflow: hidden; }
  .commitment-section .pattern-stripe-l {
    position: absolute;
    top: -1.06rem;
    left: 0; }
  .commitment-section .media-frame {
    aspect-ratio: 1 / 0.9; }
    .commitment-section .media-frame .media {
      top: -5%;
      height: 110%; }
  .commitment-section .grid {
    display: flex;
    align-items: center; }
    .commitment-section .grid .g-inner:first-child {
      width: 7.86rem; }
    .commitment-section .grid .g-inner:last-child {
      padding-left: 1.2rem;
      padding-right: 0.5rem;
      width: calc(100% - 7.86rem); }
  .commitment-section .cnt .title {
    color: #000000; }
  .commitment-section .cnt .subtitle {
    color: #000000;
    margin: 0.5rem 0 0.14rem; }
  .commitment-section .cnt .text {
    margin-bottom: 0.2rem;
    letter-spacing: 0; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .commitment-section {
      padding-top: 1.6rem;
      padding-bottom: 0.8rem; }
      .commitment-section .media-frame {
        margin-bottom: 0.4rem; }
        .commitment-section .media-frame .media {
          top: 0%;
          height: 100%; }
      .commitment-section .pattern-stripe-l {
        top: -0.54rem; }
      .commitment-section .grid {
        display: block; }
        .commitment-section .grid .g-inner:first-child {
          width: 100%; }
        .commitment-section .grid .g-inner:last-child {
          padding-left: 0;
          padding-right: 0;
          width: 100%; } }

.cta-section {
  padding-top: 1.4rem;
  padding-bottom: 1.2rem;
  background-color: #e4dad2;
  margin: -2px 0; }
  .cta-section .container {
    width: 100%;
    max-width: 9.8rem;
    margin: auto; }
  .cta-section .grid {
    display: flex;
    justify-content: space-between; }
    .cta-section .grid .g-inner {
      width: 4.38rem; }
    .cta-section .grid .g-inner:first-child {
      position: relative;
      top: -0.16rem; }
  .cta-section .title {
    color: #000000; }
  .cta-section .text {
    letter-spacing: 0em;
    margin-bottom: 0.4rem; }
  .cta-section .input-wrap {
    margin-bottom: 0.4rem; }
  .cta-section .socials {
    display: flex;
    justify-content: space-between; }
    .cta-section .socials .social {
      position: relative;
      font-size: 0.14rem;
      line-height: 0.17rem;
      letter-spacing: 0.1em;
      color: #000000;
      white-space: nowrap;
      overflow: hidden; }
      .cta-section .socials .social span {
        display: block;
        transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
        transform-origin: 0 50%;
        backface-visibility: hidden;
        will-change: transform;
        transition-delay: 100ms; }
      .cta-section .socials .social::after {
        content: attr(data-text);
        transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
        transform: translate(-50%, 100%) skewY(-5deg);
        transform-origin: 100% 50%;
        transition-delay: 0ms;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        backface-visibility: hidden;
        will-change: transform; }
      .cta-section .socials .social:hover span {
        transform: translate(0, -100%) skewY(-5deg);
        transition-delay: 0ms; }
      .cta-section .socials .social:hover::after {
        transform: translate(-50%, -50%) skewY(0deg);
        transition-delay: 100ms; }
  .cta-section .nwr-error-style .gform_validation_errors {
    display: none; }
  .cta-section .nwr-error-style .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: none; }
    .cta-section .nwr-error-style .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true]::-moz-placeholder {
      color: #c02b0a; }
    .cta-section .nwr-error-style .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true]::placeholder {
      color: #c02b0a; }
  .cta-section .nwr-error-style .gfield {
    position: relative; }
  .cta-section .nwr-error-style .validation_message {
    position: absolute;
    left: 0rem;
    bottom: -0.35rem;
    width: calc(100% + 0.84rem);
    font-size: 0.16rem;
    line-height: 0.24rem;
    background: transparent;
    padding: 0rem;
    margin: 0rem;
    border: none; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .cta-section {
      padding-top: 0.8rem;
      padding-bottom: 0.8rem; }
      .cta-section .title {
        margin-bottom: 0.3rem; }
      .cta-section .container {
        max-width: 3.8rem; }
      .cta-section .grid {
        display: block; }
        .cta-section .grid .g-inner {
          width: 100%; }
        .cta-section .grid .g-inner:first-child {
          top: auto; }
      .cta-section .socials .social {
        font-size: 0.12rem; } }

.button-frame-enquire {
  text-align: center;
  padding-top: 1.13rem; }
  .button-frame-enquire a {
    mask-size: 93% !important;
    -webkit-mask-size: 93% !important; }

.scroll-track {
  position: relative; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .scroll-track {
      height: auto; }
      .scroll-track .sticky {
        margin: 0; }
      .scroll-track.lg {
        height: auto; } }

.modal-1-section {
  display: flex;
  align-items: center;
  padding-top: 1.04rem;
  padding-bottom: 0.85rem;
  min-height: 90vh;
  overflow: hidden; }
  .modal-1-section .close-btn {
    cursor: pointer;
    display: block;
    position: absolute;
    transition: transform 300ms cubic-bezier(0.65, 0.05, 0.24, 1);
    z-index: 10;
    width: 0.23rem;
    height: 0.23rem;
    top: 0.28rem;
    right: 0.2rem;
    background-image: url(../js/../img/svg/close.svg);
    backface-visibility: none;
    will-change: transform; }
    .modal-1-section .close-btn:hover {
      transform: scale(0.85); }
  .modal-1-section .backgrounds {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%; }
    .modal-1-section .backgrounds .media-frame {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%; }
      .modal-1-section .backgrounds .media-frame::after {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.62) 0.12%, rgba(0, 0, 0, 0.04) 99.83%); }
  .modal-1-section .media-frame.continent-image {
    width: 1.4rem; }
  .modal-1-section .grid {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .modal-1-section .grid .g-inner:first-child {
      width: 4.7rem; }
    .modal-1-section .grid .g-inner:last-child {
      width: 7.6rem; }
  .modal-1-section .title-frame .sup {
    position: relative;
    color: #ffffff;
    letter-spacing: 0.15em;
    left: 0.5rem;
    top: 0.1rem; }
  .modal-1-section .title-frame .title {
    color: #ffffff; }
    .modal-1-section .title-frame .title span {
      display: block;
      position: relative; }
    .modal-1-section .title-frame .title span:nth-child(2) {
      left: 2rem; }
  .modal-1-section .text {
    color: #ffffff;
    letter-spacing: 0em;
    max-width: 3.94rem;
    margin: 0.35rem 0 0.85rem; }
  .modal-1-section .link-1 {
    color: #ffffff; }
  .modal-1-section .pattern-stripe {
    position: absolute;
    left: 0;
    bottom: -0.15rem;
    width: 100%; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .modal-1-section {
      padding-bottom: 1.6rem;
      min-height: auto; }
      .modal-1-section .backgrounds .media-frame:not(:first-child) {
        display: none; }
      .modal-1-section .grid {
        flex-wrap: wrap; }
        .modal-1-section .grid .g-inner:first-child {
          width: 100%; }
        .modal-1-section .grid .g-inner:last-child {
          width: 100%; }
      .modal-1-section .media-frame.primary {
        width: 100%;
        width: calc(100% + 0.48rem);
        left: -0.24rem; }
      .modal-1-section .cnt:not(:first-child) {
        display: none; }
      .modal-1-section .link-1 {
        position: absolute;
        left: 0;
        bottom: -1rem; }
      .modal-1-section .title-frame .title span:nth-child(2) {
        left: 1.4rem; }
      .modal-1-section .title-frame .sub {
        left: 0.32rem; }
      .modal-1-section .text {
        margin: 0.35rem 0 0.4rem;
        max-width: none; }
      .modal-1-section .pattern-stripe {
        bottom: -0.2rem; } }

.modal-2-section {
  cursor: auto;
  display: flex;
  align-items: center;
  padding-top: 1.04rem;
  padding-bottom: 1.05rem;
  background-color: #252527;
  color: #ffffff;
  min-height: 90vh;
  overflow: hidden; }
  .modal-2-section .close-btn {
    cursor: pointer;
    display: block;
    position: absolute;
    transition: transform 300ms cubic-bezier(0.65, 0.05, 0.24, 1);
    z-index: 10;
    width: 0.23rem;
    height: 0.23rem;
    top: 0.28rem;
    right: 0.2rem;
    background-image: url(../js/../img/svg/close.svg);
    backface-visibility: none;
    will-change: transform; }
    .modal-2-section .close-btn:hover {
      transform: scale(0.85); }
  .modal-2-section .grid {
    display: flex;
    justify-content: space-between; }
    .modal-2-section .grid .g-inner:first-child {
      width: calc(100% - 7.88rem);
      padding-right: 0.7rem; }
    .modal-2-section .grid .g-inner:last-child {
      width: 7.88rem; }
  .modal-2-section .link-1 {
    position: absolute;
    bottom: -0.4rem;
    left: 0;
    color: #ffffff; }
  .modal-2-section .pattern-stripe {
    position: absolute;
    left: 0;
    bottom: -0.15rem;
    width: 100%; }
  .modal-2-section .media-frame {
    aspect-ratio: 39 / 28; }
    .modal-2-section .media-frame:not(:first-child) {
      position: absolute;
      top: 0;
      left: 0; }
  .modal-2-section .title {
    position: relative;
    top: -0.4rem;
    margin-bottom: 0.34rem; }
    .modal-2-section .title span {
      display: block;
      position: relative; }
      .modal-2-section .title span:last-child {
        left: 0.7rem; }
  .modal-2-section .cnt {
    position: relative;
    max-width: 3.25rem;
    margin-left: auto;
    margin-right: 0;
    left: 0.45rem; }
    .modal-2-section .cnt .text {
      position: relative;
      padding-bottom: 0.08rem;
      overflow: hidden;
      min-height: 0.52rem; }
      .modal-2-section .cnt .text .hidden-text {
        display: block;
        transition: height 400ms ease;
        line-height: 0.3rem;
        font-weight: 300;
        height: 0; }
      .modal-2-section .cnt .text.active .hidden-text {
        height: 0.3rem; }
    .modal-2-section .cnt .scrollable-title {
      display: block;
      font-size: 0.4rem;
      line-height: 1em;
      color: #5e423b;
      padding-bottom: 0.05rem; }
      .modal-2-section .cnt .scrollable-title span {
        display: block;
        position: relative;
        width: -moz-min-content;
        width: min-content;
        white-space: nowrap;
        color: #ffffff; }
      .modal-2-section .cnt .scrollable-title span::before {
        content: "";
        display: block;
        position: absolute;
        transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
        transform-origin: 0% 50%;
        transform: scaleX(0);
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #ffffff; }
      .modal-2-section .cnt .scrollable-title:hover span::before {
        transform: scaleX(1); }
    .modal-2-section .cnt::after {
      content: "";
      display: block;
      position: absolute;
      pointer-events: none;
      z-index: 5;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(37, 37, 39, 0) 75%, #252527 100%);
      mix-blend-mode: darken; }
  .modal-2-section .line-frame {
    position: relative; }
    .modal-2-section .line-frame::before {
      content: "";
      display: block;
      position: absolute;
      top: 0.08rem;
      left: calc(-100vw + 2.4rem);
      width: 100vw;
      height: 1px;
      background-color: #ffffff; }
  .modal-2-section .splide .splide__slide .scrollable-title {
    transition: opacity 400ms cubic-bezier(0.65, 0.05, 0.24, 1), transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
    transform-origin: 0% 50%;
    transform: scale(0.8);
    opacity: 0.35; }
  .modal-2-section .splide .splide__slide.is-visible .scrollable-title, .modal-2-section .splide .splide__slide.is-next .scrollable-title, .modal-2-section .splide .splide__slide.is-prev .scrollable-title {
    transform: scale(0.8);
    opacity: 0.35; }
  .modal-2-section .splide .splide__slide.is-active .scrollable-title {
    transform: scale(1);
    opacity: 1; }
  .modal-2-section .splide .splide__arrows {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
    .modal-2-section .splide .splide__arrows .splide__arrow--prev {
      display: none; }
    .modal-2-section .splide .splide__arrows .splide__arrow--next {
      transform: none;
      position: absolute;
      transition: transform 50ms cubic-bezier(0.65, 0.05, 0.24, 1);
      left: 0;
      bottom: -0.5rem;
      width: 0.55rem;
      height: 0.27rem;
      background-image: url(../js/../img/svg/modal-arrow.svg);
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      border-radius: 0;
      background-color: initial;
      opacity: 1; }
      .modal-2-section .splide .splide__arrows .splide__arrow--next svg {
        pointer-events: none;
        opacity: 0; }
      .modal-2-section .splide .splide__arrows .splide__arrow--next:active {
        transform: scale(0.9); }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .modal-2-section {
      padding-top: 1.8rem;
      padding-bottom: 1.8rem;
      min-height: auto; }
      .modal-2-section .grid {
        flex-wrap: wrap;
        flex-direction: column-reverse; }
        .modal-2-section .grid .g-inner:first-child {
          padding: 0;
          width: 100%; }
        .modal-2-section .grid .g-inner:last-child {
          width: 100%;
          margin-bottom: 0.4rem; }
      .modal-2-section .line-frame::before {
        left: calc(-100vw + 0.7rem); }
      .modal-2-section .cnt {
        height: auto;
        max-width: 2.8rem;
        margin-right: 0.2rem;
        left: 0; }
        .modal-2-section .cnt .text {
          min-height: auto; }
        .modal-2-section .cnt .scrollable-title {
          font-size: 0.3rem; }
          .modal-2-section .cnt .scrollable-title span {
            display: block; }
      .modal-2-section .frame {
        position: relative;
        width: calc(100% + 0.48rem);
        left: -0.24rem; }
      .modal-2-section .title {
        z-index: 10;
        position: absolute;
        top: -0.9rem;
        left: 0; }
      .modal-2-section .link-1 {
        bottom: -1.4rem; }
      .modal-2-section .pattern-stripe {
        bottom: -0.2rem; } }

.modal-3-section {
  display: flex;
  align-items: center;
  padding-top: 1.04rem;
  padding-bottom: 1.05rem;
  background-color: #252527;
  color: #ffffff;
  min-height: 90vh;
  overflow: hidden; }
  .modal-3-section .close-btn {
    cursor: pointer;
    display: block;
    position: absolute;
    transition: transform 300ms cubic-bezier(0.65, 0.05, 0.24, 1);
    z-index: 10;
    width: 0.23rem;
    height: 0.23rem;
    top: 0.28rem;
    right: 0.2rem;
    background-image: url(../js/../img/svg/close.svg);
    backface-visibility: none;
    will-change: transform; }
    .modal-3-section .close-btn:hover {
      transform: scale(0.85); }
  .modal-3-section .grid {
    display: flex;
    justify-content: space-between; }
    .modal-3-section .grid .g-inner:first-child {
      width: 7.88rem; }
    .modal-3-section .grid .g-inner:last-child {
      padding-left: 0.6rem;
      width: calc(100% - 7.88rem); }
  .modal-3-section .link-1 {
    position: absolute;
    bottom: -0.4rem;
    right: 0;
    color: #ffffff; }
  .modal-3-section .media-frame {
    aspect-ratio: 39 / 28; }
    .modal-3-section .media-frame:not(:first-child) {
      position: absolute;
      top: 0;
      left: 0; }
  .modal-3-section .title {
    position: relative;
    top: -0.4rem;
    margin-bottom: 0.6rem; }
    .modal-3-section .title span {
      display: block;
      position: relative; }
      .modal-3-section .title span:first-child {
        left: -1.24rem; }
    .modal-3-section .title .dim-color {
      left: 0.8rem;
      color: rgba(228, 218, 210, 0.75); }
  .modal-3-section .line-frame {
    position: relative; }
    .modal-3-section .line-frame .next-btn {
      display: block;
      position: absolute;
      cursor: pointer;
      transition: transform 50ms cubic-bezier(0.65, 0.05, 0.24, 1);
      left: 1rem;
      bottom: -0.5rem;
      width: 0.55rem;
      height: 0.27rem;
      background-image: url(../js/../img/svg/modal-arrow.svg); }
      .modal-3-section .line-frame .next-btn:active {
        transform: scale(0.9); }
    .modal-3-section .line-frame::before {
      content: "";
      display: block;
      position: absolute;
      top: 0.25rem;
      left: -0.6rem;
      width: 1.45rem;
      height: 1px;
      background-color: #ffffff; }
  .modal-3-section .cnt {
    position: relative;
    height: 2.84rem;
    max-width: 3.5rem;
    overflow: hidden;
    margin: auto; }
    .modal-3-section .cnt::after {
      content: "";
      display: block;
      position: absolute;
      pointer-events: none;
      z-index: 5;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(37, 37, 39, 0) 85%, rgba(37, 37, 39, 0.75) 100%);
      mix-blend-mode: darken; }
  .modal-3-section .pattern-stripe {
    position: absolute;
    left: 0;
    bottom: -0.15rem;
    width: 100%; }
  .modal-3-section .accordion .section-text {
    display: block;
    transform-origin: 0 50%;
    font-size: 0.4rem;
    line-height: 1em; }
    .modal-3-section .accordion .section-text span {
      display: block;
      position: relative;
      width: -moz-min-content;
      width: min-content;
      white-space: nowrap; }
    .modal-3-section .accordion .section-text span::before {
      content: "";
      display: block;
      position: absolute;
      transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      transform-origin: 0% 50%;
      transform: scaleX(0);
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background-color: #ffffff; }
    .modal-3-section .accordion .section-text:hover span::before {
      transform: scaleX(1); }
  .modal-3-section .accordion .e-inner {
    padding-top: 0.2rem;
    padding-bottom: 0.16rem; }
  .modal-3-section .accordion .text {
    letter-spacing: 0em; }
  .modal-3-section .accordion.hidden.inactive {
    display: none; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .modal-3-section {
      min-height: auto;
      padding-top: 1.6rem;
      padding-bottom: 1.4rem; }
      .modal-3-section .grid {
        display: block; }
        .modal-3-section .grid .g-inner:first-child {
          width: calc(100% + 0.48rem);
          left: -0.24rem;
          margin-bottom: 0.3rem; }
        .modal-3-section .grid .g-inner:last-child {
          padding: 0;
          width: 100%;
          max-width: 3.28rem;
          margin-left: auto;
          margin-right: 0; }
      .modal-3-section .accordion .section-text {
        font-size: 0.3rem; }
      .modal-3-section .accordion .text-s {
        font-size: 14px; }
      .modal-3-section .accordion.is-open .section-text {
        color: #ffffff; }
      .modal-3-section .title {
        z-index: 10;
        position: absolute;
        top: -0.9rem;
        left: 0; }
        .modal-3-section .title span:first-child {
          left: auto; }
        .modal-3-section .title span:last-child {
          left: 0.4rem; }
      .modal-3-section .line-frame {
        padding-bottom: 0.6rem; }
        .modal-3-section .line-frame .next-btn {
          bottom: 0;
          left: 0; }
        .modal-3-section .line-frame::before {
          top: 0.2rem;
          left: -1.6rem; }
      .modal-3-section .link-1 {
        left: 0;
        right: auto;
        bottom: -0.9rem; }
      .modal-3-section .pattern-stripe {
        bottom: -0.2rem; } }

.modal-4-section {
  display: flex;
  align-items: center;
  padding-top: 1.04rem;
  padding-bottom: 1.05rem;
  background-color: #5e423b;
  color: #ffffff;
  overflow: hidden;
  min-height: 90vh; }
  .modal-4-section .close-btn {
    cursor: pointer;
    display: block;
    position: absolute;
    transition: transform 300ms cubic-bezier(0.65, 0.05, 0.24, 1);
    z-index: 10;
    width: 0.23rem;
    height: 0.23rem;
    top: 0.28rem;
    right: 0.2rem;
    background-image: url(../js/../img/svg/close.svg);
    backface-visibility: none;
    will-change: transform; }
    .modal-4-section .close-btn:hover {
      transform: scale(0.85); }
  .modal-4-section .grid {
    display: flex;
    justify-content: space-between; }
    .modal-4-section .grid .g-inner:first-child {
      padding-right: 0.6rem;
      width: calc(100% - 7.88rem); }
    .modal-4-section .grid .g-inner:last-child {
      width: 7.88rem; }
  .modal-4-section .link-1 {
    position: absolute;
    bottom: -0.4rem;
    left: 0;
    color: #ffffff; }
  .modal-4-section .media-frame {
    aspect-ratio: 39 / 28; }
    .modal-4-section .media-frame:not(:first-child) {
      position: absolute;
      top: 0;
      left: 0; }
  .modal-4-section .title {
    position: relative;
    top: -0.4rem;
    margin-bottom: 0.6rem; }
    .modal-4-section .title span {
      display: block;
      position: relative; }
      .modal-4-section .title span:last-child {
        left: 1.24rem; }
  .modal-4-section .line-frame {
    position: relative; }
    .modal-4-section .line-frame .next-btn {
      display: block;
      position: absolute;
      cursor: pointer;
      transition: transform 50ms cubic-bezier(0.65, 0.05, 0.24, 1);
      left: 2.4rem;
      bottom: -0.5rem;
      width: 0.55rem;
      height: 0.27rem;
      background-image: url(../js/../img/svg/modal-arrow.svg); }
      .modal-4-section .line-frame .next-btn:active {
        transform: scale(0.9); }
    .modal-4-section .line-frame::before {
      content: "";
      display: block;
      position: absolute;
      top: 0.4rem;
      left: -1.56rem;
      width: 3.45rem;
      height: 1px;
      background-color: #ffffff; }
  .modal-4-section .cnt {
    position: relative;
    height: 2.8rem;
    max-width: 3.15rem;
    margin: auto;
    margin-right: 0;
    overflow: hidden;
    padding-top: 0.2rem;
    margin-top: -0.2rem; }
    .modal-4-section .cnt::after {
      content: "";
      display: block;
      position: absolute;
      pointer-events: none;
      z-index: 5;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(240, 240, 240, 0) 70%, #5e423b 100%);
      mix-blend-mode: darken; }
  .modal-4-section .pattern-stripe {
    position: absolute;
    left: 0;
    bottom: -0.15rem;
    width: 100%; }
  .modal-4-section .accordion.active .section-text strong {
    opacity: 1; }
  .modal-4-section .accordion .section-text {
    display: block;
    position: relative;
    transform-origin: 0 50%;
    white-space: nowrap;
    font-size: 0.4rem;
    line-height: 1em;
    color: #ffffff !important; }
    .modal-4-section .accordion .section-text.secondary {
      position: relative;
      top: -0.1rem;
      color: rgba(228, 218, 210, 0.5) !important; }
    .modal-4-section .accordion .section-text strong {
      display: block;
      position: absolute;
      transition: opacity 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      opacity: 0;
      top: -0.16rem;
      left: 0rem;
      font-size: 0.14rem;
      line-height: 1em;
      letter-spacing: 0em;
      font-weight: 300;
      color: #ffffff; }
    .modal-4-section .accordion .section-text span {
      display: block;
      position: relative;
      width: -moz-min-content;
      width: min-content;
      white-space: nowrap; }
    .modal-4-section .accordion .section-text span::before {
      content: "";
      display: block;
      position: absolute;
      transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      transform-origin: 0% 50%;
      transform: scaleX(0);
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background-color: #ffffff; }
    .modal-4-section .accordion .section-text:hover span::before {
      transform: scaleX(1); }
  .modal-4-section .accordion .e-inner {
    padding-top: 0.1rem;
    padding-bottom: 0.16rem; }
  .modal-4-section .accordion .text {
    letter-spacing: 0em; }
  .modal-4-section .accordion.hidden.inactive {
    display: none; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .modal-4-section {
      min-height: auto;
      padding-top: 1.6rem;
      padding-bottom: 1.4rem; }
      .modal-4-section .grid {
        flex-wrap: wrap;
        flex-direction: column-reverse; }
        .modal-4-section .grid .g-inner:first-child {
          padding: 0;
          width: 100%;
          max-width: 3.28rem;
          margin: auto; }
        .modal-4-section .grid .g-inner:last-child {
          position: relative;
          width: calc(100% + 0.48rem);
          left: -0.24rem;
          margin-bottom: 0.3rem; }
      .modal-4-section .cnt {
        height: 2.54rem;
        max-width: none;
        margin-top: 0; }
      .modal-4-section .accordion .section-text {
        transition: color 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
        color: #ffffff;
        font-size: 0.3rem; }
      .modal-4-section .accordion .text-s {
        font-size: 14px; }
      .modal-4-section .title {
        z-index: 10;
        position: absolute;
        top: -0.9rem;
        left: 0; }
        .modal-4-section .title span:first-child {
          left: auto; }
        .modal-4-section .title span:last-child {
          left: 0.4rem; }
      .modal-4-section .line-frame {
        padding-bottom: 0.6rem; }
        .modal-4-section .line-frame .next-btn {
          bottom: 0;
          left: 0; }
        .modal-4-section .line-frame::before {
          top: 0.34rem;
          left: -3.6rem; }
      .modal-4-section .link-1 {
        bottom: -0.8rem; }
      .modal-4-section .pattern-stripe {
        bottom: -0.2rem; } }

.reveal-content-frame {
  overflow: hidden; }
  .reveal-content-frame .track {
    height: 300vh; }
  .reveal-content-frame .content {
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    top: 0;
    left: 0;
    min-height: 82vh;
    padding: 0.8rem 0 0.36rem;
    background-color: #252527;
    text-align: center;
    color: #ffffff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35); }
    .reveal-content-frame .content .media-frame {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%; }
    .reveal-content-frame .content .content-inner {
      width: 100%; }
    .reveal-content-frame .content .subtext {
      font-size: 0.18rem;
      line-height: 0.9em;
      letter-spacing: 0.15em; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .reveal-content-frame .content {
      min-height: 82vh;
      padding: 0.7rem 0 0.5rem; }
      .reveal-content-frame .content .subtext {
        font-size: 0.14rem; } }

.kamba-destination-page-frame .kd-section-1 .media-frame::after {
  content: "";
  display: block;
  position: absolute;
  transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.35; }

.kamba-destination-page-frame .hide-elem {
  transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
  opacity: 0; }

.kamba-destination-page-frame.reveal-content-active .kd-section-1 .media-frame::after {
  opacity: 0.35; }

.kamba-destination-page-frame.reveal-content-active .hide-elem {
  opacity: 0; }

.kamba-destination-page-frame .kd-section-1 .media-frame::after {
  opacity: 0; }

.kamba-destination-page-frame .hide-elem {
  opacity: 1; }

.kd-section-1 {
  padding-top: 2rem;
  padding-bottom: 2.9rem;
  background-color: #252527;
  margin-bottom: -1px; }
  .kd-section-1 .grid {
    display: flex; }
    .kd-section-1 .grid .g-inner:first-child {
      width: calc(100% - 7rem);
      padding-right: 0.9rem; }
    .kd-section-1 .grid .g-inner:last-child {
      width: 7rem; }
  .kd-section-1 .cnt {
    max-width: 4.7rem;
    margin-left: auto;
    margin-right: 0; }
    .kd-section-1 .cnt .text {
      color: #ffffff;
      letter-spacing: 0em; }
  .kd-section-1 .media-frame.primary {
    aspect-ratio: 35 / 24; }
  .kd-section-1 .media-frame.secondary {
    position: relative;
    width: 1.4rem;
    left: -0.7rem;
    margin-bottom: 0.32rem; }
  .kd-section-1 .media-frame.tertiary {
    position: absolute;
    aspect-ratio: 22 / 15;
    width: 4.4rem;
    left: 3.2rem;
    bottom: -2.36rem; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .kd-section-1 {
      padding-top: 1rem;
      padding-bottom: 1.8rem; }
      .kd-section-1 .grid {
        display: block; }
        .kd-section-1 .grid .g-inner:first-child {
          width: 100%;
          padding: 0; }
        .kd-section-1 .grid .g-inner:last-child {
          width: 100%; }
      .kd-section-1 .media-pattern-frame {
        width: calc(100% + 0.48rem);
        left: -0.24rem; }
      .kd-section-1 .media-frame.secondary {
        left: auto; }
      .kd-section-1 .media-frame.tertiary {
        aspect-ratio: 26 / 18;
        width: 2.6rem;
        left: 1.2rem;
        bottom: -1.4rem; }
      .kd-section-1 .cnt {
        max-width: none;
        margin-bottom: 0.5rem; }
        .kd-section-1 .cnt .text {
          font-size: 16px; } }

.kd-section-2 {
  padding-top: 1rem;
  padding-bottom: 3.6rem;
  background-color: #252527; }
  .kd-section-2 .grid {
    display: flex; }
    .kd-section-2 .grid .g-inner:first-child {
      width: 7rem; }
    .kd-section-2 .grid .g-inner:last-child {
      width: calc(100% - 7rem);
      padding-left: 1.1rem; }
  .kd-section-2 .cnt {
    max-width: 4.7rem; }
    .kd-section-2 .cnt .text {
      color: #ffffff;
      letter-spacing: 0em; }
      .kd-section-2 .cnt .text strong {
        color: #00b4b7;
        font-weight: 600; }
  .kd-section-2 .media-frame.secondary {
    position: absolute;
    width: 2.65rem;
    aspect-ratio: 102 / 143;
    left: calc(50% - 1rem);
    bottom: -1.8rem; }
  .kd-section-2 .media-frame.tertiary {
    position: absolute;
    aspect-ratio: 22 / 15;
    width: 4.4rem;
    right: 0rem;
    bottom: 0.2rem; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .kd-section-2 {
      padding-top: 0.6rem;
      padding-bottom: 1.8rem; }
      .kd-section-2 .grid {
        flex-wrap: wrap;
        flex-direction: column-reverse; }
        .kd-section-2 .grid .g-inner:first-child {
          width: 100%; }
        .kd-section-2 .grid .g-inner:last-child {
          padding: 0;
          width: 100%; }
      .kd-section-2 .cnt {
        max-width: none;
        margin-bottom: 0.5rem; }
        .kd-section-2 .cnt .text {
          font-size: 16px; }
      .kd-section-2 .media-pattern-frame {
        width: calc(100% + 0.48rem);
        left: -0.24rem; }
      .kd-section-2 .media-frame.secondary {
        display: none; }
      .kd-section-2 .media-frame.tertiary {
        aspect-ratio: 26 / 18;
        width: 2.6rem;
        left: 1.2rem;
        bottom: -1.4rem; } }

.kd-section-3 {
  display: block;
  position: relative; }
  .kd-section-3 .aligner-frame {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    width: 100%;
    height: 100vh; }
  .kd-section-3 .media-frame.bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100vh;
    backface-visibility: hidden; }
    .kd-section-3 .media-frame.bg .media {
      top: 0%;
      height: 100%; }
    .kd-section-3 .media-frame.bg::after {
      content: "";
      display: block;
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      left: 0;
      bottom: 0;
      background: linear-gradient(-90deg, rgba(37, 37, 39, 0.75) 0%, rgba(37, 37, 39, 0.15) 100%); }
  .kd-section-3 .media-frame.primary {
    aspect-ratio: 8 / 7;
    width: 7.94rem; }
    .kd-section-3 .media-frame.primary .media {
      transition: opacity 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      pointer-events: none; }
  .kd-section-3 .pick-group {
    pointer-events: none;
    position: absolute;
    width: 1rem;
    height: 1rem; }
    .kd-section-3 .pick-group .pick-title {
      cursor: pointer;
      position: absolute;
      transition: opacity 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      pointer-events: all;
      color: #252527;
      line-height: 1em;
      opacity: 0.3; }
    .kd-section-3 .pick-group .triangle {
      display: block;
      position: absolute;
      z-index: 1;
      transition: opacity 400ms cubic-bezier(0.65, 0.05, 0.24, 1), fill 400ms cubic-bezier(0.65, 0.05, 0.24, 1), transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      pointer-events: none;
      transform: rotate(0deg);
      transition-delay: 100ms;
      width: 0.25rem;
      fill: #252527;
      opacity: 0.3; }
    .kd-section-3 .pick-group .t-line {
      display: block;
      position: absolute;
      transition: opacity 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      pointer-events: none;
      transition-delay: 0ms;
      width: 1px;
      height: 0.6rem;
      top: 0.18rem;
      left: 0.44rem;
      background-color: #252527;
      transform-origin: 0 0;
      opacity: 0; }
    .kd-section-3 .pick-group .pick {
      display: block;
      cursor: pointer;
      transition: opacity 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      pointer-events: none;
      position: absolute;
      font-size: 0.14rem;
      line-height: 1em;
      opacity: 0; }
      .kd-section-3 .pick-group .pick::before {
        content: "";
        display: block;
        position: absolute;
        transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
        transform-origin: 0 50%;
        transform: scaleX(0);
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #252527; }
      .kd-section-3 .pick-group .pick:hover::before {
        transform: scaleX(1); }
    .kd-section-3 .pick-group.odzala {
      top: 2.9rem;
      left: 4.7rem; }
      .kd-section-3 .pick-group.odzala .pick-title {
        width: 1.8rem;
        left: 0.5rem;
        top: 0.2rem; }
      .kd-section-3 .pick-group.odzala .triangle.t1 {
        top: -0.1rem;
        left: 0.3rem; }
      .kd-section-3 .pick-group.odzala .triangle.t2 {
        top: 0.09rem;
        left: 0.3rem; }
      .kd-section-3 .pick-group.odzala .triangle.t3 {
        top: 0rem;
        left: 0.1rem; }
      .kd-section-3 .pick-group.odzala .t-line.t1 {
        transform: rotate(221deg);
        height: 0.2rem; }
      .kd-section-3 .pick-group.odzala .t-line.t2 {
        transform: rotate(110deg);
        height: 0.2rem; }
      .kd-section-3 .pick-group.odzala .t-line.t3 {
        transform: rotate(166deg);
        height: 0.5rem; }
      .kd-section-3 .pick-group.odzala .pick.p1 {
        top: -0.34rem;
        left: 0.5rem; }
      .kd-section-3 .pick-group.odzala .pick.p2 {
        top: -0.22rem;
        left: -0.1rem; }
      .kd-section-3 .pick-group.odzala .pick.p3 {
        top: -0.58rem;
        left: 0.1rem; }
    .kd-section-3 .pick-group.ndoki {
      top: 1.3rem;
      left: 5.5rem; }
      .kd-section-3 .pick-group.ndoki .pick-title {
        width: 1.8rem;
        left: -0.2rem;
        top: 0.8rem; }
      .kd-section-3 .pick-group.ndoki .triangle.t1 {
        top: 0.55rem;
        left: 0.5rem; }
      .kd-section-3 .pick-group.ndoki .triangle.t2 {
        top: 0.35rem;
        left: 0.52rem; }
      .kd-section-3 .pick-group.ndoki .triangle.t3 {
        top: 0.4rem;
        left: 0.34rem; }
      .kd-section-3 .pick-group.ndoki .t-line.t1 {
        transform: rotate(180deg);
        height: 0.5rem;
        top: 0.8rem;
        left: 0.65rem; }
      .kd-section-3 .pick-group.ndoki .t-line.t2 {
        transform: rotate(140deg);
        height: 0.3rem;
        top: 0.8rem;
        left: 0.65rem; }
      .kd-section-3 .pick-group.ndoki .pick.p1 {
        top: 0.06rem;
        left: 0.8rem; }
      .kd-section-3 .pick-group.ndoki .pick.p2 {
        top: 0.48rem;
        left: 0.7rem; }
    .kd-section-3 .pick-group.active .pick-title {
      opacity: 1; }
    .kd-section-3 .pick-group.active .pick {
      opacity: 1;
      pointer-events: all; }
    .kd-section-3 .pick-group.active .triangle {
      transition-delay: 0ms;
      fill: #00B4B7;
      opacity: 1; }
    .kd-section-3 .pick-group.active .t-line {
      transition-delay: 100ms;
      opacity: 1; }
    .kd-section-3 .pick-group.odzala.active .triangle.t1 {
      transform: translate(0.15rem, -0.05rem) rotate(180deg); }
    .kd-section-3 .pick-group.odzala.active .triangle.t2 {
      transform: translate(-0.25rem, -0.15rem) rotate(180deg); }
    .kd-section-3 .pick-group.odzala.active .triangle.t3 {
      transform: translate(0.1rem, -0.4rem) rotate(180deg); }
    .kd-section-3 .pick-group.ndoki.active .triangle.t1 {
      transform: translate(-0.15rem, -0.1rem) rotate(180deg); }
    .kd-section-3 .pick-group.ndoki.active .triangle.t2 {
      transform: translate(0rem, -0.2rem) rotate(180deg); }
    .kd-section-3 .pick-group.ndoki.active .triangle.t3 {
      opacity: 0; }
  .kd-section-3 .cnt {
    position: relative;
    margin-left: auto;
    margin-right: 0;
    width: 5.8rem;
    height: auto;
    overflow: hidden; }
    .kd-section-3 .cnt .cnt-bg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      background-color: #252527;
      background-size: 200%;
      background-repeat: repeat-y; }
    .kd-section-3 .cnt .inner {
      padding: 25vh 0.74rem 5rem; }
    .kd-section-3 .cnt .measurment {
      padding-bottom: 0.5rem; }
    .kd-section-3 .cnt .hidden .measurment {
      margin-top: 1.56rem; }
  .kd-section-3 .section-title {
    font-size: 0.48rem;
    line-height: 1em;
    color: #ffffff;
    margin-bottom: 0.26rem; }
  .kd-section-3 .text {
    color: #ffffff;
    letter-spacing: 0em; }
  .kd-section-3 .picture-box {
    position: relative; }
    .kd-section-3 .picture-box .pic-title {
      display: block;
      font-size: 0.3rem;
      line-height: 1em;
      color: rgba(228, 218, 210, 0.75);
      max-width: 3.7rem;
      margin-bottom: 0.36rem; }
      .kd-section-3 .picture-box .pic-title small {
        font-size: 0.14rem;
        line-height: 0.135rem;
        color: rgba(228, 218, 210, 0.5); }
      .kd-section-3 .picture-box .pic-title span {
        display: block;
        position: relative;
        width: -moz-min-content;
        width: min-content;
        white-space: nowrap;
        color: #ffffff; }
      .kd-section-3 .picture-box .pic-title span::before {
        content: "";
        display: block;
        position: absolute;
        transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
        transform-origin: 0 50%;
        transform: scaleX(0);
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #ffffff; }
      .kd-section-3 .picture-box .pic-title:hover span::before {
        transform: scaleX(1); }
    .kd-section-3 .picture-box .pic-box {
      position: relative; }
      .kd-section-3 .picture-box .pic-box .absolute-button {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%; }
      .kd-section-3 .picture-box .pic-box .media-frame {
        aspect-ratio: 4 / 2.6; }
      .kd-section-3 .picture-box .pic-box .pattern-stripe {
        position: absolute;
        top: -0.1rem;
        left: 0;
        width: 100%; }
    .kd-section-3 .picture-box:not(:last-child) {
      margin-bottom: 0.46rem; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .kd-section-3 {
      padding-top: 0rem;
      padding-bottom: 0rem; }
      .kd-section-3 .aligner-frame {
        position: relative;
        display: flex;
        align-items: center;
        padding-top: 0rem;
        padding-bottom: 0rem;
        width: 100%;
        height: auto; }
      .kd-section-3 .media-frame.bg {
        height: 100%; }
      .kd-section-3 .media-frame.primary {
        width: calc(100% + 0.48rem);
        left: -0.24rem;
        aspect-ratio: 3 / 3.8; }
        .kd-section-3 .media-frame.primary .pick {
          display: none; }
        .kd-section-3 .media-frame.primary .media {
          -o-object-position: 83% 50%;
             object-position: 83% 50%; }
      .kd-section-3 .text {
        font-size: 16px; }
      .kd-section-3 .pick-group {
        transform: scale(0.75); }
        .kd-section-3 .pick-group .pick-title {
          pointer-events: none;
          opacity: 1; }
        .kd-section-3 .pick-group .pick {
          opacity: 1; }
        .kd-section-3 .pick-group .triangle {
          fill: #00B4B7;
          opacity: 1; }
        .kd-section-3 .pick-group .t-line {
          opacity: 1; }
        .kd-section-3 .pick-group.odzala {
          top: 2rem;
          left: 2rem; }
          .kd-section-3 .pick-group.odzala .triangle.t1 {
            transform: translate(0.15rem, -0.05rem) rotate(180deg); }
          .kd-section-3 .pick-group.odzala .triangle.t2 {
            transform: translate(-0.25rem, -0.15rem) rotate(180deg); }
          .kd-section-3 .pick-group.odzala .triangle.t3 {
            transform: translate(0.1rem, -0.4rem) rotate(180deg); }
        .kd-section-3 .pick-group.ndoki {
          top: 0.9rem;
          left: 2.6rem; }
          .kd-section-3 .pick-group.ndoki .triangle.t1 {
            transform: translate(-0.15rem, -0.1rem) rotate(180deg); }
          .kd-section-3 .pick-group.ndoki .triangle.t2 {
            transform: translate(0rem, -0.2rem) rotate(180deg); }
          .kd-section-3 .pick-group.ndoki .triangle.t3 {
            opacity: 0; }
      .kd-section-3 .cnt {
        width: 100%; }
        .kd-section-3 .cnt .inner {
          padding: 0.4rem 0.22rem; }
        .kd-section-3 .cnt .hidden .measurment {
          margin-top: 0.8rem; } }

.kd-section-4 {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem; }
  .kd-section-4 .section-container {
    width: 100%;
    max-width: 11.4rem;
    margin: auto; }
  .kd-section-4 .testimonial {
    display: block;
    position: relative;
    max-width: 4.35rem;
    margin-left: auto;
    margin-right: 0; }
    .kd-section-4 .testimonial .quotes {
      display: block;
      width: 0.55rem;
      margin-bottom: 0.4rem; }
    .kd-section-4 .testimonial .title {
      color: #ffffff;
      margin-bottom: 0.26rem; }
    .kd-section-4 .testimonial .sect-title {
      font-size: 0.4rem;
      line-height: 1.15em; }
    .kd-section-4 .testimonial .text {
      font-size: 0.16rem;
      line-height: 1.65em;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: #ffffff; }
  .kd-section-4 .media-frame {
    aspect-ratio: 1 / 0.9; }
    .kd-section-4 .media-frame .media {
      top: -10%;
      height: 120%; }
  .kd-section-4 .grid {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .kd-section-4 .grid .g-inner:first-child {
      width: calc(100% - 5.85rem);
      padding-right: 1.2rem; }
    .kd-section-4 .grid .g-inner:last-child {
      width: 5.85rem; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .kd-section-4 {
      padding-top: 0.8rem;
      padding-bottom: 0.8rem; }
      .kd-section-4 .section-container {
        max-width: 3.8rem; }
      .kd-section-4 .testimonial {
        max-width: none;
        margin: auto; }
      .kd-section-4 .media-frame {
        margin-bottom: 0.5rem; }
        .kd-section-4 .media-frame .media {
          top: 0%;
          height: 100%; }
      .kd-section-4 .grid {
        flex-wrap: wrap;
        flex-direction: column-reverse; }
        .kd-section-4 .grid .g-inner:first-child {
          width: 100%;
          padding-right: 0; }
        .kd-section-4 .grid .g-inner:last-child {
          width: 100%; } }

.kd-section-4.type-2 .section-container {
  max-width: 10.55rem; }

.kd-section-4.type-2 .grid .g-inner:first-child {
  padding-right: 1rem; }

@media screen and (max-width: 768px) and (orientation: portrait) {
  .kd-section-4.type-2 .section-container {
    max-width: 3.8rem; }
  .kd-section-4.type-2 .grid .g-inner:first-child {
    padding-right: 0; }
  .kd-section-4.type-2 .testimonial .sect-title {
    font-size: 0.3rem; } }

.pattern-stripe-section {
  background-color: #ffffff;
  height: 3.8rem;
  overflow: hidden; }
  .pattern-stripe-section .pattern-stripe-l {
    position: absolute;
    top: -1.08rem;
    left: 0; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .pattern-stripe-section {
      height: 2.6rem; }
      .pattern-stripe-section .pattern-stripe-l {
        height: 2rem;
        background-size: 0.5rem;
        top: -0.74rem; } }

.heading-section {
  padding-top: 1.78rem;
  padding-bottom: 0;
  background-color: #252527;
  text-align: center;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35); }
  .heading-section .content {
    max-width: 10rem;
    margin: auto;
    margin-bottom: -0.6rem; }
  .heading-section .media-frame {
    height: calc(100vh - 2.1rem);
    aspect-ratio: auto; }
    .heading-section .media-frame .media {
      height: 120%; }
  .heading-section .title {
    color: #ffffff;
    margin-bottom: 0.24rem; }
  .heading-section .subtitle {
    font-size: 0.18rem;
    line-height: 0.9em;
    letter-spacing: 0.15em;
    color: #ffffff; }
  .heading-section .nights {
    display: flex;
    position: absolute;
    transform: translate(-50%, 0%);
    left: 50%;
    top: calc(100% + 0.2rem);
    flex-direction: column;
    justify-content: center;
    width: 1.05rem;
    height: 1.05rem;
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    padding-bottom: 0.1rem; }
    .heading-section .nights .num {
      font-size: 0.5rem;
      line-height: 1.07em; }
    .heading-section .nights .text {
      letter-spacing: 0.1em; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .heading-section .content {
      max-width: 3.8rem;
      margin-bottom: -0.55rem; }
    .heading-section .title {
      width: 90%;
      margin: auto;
      margin-bottom: 0.2rem; }
    .heading-section .subtitle {
      font-size: 0.14rem; }
    .heading-section .media-frame {
      height: auto;
      aspect-ratio: 43 / 55; }
      .heading-section .media-frame .media {
        top: 0;
        height: 100%; } }

@media screen and (max-width: 768px) and (orientation: portrait) {
  .heading-section.kamba-ngaga-heading .media-frame .media {
    -o-object-position: 80% 50%;
       object-position: 80% 50%; } }

.kamba-ngaga-2-section {
  padding-top: 1.7rem;
  padding-bottom: 0.85rem; }
  .kamba-ngaga-2-section .grid {
    display: flex;
    justify-content: space-between; }
    .kamba-ngaga-2-section .grid .g-inner:first-child {
      width: 5.55rem; }
    .kamba-ngaga-2-section .grid .g-inner:last-child {
      width: 7rem; }
  .kamba-ngaga-2-section .media-frame.primary {
    aspect-ratio: 70 / 48;
    margin-bottom: 0.7rem; }
  .kamba-ngaga-2-section .media-frame.secondary {
    aspect-ratio: 55 / 36; }
  .kamba-ngaga-2-section .media-frame .media {
    top: -10%;
    height: 120%; }
  .kamba-ngaga-2-section .text-primary {
    color: #ffffff;
    max-width: 4.34rem;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 0.75rem; }
    .kamba-ngaga-2-section .text-primary strong {
      font-weight: 600;
      color: #00b5b8; }
  .kamba-ngaga-2-section .text {
    color: #ffffff;
    letter-spacing: 0em;
    max-width: 5.85rem;
    margin-left: 0.3rem;
    margin-right: auto; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .kamba-ngaga-2-section {
      padding-top: 0.8rem;
      padding-bottom: 0.8rem; }
      .kamba-ngaga-2-section .grid {
        display: block; }
        .kamba-ngaga-2-section .grid .g-inner:first-child {
          position: relative;
          width: 100%;
          padding-bottom: 3rem; }
        .kamba-ngaga-2-section .grid .g-inner:last-child {
          position: relative;
          width: 100%;
          padding-top: 1.6rem; }
      .kamba-ngaga-2-section .media-frame.primary {
        aspect-ratio: 4 / 3;
        position: absolute;
        width: calc(100% + 0.48rem);
        top: -3rem;
        left: -0.24rem;
        margin: 0; }
      .kamba-ngaga-2-section .media-frame.secondary {
        z-index: 10;
        aspect-ratio: 13 / 9;
        position: absolute;
        width: 2.64rem;
        left: 1.2rem;
        bottom: -1.2rem;
        margin: 0; }
      .kamba-ngaga-2-section .media-frame .media {
        top: 0%;
        height: 100%; }
      .kamba-ngaga-2-section .text-primary {
        max-width: none;
        margin-bottom: 0.5rem; }
      .kamba-ngaga-2-section .text {
        max-width: none;
        margin: 0; } }

.kamba-ngaga-3-section {
  padding-top: 1.9rem;
  padding-bottom: 2rem;
  background-color: #5e423b;
  color: #ffffff; }
  .kamba-ngaga-3-section .container {
    width: 100%;
    max-width: 11.4rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.66rem; }
  .kamba-ngaga-3-section .grid {
    display: flex;
    justify-content: space-between; }
    .kamba-ngaga-3-section .grid .title {
      width: calc(100% - 6rem); }
    .kamba-ngaga-3-section .grid .text {
      width: 5.55rem;
      letter-spacing: 0em; }
  .kamba-ngaga-3-section .slider-frame {
    position: relative; }
    .kamba-ngaga-3-section .slider-frame .splide__list {
      will-change: transform; }
    .kamba-ngaga-3-section .slider-frame .media-frame {
      aspect-ratio: 56 / 37; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .kamba-ngaga-3-section {
      padding-top: 0.8rem;
      padding-bottom: 0rem; }
      .kamba-ngaga-3-section .container {
        max-width: 3.8rem; }
      .kamba-ngaga-3-section .grid {
        display: block; }
        .kamba-ngaga-3-section .grid .title {
          width: 100%;
          margin-bottom: 0.4rem; }
        .kamba-ngaga-3-section .grid .text {
          width: 100%; } }

.kamba-ngaga-3-section.type-2 {
  padding-bottom: 0rem; }
  .kamba-ngaga-3-section.type-2 .grid .text {
    width: 7rem;
    letter-spacing: 0em; }
    .kamba-ngaga-3-section.type-2 .grid .text span {
      font-weight: 600;
      color: #00b5b8; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .kamba-ngaga-3-section.type-2 .grid .text {
      width: 100%; } }

.kamba-ngaga-4-section {
  padding-top: 1.8rem;
  padding-bottom: 1px;
  background-color: #5e423b;
  color: #ffffff;
  overflow: hidden; }
  .kamba-ngaga-4-section .container {
    max-width: 11.4rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.66rem; }
  .kamba-ngaga-4-section .grid {
    display: flex;
    justify-content: space-between; }
    .kamba-ngaga-4-section .grid .g-inner:first-child {
      width: calc(100% - 4.68rem); }
    .kamba-ngaga-4-section .grid .g-inner:last-child {
      width: 4.68rem; }
  .kamba-ngaga-4-section .media-frame {
    aspect-ratio: 504 / 155; }
    .kamba-ngaga-4-section .media-frame .media {
      top: -10%;
      height: 120%; }
  .kamba-ngaga-4-section .pattern-stripe {
    z-index: 10;
    position: absolute;
    left: 0;
    bottom: -0.15rem;
    width: 100%; }
  .kamba-ngaga-4-section .title {
    color: #ffffff; }
    .kamba-ngaga-4-section .title span {
      display: block;
      position: relative; }
    .kamba-ngaga-4-section .title span:last-child {
      left: 1.9rem; }
  .kamba-ngaga-4-section .section-title {
    font-size: 0.4rem;
    line-height: 0.96em;
    margin-bottom: 0.2rem; }
  .kamba-ngaga-4-section .text {
    letter-spacing: 0em; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .kamba-ngaga-4-section {
      padding-top: 0.8rem;
      padding-bottom: 0rem; }
      .kamba-ngaga-4-section .container {
        max-width: 3.8rem; }
      .kamba-ngaga-4-section .media-frame {
        aspect-ratio: 4 / 3; }
        .kamba-ngaga-4-section .media-frame .media {
          top: 0%;
          height: 100%; }
      .kamba-ngaga-4-section .grid {
        display: block; }
        .kamba-ngaga-4-section .grid .g-inner:first-child {
          width: 100%; }
        .kamba-ngaga-4-section .grid .g-inner:last-child {
          width: 100%; }
      .kamba-ngaga-4-section .title {
        margin-bottom: 0.3rem; }
        .kamba-ngaga-4-section .title span:last-child {
          left: auto; }
      .kamba-ngaga-4-section .section-title {
        font-size: 0.3rem; }
      .kamba-ngaga-4-section .pattern-stripe {
        bottom: -0.22rem; } }

.kamba-ngaga-5-section {
  padding-top: 1.6rem;
  padding-bottom: 1.3rem;
  color: #ffffff; }
  .kamba-ngaga-5-section .title {
    margin-bottom: -0.1rem; }
  .kamba-ngaga-5-section .container {
    width: 100%;
    max-width: 12.6rem;
    margin-left: auto;
    margin-right: 0; }
  .kamba-ngaga-5-section .grid {
    display: flex;
    justify-content: space-between; }
    .kamba-ngaga-5-section .grid .g-inner:first-child {
      width: 7.9rem; }
    .kamba-ngaga-5-section .grid .g-inner:last-child {
      width: 3.5rem; }
  .kamba-ngaga-5-section .slider-frame {
    position: relative; }
    .kamba-ngaga-5-section .slider-frame .media-frame {
      aspect-ratio: 78 / 54; }
    .kamba-ngaga-5-section .slider-frame .btn {
      cursor: pointer;
      position: absolute;
      transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      top: 50%;
      display: block;
      width: 0.27rem;
      backface-visibility: hidden;
      will-change: transform; }
      .kamba-ngaga-5-section .slider-frame .btn svg {
        display: block;
        width: 100%;
        stroke: #e4dad2; }
    .kamba-ngaga-5-section .slider-frame .btn:hover {
      transform: scale(0.8); }
    .kamba-ngaga-5-section .slider-frame .btn.prev {
      left: -0.5rem; }
      .kamba-ngaga-5-section .slider-frame .btn.prev svg {
        transform: rotate(180deg); }
    .kamba-ngaga-5-section .slider-frame .btn.next {
      right: -0.5rem; }
  .kamba-ngaga-5-section .cnt .text {
    margin-bottom: 0.28rem; }
  .kamba-ngaga-5-section .cnt .subtext {
    letter-spacing: 0em;
    margin-bottom: 0.28rem; }
  .kamba-ngaga-5-section .cnt .amenities {
    font-size: 0.14rem;
    line-height: 1.4em;
    letter-spacing: 0.1em;
    color: #ffffff;
    white-space: nowrap; }
    .kamba-ngaga-5-section .cnt .amenities span {
      display: inline-block;
      transition: color 200ms cubic-bezier(0.65, 0.05, 0.24, 1);
      font-weight: 300;
      letter-spacing: 0em;
      color: rgba(255, 255, 255, 0.35);
      margin-left: 0.1rem; }
      .kamba-ngaga-5-section .cnt .amenities span.active {
        color: #ffffff; }
    .kamba-ngaga-5-section .cnt .amenities .icons {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 0.31rem;
      row-gap: 0.1rem;
      margin-top: 0.18rem; }
      .kamba-ngaga-5-section .cnt .amenities .icons svg {
        cursor: pointer;
        transition: opacity 200ms cubic-bezier(0.65, 0.05, 0.24, 1);
        display: block;
        width: auto; }
      .kamba-ngaga-5-section .cnt .amenities .icons.active svg {
        opacity: 0.3; }
      .kamba-ngaga-5-section .cnt .amenities .icons.active .ammenities-icons.active svg {
        opacity: 1; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .kamba-ngaga-5-section {
      padding-top: 0.8rem;
      padding-bottom: 0.8rem; }
      .kamba-ngaga-5-section .container {
        max-width: none; }
      .kamba-ngaga-5-section .grid {
        display: block; }
        .kamba-ngaga-5-section .grid .g-inner:first-child {
          width: 100%;
          margin-bottom: 0.3rem; }
        .kamba-ngaga-5-section .grid .g-inner:last-child {
          width: 100%; }
      .kamba-ngaga-5-section .slider-frame .btn {
        display: none; }
      .kamba-ngaga-5-section .slider-frame .splide__track {
        overflow: visible; }
      .kamba-ngaga-5-section .title {
        margin-bottom: 0.2rem; } }

.meet-our-people {
  padding-top: 3rem;
  padding-bottom: 1.34rem;
  background-color: #ffffff;
  overflow: hidden; }
  .meet-our-people .title {
    color: #252527;
    text-align: center;
    margin-bottom: 0.5rem; }
  .meet-our-people .container {
    width: 100%;
    max-width: 9.3rem;
    margin: auto; }
  .meet-our-people .pattern-stripe-l {
    position: absolute;
    top: -1.06rem;
    left: 0; }
  .meet-our-people .grid {
    display: flex;
    align-items: center; }
    .meet-our-people .grid .g-inner:first-child {
      width: calc(100% - 4.62rem); }
    .meet-our-people .grid .g-inner:last-child {
      width: 4.62rem; }
  .meet-our-people .cnt {
    padding-right: 0.44rem; }
  .meet-our-people .name {
    font-size: 0.3rem;
    line-height: 1.34em;
    color: #252527;
    letter-spacing: 0;
    margin-bottom: 0.2rem; }
    .meet-our-people .name span {
      display: block;
      font-size: 0.14rem;
      line-height: 0.187rem;
      letter-spacing: 0.15em;
      font-weight: 600;
      text-transform: uppercase; }
  .meet-our-people .text {
    letter-spacing: 0em; }
    .meet-our-people .text a {
      text-decoration: underline; }
  .meet-our-people .media-frame {
    aspect-ratio: 23 / 18; }
    .meet-our-people .media-frame .media {
      top: -10%;
      height: 120%; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .meet-our-people {
      padding-top: 1.5rem;
      padding-bottom: 0.8rem; }
      .meet-our-people .pattern-stripe-l {
        top: -0.54rem; }
      .meet-our-people .container {
        max-width: 3.8rem; }
      .meet-our-people .grid {
        display: block; }
        .meet-our-people .grid .g-inner:first-child {
          width: 100%; }
        .meet-our-people .grid .g-inner:last-child {
          width: 100%; }
      .meet-our-people .cnt {
        padding: 0;
        margin-bottom: 0.4rem; } }

.modal-3-section-scrolling {
  display: flex;
  align-items: center;
  padding-top: 1.04rem;
  padding-bottom: 0.85rem;
  background-color: #252527;
  color: #ffffff;
  min-height: 100vh;
  overflow: hidden; }
  .modal-3-section-scrolling .grid {
    display: flex;
    justify-content: space-between; }
    .modal-3-section-scrolling .grid .g-inner:first-child {
      width: 7.88rem; }
    .modal-3-section-scrolling .grid .g-inner:last-child {
      padding-left: 0.6rem;
      width: calc(100% - 7.88rem); }
  .modal-3-section-scrolling .link-1 {
    position: absolute;
    bottom: -0.4rem;
    right: 0;
    color: #ffffff; }
  .modal-3-section-scrolling .media-frame {
    aspect-ratio: 39 / 28; }
    .modal-3-section-scrolling .media-frame:not(:first-child) {
      position: absolute;
      top: 0;
      left: 0; }
  .modal-3-section-scrolling .title {
    position: relative;
    top: -0.4rem;
    margin-bottom: 0.6rem; }
    .modal-3-section-scrolling .title span {
      display: block;
      position: relative; }
      .modal-3-section-scrolling .title span:first-child {
        left: -1.24rem; }
    .modal-3-section-scrolling .title .dim-color {
      left: 0.8rem;
      color: rgba(228, 218, 210, 0.75); }
  .modal-3-section-scrolling .line-frame {
    position: relative; }
    .modal-3-section-scrolling .line-frame::before {
      content: "";
      display: block;
      position: absolute;
      top: 0.25rem;
      left: -0.6rem;
      width: 1.45rem;
      height: 1px;
      background-color: #ffffff; }
  .modal-3-section-scrolling .cnt {
    position: relative;
    height: 3.8rem;
    max-width: 3.5rem;
    overflow: hidden;
    margin: auto; }
  .modal-3-section-scrolling .pattern-stripe {
    position: absolute;
    left: 0;
    bottom: -0.15rem;
    width: 100%; }
  .modal-3-section-scrolling .accordion .section-text {
    transform-origin: 0 50%;
    font-size: 0.4rem;
    line-height: 1em; }
  .modal-3-section-scrolling .accordion .e-inner {
    padding-top: 0.2rem;
    padding-bottom: 0.16rem; }
  .modal-3-section-scrolling .accordion .text {
    letter-spacing: 0em; }
  .modal-3-section-scrolling .accordion.hidden.inactive {
    display: none; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .modal-3-section-scrolling {
      min-height: auto;
      padding-top: 1.6rem;
      padding-bottom: 1.4rem; }
      .modal-3-section-scrolling .grid {
        display: block; }
        .modal-3-section-scrolling .grid .g-inner:first-child {
          width: calc(100% + 0.48rem);
          left: -0.24rem;
          margin-bottom: 0.3rem; }
        .modal-3-section-scrolling .grid .g-inner:last-child {
          padding: 0;
          width: 100%;
          max-width: 3.28rem;
          margin-left: auto;
          margin-right: 0; }
      .modal-3-section-scrolling .cnt {
        height: auto; }
      .modal-3-section-scrolling .accordion .section-text {
        transition: color 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
        color: #5e423b;
        font-size: 0.3rem; }
      .modal-3-section-scrolling .accordion .text-s {
        font-size: 0.16rem; }
      .modal-3-section-scrolling .accordion.is-open .section-text {
        color: #ffffff; }
      .modal-3-section-scrolling .accordion:not(:last-child) {
        padding-bottom: 0.1rem; }
      .modal-3-section-scrolling .title {
        z-index: 10;
        position: absolute;
        top: -0.9rem;
        left: 0; }
        .modal-3-section-scrolling .title span:first-child {
          left: auto; }
        .modal-3-section-scrolling .title span:last-child {
          left: 0.4rem; }
      .modal-3-section-scrolling .line-frame::before {
        top: 0.2rem;
        left: -1.6rem; }
      .modal-3-section-scrolling .link-1 {
        left: 0;
        right: auto;
        bottom: -0.9rem; }
      .modal-3-section-scrolling .pattern-stripe {
        bottom: -0.2rem; } }

.modal-3-section.mobile-section {
  display: none; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .modal-3-section.mobile-section {
      display: flex; } }

@media screen and (max-width: 768px) and (orientation: portrait) {
  .desktop-section {
    display: none; } }

.kamba-adventure-page-frame .kamba-adventure-section .media-frame::after {
  content: "";
  display: block;
  position: absolute;
  transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.35; }

.kamba-adventure-page-frame .hide-elem {
  transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
  opacity: 0; }

.kamba-adventure-page-frame.reveal-content-active .kamba-adventure-section .media-frame::after {
  opacity: 0.35; }

.kamba-adventure-page-frame.reveal-content-active .hide-elem {
  opacity: 0; }

.kamba-adventure-page-frame .kamba-adventure-section .media-frame::after {
  opacity: 0; }

.kamba-adventure-page-frame .hide-elem {
  opacity: 1; }

.kamba-adventure-intro {
  padding-top: 2.42rem;
  padding-bottom: 0.9rem;
  background-color: #252527;
  margin: -1px 0; }
  .kamba-adventure-intro .cnt {
    width: 100%;
    max-width: 5rem;
    margin: auto; }
  .kamba-adventure-intro .title {
    font-size: 0.24rem;
    line-height: 1.38em;
    color: #ffffff;
    text-align: center; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .kamba-adventure-intro {
      padding-top: 1.4rem;
      padding-bottom: 0.8rem; }
      .kamba-adventure-intro .cnt {
        max-width: 3.8rem; }
      .kamba-adventure-intro .title {
        font-size: 0.18rem; } }

.kamba-adventure-section {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  background-color: #252527;
  background-position: 50% 20%;
  margin: -1px 0; }
  .kamba-adventure-section .grid {
    display: flex; }
    .kamba-adventure-section .grid .g-inner:first-child {
      width: 8.88rem; }
    .kamba-adventure-section .grid .g-inner:last-child {
      width: calc(100% - 8.88rem); }
    .kamba-adventure-section .grid .disabled-anchor {
      pointer-events: none;
      opacity: 0.5; }
  .kamba-adventure-section .container {
    width: 100%;
    max-width: 15.12rem;
    margin: auto; }
  .kamba-adventure-section .cnt {
    padding-left: 0.87rem;
    padding-right: 0.66rem; }
  .kamba-adventure-section .title {
    color: #ffffff;
    margin-top: -0.36rem;
    margin-bottom: 0.4rem; }
    .kamba-adventure-section .title span {
      display: block;
      position: relative; }
    .kamba-adventure-section .title span:first-child {
      left: -1.2rem; }
  .kamba-adventure-section .accordion {
    position: relative;
    overflow: hidden;
    margin-bottom: 0.2rem; }
    .kamba-adventure-section .accordion .expander {
      display: block;
      position: relative; }
    .kamba-adventure-section .accordion::after {
      content: "";
      display: block;
      position: absolute;
      transition: opacity 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      inset: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(37, 37, 39, 0) 75%, #252527 100%);
      mix-blend-mode: darken; }
  .kamba-adventure-section .media-frame {
    aspect-ratio: 187 / 137;
    height: 100%; }
  .kamba-adventure-section .expand-btn {
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: #ffffff;
    margin-bottom: 1rem;
    padding-left: 0.36rem; }
    .kamba-adventure-section .expand-btn::before {
      content: "";
      display: block;
      position: absolute;
      transform: translate(0, -50%);
      transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      top: 50%;
      left: 0;
      width: 0.2rem;
      height: 0.1rem;
      background-image: url(../js/../img/svg/expander-arrow.svg);
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain; }
  .kamba-adventure-section.expander-open .accordion::after {
    opacity: 0; }
  .kamba-adventure-section.expander-open .expand-btn::before {
    transform: translate(0, -50%) rotate(180deg); }
  .kamba-adventure-section .subtext {
    color: #ffffff;
    margin-bottom: 0.2rem; }
    .kamba-adventure-section .subtext > p {
      margin-bottom: 0.2rem; }
  .kamba-adventure-section .text {
    color: #ffffff;
    letter-spacing: 0em; }
    .kamba-adventure-section .text > p {
      margin-bottom: 0.2rem; }
  .kamba-adventure-section .link {
    color: #00b5b8; }
    .kamba-adventure-section .link .comma {
      margin: 0 !important;
      left: -3px; }
    .kamba-adventure-section .link a, .kamba-adventure-section .link .comma {
      position: relative;
      display: inline-block;
      color: #ffffff;
      margin-left: 0.04rem; }
      .kamba-adventure-section .link a::before, .kamba-adventure-section .link .comma::before {
        content: "";
        display: block;
        position: absolute;
        transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
        transform-origin: 0 50%;
        transform: scaleX(0);
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0.01rem;
        background-color: #ffffff; }
    .kamba-adventure-section .link a:hover::before {
      transform: scaleX(1); }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .kamba-adventure-section {
      padding-top: 0; }
      .kamba-adventure-section .grid {
        display: block; }
        .kamba-adventure-section .grid .g-inner:first-child {
          width: 100%; }
        .kamba-adventure-section .grid .g-inner:last-child {
          width: 100%; }
      .kamba-adventure-section .accordion {
        max-height: 2.3rem; }
      .kamba-adventure-section .cnt {
        padding: 0;
        width: 100%;
        max-width: 3.8rem;
        margin: auto;
        margin-top: 0.3rem; }
      .kamba-adventure-section .title {
        margin-top: 0; }
        .kamba-adventure-section .title span:first-child {
          left: auto; }
        .kamba-adventure-section .title span:last-child {
          left: 1rem; }
      .kamba-adventure-section .expand-btn {
        margin-bottom: 0.4rem; } }

@media screen and (min-width: 768px) and (orientation: landscape) {
  .kamba-adventure-section:nth-of-type(odd) .grid {
    flex-direction: row-reverse; }
  .kamba-adventure-section:nth-of-type(odd) .cnt {
    padding-left: 0.66rem;
    padding-right: 0.87rem; }
  .kamba-adventure-section:nth-of-type(odd) .title span {
    display: block;
    position: relative; }
  .kamba-adventure-section:nth-of-type(odd) .title span:first-child {
    left: auto; }
  .kamba-adventure-section:nth-of-type(odd) .title span:last-child {
    left: 1.9rem; } }

.appending-frame .kamba-adventure-section:last-child {
  padding-bottom: 2.84rem; }

@media screen and (max-width: 768px) and (orientation: portrait) {
  .appending-frame .kamba-adventure-section:last-child {
    padding-bottom: 2.2rem; } }

.ke-card {
  display: block;
  text-align: center;
  overflow: hidden; }
  .ke-card .media-frame {
    transform: translate(0, 0%);
    transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
    aspect-ratio: 5 / 7; }
    .ke-card .media-frame::after {
      content: "";
      display: block;
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 2.74rem;
      left: 0;
      top: 0;
      background: linear-gradient(180deg, rgba(37, 37, 39, 0.5) 0%, rgba(37, 37, 39, 0) 100%); }
  .ke-card .card-text {
    font-size: 0.4rem;
    line-height: 1.05em;
    color: #ffffff; }
    .ke-card .card-text.primary {
      position: absolute;
      transform: translate(-50%, 0);
      z-index: 5;
      top: 0.9rem;
      left: 50%;
      width: 100%;
      max-width: 70%; }
  .ke-card .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
    transform: translate(0, 100%);
    gap: 0.3rem;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: #e4dad2;
    padding: 0 0.6rem; }
    .ke-card .content .card-text {
      color: #252527; }
    .ke-card .content .text {
      letter-spacing: 0em;
      color: #252527; }
    .ke-card .content .icon {
      display: block;
      width: 0.79rem;
      margin: 0 auto; }
  @media screen and (min-width: 768px) and (orientation: landscape) {
    .ke-card:hover .media-frame {
      transform: translate(0, -10%); }
    .ke-card:hover .content {
      transform: translate(0, 0); }
      .ke-card:hover .content .icon {
        animation: keCardHover 600ms ease;
        animation-iteration-count: 2;
        animation-delay: 500ms; } }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .ke-card .card-text {
      font-size: 0.34rem; }
    .ke-card .content {
      display: none; } }

@keyframes keCardHover {
  0% {
    transform: translate(0%, 0); }
  50% {
    transform: translate(10%, 0); }
  100% {
    transform: translate(0%, 0); } }

.kamba-expiriences-section {
  padding-top: 0.84rem;
  padding-bottom: 1.3rem;
  color: #ffffff;
  background-color: #5e423b; }
  .kamba-expiriences-section .title {
    margin-bottom: 0.7rem; }
    .kamba-expiriences-section .title span {
      display: block;
      position: relative; }
    .kamba-expiriences-section .title span:last-child {
      left: 1.06rem; }
  .kamba-expiriences-section .slider-frame {
    width: 100%;
    max-width: 10.74rem;
    margin-left: 1.1rem;
    margin-right: auto; }
    .kamba-expiriences-section .slider-frame .slider-btn {
      display: block;
      pointer-events: none;
      cursor: pointer;
      position: absolute;
      transition: opacity 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      transform: translate(0, -50%);
      width: 0.7rem;
      top: 50%;
      padding: 0.2rem;
      opacity: 0; }
      .kamba-expiriences-section .slider-frame .slider-btn svg {
        display: block;
        transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
        width: 100%;
        stroke: #ffffff;
        backface-visibility: hidden;
        will-change: transform; }
      .kamba-expiriences-section .slider-frame .slider-btn.prev {
        transform: translate(0, -50%) rotate(180deg);
        left: -0.5rem; }
      .kamba-expiriences-section .slider-frame .slider-btn.next {
        right: -1.6rem; }
      .kamba-expiriences-section .slider-frame .slider-btn.active {
        pointer-events: all;
        opacity: 1; }
      .kamba-expiriences-section .slider-frame .slider-btn:hover svg {
        transform: scale(0.9); }
    .kamba-expiriences-section .slider-frame .splide__track {
      overflow: visible; }
    .kamba-expiriences-section .slider-frame .splide__slide {
      pointer-events: none; }
      .kamba-expiriences-section .slider-frame .splide__slide.is-visible {
        pointer-events: auto; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .kamba-expiriences-section {
      padding-top: 0.8rem;
      padding-bottom: 0.8rem; }
      .kamba-expiriences-section .title {
        margin-bottom: 0.5rem; }
      .kamba-expiriences-section .slider-frame {
        max-width: 3.1rem;
        margin: auto;
        margin-left: 0; }
        .kamba-expiriences-section .slider-frame .slider-btn {
          display: none; }
        .kamba-expiriences-section .slider-frame .splide__slide {
          pointer-events: all; }
          .kamba-expiriences-section .slider-frame .splide__slide.is-visible {
            pointer-events: auto; } }

.button-frame {
  padding-top: 0.8rem;
  padding-bottom: 1.24rem;
  text-align: center;
  margin-top: -2.7rem; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .button-frame {
      padding-bottom: 0.8rem;
      margin-top: -2.18rem; } }

.packages-hero-section {
  display: flex;
  align-items: center;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  min-height: calc(100vh - 1.4rem);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35); }
  .packages-hero-section .media-frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%; }
    .packages-hero-section .media-frame .media {
      top: -5%;
      height: 105%; }
  .packages-hero-section .title {
    text-align: center;
    color: #ffffff; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .packages-hero-section {
      min-height: 6rem; } }

.packages-black-section-frame {
  background-color: #252527; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .packages-black-section-frame {
      background-size: 125%;
      background-repeat: repeat-y; } }

.scroll-past-top .simple-text-center-section .container {
  opacity: 1; }

.simple-text-center-section {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem; }
  .simple-text-center-section .container {
    width: 100%;
    transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
    max-width: 5.55rem;
    margin: auto;
    opacity: 0.35; }
  .simple-text-center-section .text {
    color: #ffffff;
    text-align: center; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .simple-text-center-section .container {
      max-width: 3.8rem; } }

.thumbnail-slider-section {
  padding-top: 0.8rem;
  padding-bottom: 1.7rem; }
  .thumbnail-slider-section .container {
    width: 100%;
    max-width: 11.4rem;
    margin: auto; }
  .thumbnail-slider-section .slider-head {
    display: block;
    position: relative;
    width: calc(100% + 0.3rem);
    margin-bottom: 0.5rem; }
    .thumbnail-slider-section .slider-head .head-title {
      display: block;
      font-size: 0.4rem;
      transition: color 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      line-height: 1.05em;
      letter-spacing: 0em;
      color: rgba(228, 218, 210, 0.15);
      padding-bottom: 0.1rem; }
      .thumbnail-slider-section .slider-head .head-title span {
        display: block;
        transition: color 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
        color: rgba(228, 218, 210, 0.15); }
    .thumbnail-slider-section .slider-head .splide__track .splide__slide {
      border: none; }
    .thumbnail-slider-section .slider-head .splide__track .splide__slide.is-active {
      border: none; }
      .thumbnail-slider-section .slider-head .splide__track .splide__slide.is-active .head-title {
        color: #ffffff; }
        .thumbnail-slider-section .slider-head .splide__track .splide__slide.is-active .head-title span {
          color: rgba(228, 218, 210, 0.5); }
    .thumbnail-slider-section .slider-head .splide__arrows {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%; }
    .thumbnail-slider-section .slider-head .splide__arrow {
      position: absolute;
      transform: translate(0, -50%);
      width: 0.27rem;
      height: 0.55rem;
      background-color: transparent;
      background-image: url(../js/../img/svg/arrow-2.svg);
      background-size: contain;
      opacity: 1;
      border-radius: none;
      top: 50%; }
      .thumbnail-slider-section .slider-head .splide__arrow svg {
        display: none; }
      .thumbnail-slider-section .slider-head .splide__arrow.splide__arrow--next {
        right: -0.8rem; }
      .thumbnail-slider-section .slider-head .splide__arrow.splide__arrow--prev {
        transform: rotate(180deg) translate(0, 50%);
        left: -0.8rem; }
    .thumbnail-slider-section .slider-head::after {
      content: "";
      display: block;
      position: absolute;
      transform: translate(0, -50%);
      inset: 0;
      top: 50%;
      pointer-events: none;
      z-index: 10;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, rgba(2, 0, 36, 0) 0%, rgba(9, 9, 121, 0) 95%, rgba(255, 255, 255, 0.5) 100%);
      mix-blend-mode: multiply; }
  .thumbnail-slider-section .main-slider-frame .splide__slide .cnt {
    transition: opacity 200ms ease;
    pointer-events: none;
    opacity: 0; }
    .thumbnail-slider-section .main-slider-frame .splide__slide .cnt .link-1 {
      pointer-events: all; }
  .thumbnail-slider-section .main-slider-frame .splide__slide.is-active .cnt {
    transition: opacity 1400ms ease;
    pointer-events: all;
    opacity: 1; }
  .thumbnail-slider-section .main-slider-frame .mobile-title {
    display: none; }
  .thumbnail-slider-section .grid {
    display: flex; }
    .thumbnail-slider-section .grid .g-inner:first-child {
      width: calc(100% - 7.9rem); }
    .thumbnail-slider-section .grid .g-inner:last-child {
      width: 7.9rem; }
  .thumbnail-slider-section .cnt {
    padding-right: 0.4rem; }
    .thumbnail-slider-section .cnt .text {
      color: #ffffff;
      margin-bottom: 0.3rem; }
    .thumbnail-slider-section .cnt .listing {
      color: #ffffff;
      margin-bottom: 1.2rem; }
      .thumbnail-slider-section .cnt .listing .li {
        display: flex;
        align-items: flex-start;
        justify-content: space-between; }
        .thumbnail-slider-section .cnt .listing .li div:first-child {
          top: 0.04rem; }
        .thumbnail-slider-section .cnt .listing .li div:last-child {
          width: 2.1rem; }
        .thumbnail-slider-section .cnt .listing .li .text-s {
          letter-spacing: 0em; }
    .thumbnail-slider-section .cnt .link-1 {
      color: #ffffff; }
  .thumbnail-slider-section .big-media-frame-slider {
    margin-bottom: 0.08rem; }
    .thumbnail-slider-section .big-media-frame-slider .media-frame {
      aspect-ratio: 3 / 2; }
  .thumbnail-slider-section .thumbs-frame-slider .media-frame {
    aspect-ratio: 25 / 18; }
  .thumbnail-slider-section .thumbs-frame-slider .splide__track .splide__slide {
    transition: opacity 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
    border: none;
    opacity: 0.6; }
  .thumbnail-slider-section .thumbs-frame-slider .splide__track .splide__slide.is-active {
    border: none;
    opacity: 1; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .thumbnail-slider-section {
      padding-top: 0;
      padding-bottom: 0.6rem; }
      .thumbnail-slider-section .container {
        max-width: 3.8rem; }
      .thumbnail-slider-section .slider-head {
        width: 100%;
        margin-bottom: 0.2rem; }
        .thumbnail-slider-section .slider-head .head-title {
          font-size: 0.34rem; }
          .thumbnail-slider-section .slider-head .head-title.active {
            color: #ffffff; }
      .thumbnail-slider-section .main-slider-frame .splide__slide .cnt {
        opacity: 1; }
      .thumbnail-slider-section .main-slider-frame .splide__track {
        overflow: visible; }
      .thumbnail-slider-section .main-slider-frame .main-slide {
        margin-bottom: 0.6rem; }
      .thumbnail-slider-section .main-slider-frame .mobile-title {
        display: block;
        font-size: 0.4rem;
        transition: color 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
        line-height: 1.05em;
        letter-spacing: 0em;
        color: #ffffff;
        padding-bottom: 0.3rem; }
        .thumbnail-slider-section .main-slider-frame .mobile-title span {
          display: block;
          transition: color 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
          color: rgba(228, 218, 210, 0.5); }
      .thumbnail-slider-section .big-media-frame-slider .splide.is-initialized .splide__list {
        display: flex; }
      .thumbnail-slider-section .big-media-frame-slider .media-frame {
        aspect-ratio: 40 / 42; }
      .thumbnail-slider-section .big-media-frame-slider .splide__arrows .splide__arrow {
        border-radius: 0;
        background-color: transparent;
        width: 0.27rem;
        height: 0.55rem;
        background-image: url(../js/../img/svg/arrow-2.svg);
        background-size: contain;
        opacity: 1;
        background-position: 50%;
        background-repeat: no-repeat; }
        .thumbnail-slider-section .big-media-frame-slider .splide__arrows .splide__arrow svg {
          opacity: 0;
          pointer-events: none; }
      .thumbnail-slider-section .big-media-frame-slider .splide__arrows .splide__arrow--prev {
        display: none; }
      .thumbnail-slider-section .grid {
        flex-wrap: wrap;
        flex-direction: column-reverse; }
        .thumbnail-slider-section .grid .g-inner:first-child {
          width: 100%; }
        .thumbnail-slider-section .grid .g-inner:last-child {
          width: calc(100% + 0.24rem);
          margin-bottom: 0.3rem; }
      .thumbnail-slider-section .cnt {
        padding: 0; }
        .thumbnail-slider-section .cnt .text {
          margin-bottom: 0.26rem; }
        .thumbnail-slider-section .cnt .text-s {
          font-size: 16px; }
        .thumbnail-slider-section .cnt .listing {
          width: 90%;
          margin-bottom: 0.5rem; }
          .thumbnail-slider-section .cnt .listing .li {
            justify-content: flex-start; }
            .thumbnail-slider-section .cnt .listing .li div:first-child {
              width: 1rem; }
            .thumbnail-slider-section .cnt .listing .li div:last-child {
              width: calc(100% - 1rem); }
      .thumbnail-slider-section .slider-head {
        display: none; }
      .thumbnail-slider-section .thumbs-frame-slider {
        display: none; } }

.expirience-detail-section {
  padding-top: 0.86rem;
  padding-bottom: 1.2rem;
  background-color: #252527;
  color: #ffffff; }
  .expirience-detail-section .container {
    width: 100%;
    max-width: 11.4rem;
    margin: auto; }
  .expirience-detail-section .grid {
    display: flex;
    justify-content: space-between; }
    .expirience-detail-section .grid .g-inner:first-child {
      width: 4.38rem; }
    .expirience-detail-section .grid .g-inner:last-child {
      width: 5.55rem; }
  .expirience-detail-section .text-primary {
    margin-bottom: 0.6rem; }
  .expirience-detail-section .text-s {
    letter-spacing: 0em; }
    .expirience-detail-section .text-s a {
      display: inline-block;
      text-decoration: underline;
      color: inherit;
      font-weight: 600; }
  .expirience-detail-section .text-margin {
    max-width: 4.38rem;
    margin: 0.77rem 0 0.26rem; }
  .expirience-detail-section .link {
    color: #00b5b8;
    margin-bottom: 0.66rem;
    letter-spacing: 0.1em; }
    .expirience-detail-section .link a {
      color: #ffffff;
      text-decoration: underline; }
    .expirience-detail-section .link span {
      color: #ffffff; }
  .expirience-detail-section .media-frame.first {
    aspect-ratio: 19 / 26;
    width: 3.8rem;
    margin-top: 0.6rem; }
  .expirience-detail-section .media-frame.second {
    aspect-ratio: 55 / 36;
    width: 100%; }
  .expirience-detail-section .media-frame.third {
    aspect-ratio: 55 / 36;
    width: 4.38rem; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .expirience-detail-section {
      padding-top: 0.8rem;
      padding-bottom: 0.8rem; }
      .expirience-detail-section .container {
        max-width: 3.8rem; }
      .expirience-detail-section .grid {
        display: block; }
        .expirience-detail-section .grid .g-inner:first-child {
          position: relative;
          width: 100%;
          padding-bottom: 3.5rem; }
        .expirience-detail-section .grid .g-inner:last-child {
          position: relative;
          width: 100%;
          padding-top: 0.1rem; }
      .expirience-detail-section .media-frame.second {
        aspect-ratio: 4 / 3;
        position: absolute;
        width: calc(100% + 0.48rem);
        top: -3rem;
        left: -0.24rem;
        margin: 0; }
      .expirience-detail-section .media-frame.first {
        z-index: 10;
        aspect-ratio: 13 / 9;
        position: absolute;
        width: 2.64rem;
        left: 1.2rem;
        bottom: -1.2rem;
        margin: 0;
        display: none; }
      .expirience-detail-section .media-frame.third {
        width: 100%;
        aspect-ratio: 4 / 3; } }

.our-story-page-frame .our-story-content-section .media-frame::after {
  content: "";
  display: block;
  position: absolute;
  transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.35; }

.our-story-page-frame .hide-elem {
  transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
  opacity: 0; }

.our-story-page-frame.reveal-content-active .our-story-content-section .media-frame::after {
  opacity: 0.35; }

.our-story-page-frame.reveal-content-active .hide-elem {
  opacity: 0; }

.our-story-page-frame .our-story-content-section .media-frame::after {
  opacity: 0; }

.our-story-page-frame .hide-elem {
  opacity: 1; }

.our-story-content-section {
  padding-top: 2.2rem;
  padding-bottom: 2.4rem;
  background-color: #252527;
  background-size: 110%;
  background-position: 50% 0;
  background-image: url(../js/../img/jpg/texture-retuched.jpg); }
  .our-story-content-section .container {
    width: 100%;
    max-width: 11.4rem;
    margin: auto; }
  .our-story-content-section .cnt {
    width: 100%;
    max-width: 4.34rem; }
    .our-story-content-section .cnt .primary {
      color: #ffffff;
      margin-bottom: 0.2rem; }
    .our-story-content-section .cnt .text {
      color: #ffffff;
      letter-spacing: 0em; }
      .our-story-content-section .cnt .text span {
        display: inline;
        font-weight: 600;
        color: #00b5b8; }
  .our-story-content-section .media-frame.first {
    z-index: 5;
    width: 5.55rem;
    left: 1rem;
    aspect-ratio: 55 / 36;
    margin: 0.56rem 0 0.64rem; }
  .our-story-content-section .fly-media.second {
    aspect-ratio: 35 / 24;
    position: absolute;
    width: 7rem;
    top: 2.2rem;
    left: calc(50% - 0.2rem); }
  .our-story-content-section .fly-media.third {
    aspect-ratio: 38 / 52;
    position: absolute;
    width: 3.8rem;
    top: calc(50% + 1.4rem);
    left: calc(50% + 2.4rem); }
  .our-story-content-section .fly-media.forth {
    aspect-ratio: 1 / 1;
    position: absolute;
    width: 2.1rem;
    top: calc(50% + 3rem);
    left: calc(50% - 0.6rem); }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .our-story-content-section {
      padding-top: 1.6rem;
      padding-bottom: 1.2rem; }
      .our-story-content-section .container {
        max-width: 3.8rem; }
      .our-story-content-section .cnt {
        max-width: none;
        margin-bottom: 0.5rem; }
      .our-story-content-section .media-frame.first {
        width: 100%;
        left: auto; }
      .our-story-content-section .fly-media.second {
        position: relative;
        width: 100%;
        top: auto;
        left: 0; }
      .our-story-content-section .fly-media.third {
        display: none; }
      .our-story-content-section .fly-media.forth {
        display: none; } }

.how-we-different-section {
  padding-top: 1.4rem;
  padding-bottom: 2rem;
  background-color: #252527; }
  .how-we-different-section .title {
    color: #ffffff;
    text-align: center;
    margin-bottom: 0.64rem; }
  .how-we-different-section .container {
    width: 100%;
    max-width: 11rem;
    margin: auto; }
  .how-we-different-section .grid {
    display: flex;
    justify-content: space-between; }
    .how-we-different-section .grid .g-inner {
      width: 1.64rem; }
  .how-we-different-section .text-primary {
    color: #00b5b8;
    margin-bottom: 0.22rem;
    letter-spacing: 0.15em; }
  .how-we-different-section .text {
    color: #ffffff;
    letter-spacing: 0em; }
  .how-we-different-section .slider-frame {
    display: none; }
    .how-we-different-section .slider-frame .splide__track {
      overflow: visible; }
    .how-we-different-section .slider-frame .splide__slide {
      transition: opacity 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      opacity: 0.5; }
    .how-we-different-section .slider-frame .splide__slide.is-active {
      opacity: 1; }
    .how-we-different-section .slider-frame .splide__arrows .splide__arrow--prev {
      display: none; }
    .how-we-different-section .slider-frame .splide__arrows .splide__arrow--next {
      right: -1.3rem;
      border-radius: 0;
      background-color: initial;
      width: 0.27rem;
      height: 0.55rem;
      background-image: url(../js/../img/svg/arrow-2.svg);
      background-position: 50%;
      background-size: contain;
      background-repeat: no-repeat;
      opacity: 1; }
      .how-we-different-section .slider-frame .splide__arrows .splide__arrow--next svg {
        pointer-events: none;
        opacity: 0; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .how-we-different-section {
      padding-top: 0rem;
      padding-bottom: 0.8rem; }
      .how-we-different-section .title {
        text-align: left;
        margin-bottom: 0.36rem; }
      .how-we-different-section .container {
        max-width: 3.8rem; }
      .how-we-different-section .grid {
        display: none; }
        .how-we-different-section .grid .g-inner {
          width: 100%; }
          .how-we-different-section .grid .g-inner:not(:last-child) {
            margin-bottom: 0.4rem; }
      .how-we-different-section .slider-frame {
        display: block;
        max-width: 2.4rem; }
      .how-we-different-section .text-primary {
        margin-bottom: 0.1rem; } }

.kare-section {
  padding-top: 2rem;
  background-color: #5e423b;
  color: #ffffff; }
  .kare-section .container {
    width: 100%;
    max-width: 11.8rem;
    margin: auto;
    margin-bottom: 0.75rem; }
  .kare-section .c-inner {
    display: flex;
    justify-content: space-between; }
    .kare-section .c-inner .text-main {
      position: relative;
      top: 0.5rem;
      width: 2rem; }
  .kare-section .grid {
    display: flex;
    justify-content: space-between;
    width: 9.05rem; }
    .kare-section .grid .g-inner {
      width: 2.04rem; }
  .kare-section .media-frame {
    aspect-ratio: 3 / 1; }
    .kare-section .media-frame .media {
      top: -5%;
      height: 110%; }
  .kare-section .letter {
    font-size: 2rem;
    line-height: 1em;
    color: rgba(228, 218, 210, 0.25); }
  .kare-section .text-primary {
    color: #00b5b8;
    margin: 0.1rem 0 0.2rem;
    letter-spacing: 0.15em; }
  .kare-section .text {
    color: #ffffff;
    letter-spacing: 0em; }
  .kare-section .text-main[data-css-reveal] {
    opacity: 0; }
    .kare-section .text-main[data-css-reveal].animated {
      transition: opacity 1000ms cubic-bezier(0.65, 0.05, 0.24, 1);
      opacity: 1; }
  .kare-section .letter[data-css-reveal] {
    opacity: 0; }
    .kare-section .letter[data-css-reveal].animated {
      transition: opacity 1000ms cubic-bezier(0.65, 0.05, 0.24, 1);
      opacity: 1; }
  .kare-section .mobile-kare-title {
    display: none;
    font-size: 1.24rem;
    line-height: 1em;
    color: #ffffff;
    opacity: 0.25;
    margin-bottom: 0.2rem; }
  .kare-section .slider-frame {
    display: none; }
    .kare-section .slider-frame .splide__track {
      overflow: visible; }
    .kare-section .slider-frame .splide__slide {
      transition: opacity 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      opacity: 0.5; }
    .kare-section .slider-frame .splide__slide.is-active {
      opacity: 1; }
    .kare-section .slider-frame .splide__arrows .splide__arrow--prev {
      display: none; }
    .kare-section .slider-frame .splide__arrows .splide__arrow--next {
      right: -1.4rem;
      border-radius: 0;
      background-color: initial;
      width: 0.27rem;
      height: 0.55rem;
      background-image: url(../js/../img/svg/arrow-2.svg);
      background-position: 50%;
      background-size: contain;
      background-repeat: no-repeat;
      opacity: 1; }
      .kare-section .slider-frame .splide__arrows .splide__arrow--next svg {
        pointer-events: none;
        opacity: 0; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .kare-section {
      padding-top: 0.8rem;
      padding-bottom: 0rem;
      background-size: 125%;
      background-repeat: repeat-y;
      background-position: 0% 100%; }
      .kare-section .container {
        max-width: 3.8rem; }
      .kare-section .c-inner {
        display: block; }
        .kare-section .c-inner .text-main {
          font-size: 20px;
          top: auto;
          width: 90%;
          margin-bottom: 0.3rem; }
      .kare-section .grid {
        display: none;
        width: 100%; }
        .kare-section .grid .g-inner {
          width: 100%; }
          .kare-section .grid .g-inner:not(:last-child) {
            margin-bottom: 0.3rem; }
      .kare-section .mobile-kare-title {
        display: block; }
      .kare-section .slider-frame {
        display: block;
        max-width: 2.3rem; }
      .kare-section .media-frame {
        aspect-ratio: 4 / 3; }
      .kare-section .text {
        font-size: 16px; }
      .kare-section .letter {
        font-size: 1rem; } }

.out-story-section {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  background-color: #252527;
  color: #ffffff; }
  .out-story-section .container {
    width: 100%;
    max-width: 10.2rem;
    margin: auto; }
  .out-story-section .grid {
    display: flex; }
    .out-story-section .grid .g-inner:first-child {
      width: calc(100% - 5.55rem); }
    .out-story-section .grid .g-inner:last-child {
      width: 5.55rem; }
  .out-story-section .media-holder {
    position: relative;
    width: 2.54rem;
    left: 1.1rem; }
    .out-story-section .media-holder .media-frame {
      aspect-ratio: 25 / 37;
      margin-bottom: 0.06rem; }
  .out-story-section .title {
    margin-bottom: 0.6rem; }
  .out-story-section .text-primary {
    margin-bottom: 0.26rem; }
  .out-story-section .text {
    letter-spacing: 0; }
  .out-story-section .accordion {
    position: relative;
    overflow: hidden;
    margin-bottom: 0.2rem; }
    .out-story-section .accordion .expander {
      display: block;
      position: relative; }
      .out-story-section .accordion .expander .e-inner {
        padding-top: 0.2rem; }
    .out-story-section .accordion::after {
      content: "";
      display: block;
      position: absolute;
      transition: opacity 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      inset: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(37, 37, 39, 0) 75%, #252527 100%);
      mix-blend-mode: darken; }
  .out-story-section .expand-btn {
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: #ffffff;
    padding-left: 0.36rem; }
    .out-story-section .expand-btn::before {
      content: "";
      display: block;
      position: absolute;
      transform: translate(0, -50%);
      transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      top: 50%;
      left: 0;
      width: 0.2rem;
      height: 0.1rem;
      background-image: url(../js/../img/svg/expander-arrow.svg);
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain; }
  .out-story-section.expander-open .accordion::after {
    opacity: 0; }
  .out-story-section.expander-open .expand-btn::before {
    transform: translate(0, -50%) rotate(180deg); }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .out-story-section {
      padding-top: 0.8rem;
      padding-bottom: 0.8rem; }
      .out-story-section .container {
        max-width: 3.8rem; }
      .out-story-section .grid {
        display: block; }
        .out-story-section .grid .g-inner:first-child {
          width: 100%;
          margin-bottom: 0.4rem; }
        .out-story-section .grid .g-inner:last-child {
          width: 100%; }
      .out-story-section .media-holder {
        position: relative;
        width: 2.54rem;
        left: auto;
        margin: auto;
        text-align: center; }
        .out-story-section .media-holder .media-frame {
          aspect-ratio: 25 / 37;
          margin-bottom: 0.06rem; }
      .out-story-section .title {
        text-align: center; } }

.impact-projects-section {
  padding-top: 3.2rem;
  padding-bottom: 1.2rem;
  background-color: #ffffff;
  color: #000000;
  overflow: hidden; }
  .impact-projects-section .pattern-stripe-l {
    position: absolute;
    top: -1.12rem;
    left: 0; }
  .impact-projects-section .text-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem; }
    .impact-projects-section .text-grid .g-inner:first-child {
      width: calc(100% - 6.72rem); }
    .impact-projects-section .text-grid .g-inner:last-child {
      width: 6.72rem; }
  .impact-projects-section .title {
    position: relative;
    left: 1rem;
    color: #000000; }
    .impact-projects-section .title span {
      display: block;
      position: relative; }
    .impact-projects-section .title span:last-child {
      left: 1.74rem; }
  .impact-projects-section .text {
    color: #000000; }
    .impact-projects-section .text span {
      font-weight: 600;
      color: #00b5b8; }
  .impact-projects-section .slider-grid {
    display: flex;
    justify-content: space-between; }
    .impact-projects-section .slider-grid .sg-inner:first-child {
      width: 7.9rem; }
    .impact-projects-section .slider-grid .sg-inner:last-child {
      width: calc(100% - 7.9rem); }
  .impact-projects-section .media-frame {
    aspect-ratio: 79 / 57; }
  .impact-projects-section .cnt {
    position: relative;
    padding-left: 1.2rem;
    padding-top: 0.6rem; }
    .impact-projects-section .cnt .btn {
      cursor: pointer;
      display: block;
      position: absolute;
      z-index: 10;
      width: 0.27rem;
      top: 0.7rem;
      right: 0.1rem; }
      .impact-projects-section .cnt .btn svg {
        display: block;
        transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
        width: 100%;
        stroke: #252527; }
      .impact-projects-section .cnt .btn:hover svg {
        transform: scale(0.9); }
    .impact-projects-section .cnt .slide-numbers {
      font-size: 0.4rem;
      line-height: 1em; }
      .impact-projects-section .cnt .slide-numbers i {
        position: relative;
        display: inline-block;
        transform: rotate(45deg);
        top: 0.06rem;
        width: 1px;
        height: 0.4rem;
        background-color: #000000;
        margin: 0 0.06rem; }
      .impact-projects-section .cnt .slide-numbers span {
        display: inline-block;
        margin-right: .1rem; }
        .impact-projects-section .cnt .slide-numbers span:first-child {
          min-width: 0.22rem; }
    .impact-projects-section .cnt .slide-title {
      font-size: 0.4rem;
      line-height: 1em;
      margin-bottom: 0.32rem; }
    .impact-projects-section .cnt .slide-text {
      letter-spacing: 0em; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .impact-projects-section {
      padding-top: 1.7rem;
      padding-bottom: 0.8rem; }
      .impact-projects-section .pattern-stripe-l {
        top: -0.54rem; }
      .impact-projects-section .title {
        left: auto;
        margin-bottom: 0.3rem; }
        .impact-projects-section .title span {
          display: inline; }
        .impact-projects-section .title span:last-child {
          left: auto; }
      .impact-projects-section .text-grid {
        display: block; }
        .impact-projects-section .text-grid .g-inner:first-child {
          width: 100%; }
        .impact-projects-section .text-grid .g-inner:last-child {
          width: 100%; }
      .impact-projects-section .slider-grid {
        display: block; }
        .impact-projects-section .slider-grid .sg-inner:first-child {
          width: 100%;
          margin-bottom: 0.4rem; }
        .impact-projects-section .slider-grid .sg-inner:last-child {
          width: 100%; }
      .impact-projects-section .cnt {
        padding-top: 0;
        padding-left: 0; }
        .impact-projects-section .cnt .slide-title {
          max-width: 90%; }
        .impact-projects-section .cnt .btn {
          top: 0.2rem; } }

.journey-detail-section {
  padding-top: 0;
  padding-bottom: 0;
  background-color: #252527;
  color: #ffffff; }
  .journey-detail-section .container {
    width: 100%;
    max-width: 14.64rem;
    margin: auto; }
  .journey-detail-section .grid {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .journey-detail-section .grid .g-inner:first-child {
      width: calc(100% - 8.58rem); }
    .journey-detail-section .grid .g-inner:last-child {
      width: 8.58rem; }
  .journey-detail-section .cnt {
    max-width: 4.4rem;
    margin-left: auto;
    margin-right: 0; }
    .journey-detail-section .cnt .text-primary {
      margin-bottom: 0.2rem; }
    .journey-detail-section .cnt .text {
      line-height: 1.38em; }
    .journey-detail-section .cnt .list {
      margin: 0.2rem 0; }
      .journey-detail-section .cnt .list li {
        display: flex;
        align-items: center; }
        .journey-detail-section .cnt .list li .lh {
          width: 1.16rem;
          letter-spacing: 0.1em; }
        .journey-detail-section .cnt .list li .ld {
          letter-spacing: 0; }
        .journey-detail-section .cnt .list li:not(:last-child) {
          margin-bottom: 0.02rem; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .journey-detail-section {
      padding-bottom: 0.8rem; }
      .journey-detail-section .container {
        max-width: 3.8rem; }
      .journey-detail-section .grid {
        flex-wrap: wrap;
        flex-direction: column-reverse; }
        .journey-detail-section .grid .g-inner:first-child {
          width: 100%; }
        .journey-detail-section .grid .g-inner:last-child {
          width: 100%;
          margin-bottom: 0.3rem; }
      .journey-detail-section .media-frame.primary {
        width: calc(100% + 0.48rem);
        left: -0.24rem; } }

.journey-slider-section {
  padding-top: 1.2rem;
  padding-bottom: 2rem;
  background-color: #252527;
  color: #ffffff; }
  .journey-slider-section .section-site-wrap {
    width: 100%;
    max-width: 16rem;
    margin: auto;
    overflow: hidden; }
  .journey-slider-section .container {
    width: 100%;
    max-width: 12.52rem;
    margin: auto; }
  .journey-slider-section .title {
    margin-bottom: 0.4rem; }
    .journey-slider-section .title span {
      display: block;
      position: relative; }
      .journey-slider-section .title span:first-child {
        left: -0.7rem; }
      .journey-slider-section .title span:last-child {
        left: 0.9rem; }
  .journey-slider-section .slider-frame {
    position: relative;
    width: 100%;
    max-width: 12rem;
    margin-right: 0;
    margin-left: auto; }
    .journey-slider-section .slider-frame .link-1 {
      position: absolute;
      left: calc(50% + 2.26rem);
      bottom: 0;
      color: #ffffff; }
    .journey-slider-section .slider-frame .btn {
      cursor: pointer;
      display: block;
      position: absolute;
      width: 0.27rem;
      top: 0.52rem;
      right: 0; }
      .journey-slider-section .slider-frame .btn svg {
        display: block;
        transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
        width: 100%;
        stroke: #ffffff; }
      .journey-slider-section .slider-frame .btn:hover svg {
        transform: scale(0.9); }
    .journey-slider-section .slider-frame .btn.prev {
      transform: rotate(180deg);
      right: auto;
      left: -0.7rem; }
    .journey-slider-section .slider-frame .splide__track {
      overflow: visible; }
    .journey-slider-section .slider-frame .splide__slide .slide {
      transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1), opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
      transform: scale(0.9);
      opacity: 0; }
    .journey-slider-section .slider-frame .splide__slide .cnt > * {
      transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1), opacity 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
      transform: translate(0.6rem, 0);
      opacity: 0; }
    .journey-slider-section .slider-frame .splide__slide.is-active:not(.is-prev):not(.is-next) .slide {
      transform: scale(1);
      opacity: 1; }
    .journey-slider-section .slider-frame .splide__slide.is-active:not(.is-prev):not(.is-next) .cnt > * {
      transition: transform 800ms cubic-bezier(0.65, 0.05, 0.24, 1), opacity 800ms cubic-bezier(0.65, 0.05, 0.24, 1);
      transform: translate(0, 0);
      opacity: 1; }
  .journey-slider-section .slide {
    display: flex;
    /* align-items: flex-end; */
    justify-content: space-between;
    padding-right: 0.6rem; }
    .journey-slider-section .slide .media-frame {
      aspect-ratio: 35 / 24;
      width: 7rem; }
    .journey-slider-section .slide .cnt {
      position: relative;
      width: 3.16rem;
      top: 0.6rem; }
      .journey-slider-section .slide .cnt::before {
        content: "";
        display: block;
        position: absolute;
        top: 0.2rem;
        left: -1.6rem;
        width: 1.26rem;
        height: 1px;
        background-color: #ffffff; }
    .journey-slider-section .slide .slide-title {
      font-size: 0.4rem;
      line-height: 0.9em;
      letter-spacing: -0.01em; }
    .journey-slider-section .slide .text {
      letter-spacing: 0em;
      margin: 0.16rem 0 0.8rem; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .journey-slider-section {
      padding-top: 0rem;
      padding-bottom: 0.8rem; }
      .journey-slider-section .container {
        max-width: 3.8rem; }
      .journey-slider-section .title span:first-child {
        left: auto; }
      .journey-slider-section .slider-frame {
        max-width: none; }
        .journey-slider-section .slider-frame .btn {
          top: -1.1rem; }
        .journey-slider-section .slider-frame .btn.prev {
          display: none; }
        .journey-slider-section .slider-frame .link-1 {
          position: relative;
          left: auto;
          bottom: auto; }
        .journey-slider-section .slider-frame .splide {
          margin-bottom: 0.3rem; }
      .journey-slider-section .slide {
        display: block;
        padding: 0; }
        .journey-slider-section .slide .media-frame {
          width: 100%;
          margin-bottom: 0.4rem; }
        .journey-slider-section .slide .cnt {
          top: 0;
          width: auto; }
          .journey-slider-section .slide .cnt::before {
            display: none; }
        .journey-slider-section .slide .text {
          margin: 0.16rem 0 0.4rem; } }

.discover-journeys-section {
  padding-top: 3rem;
  padding-bottom: 0;
  overflow: hidden;
  background-color: #ffffff;
  color: #252527; }
  .discover-journeys-section .pattern-stripe-l {
    position: absolute;
    top: -1.08rem;
    left: 0; }
  .discover-journeys-section .title {
    text-align: center;
    margin-bottom: 0.62rem; }
  .discover-journeys-section .grid {
    display: flex; }
    .discover-journeys-section .grid .g-inner {
      width: calc(100% / 3); }
  .discover-journeys-section .dj-card {
    cursor: pointer;
    display: flex;
    align-items: center;
    min-height: 6.2rem;
    aspect-ratio: 50 / 61;
    color: #ffffff; }
    .discover-journeys-section .dj-card:hover .media-frame .media {
      transform: scale(1.1); }
    .discover-journeys-section .dj-card:hover .media-frame::after {
      opacity: 0; }
    .discover-journeys-section .dj-card:hover .cnt {
      transform: translate(0, -0.3rem); }
    .discover-journeys-section .dj-card:hover .icon {
      transform: translate(0, 0);
      opacity: 1; }
    .discover-journeys-section .dj-card .media-frame {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%; }
      .discover-journeys-section .dj-card .media-frame .media {
        transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1); }
      .discover-journeys-section .dj-card .media-frame::after {
        content: "";
        display: block;
        position: absolute;
        transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
        inset: 0;
        width: 100%;
        height: 100%;
        background-color: #000000;
        opacity: 0.35; }
    .discover-journeys-section .dj-card .tag {
      margin-bottom: 0.36rem; }
    .discover-journeys-section .dj-card .cnt {
      z-index: 10;
      position: relative;
      transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
      text-align: center;
      width: 2.4rem;
      margin: auto; }
    .discover-journeys-section .dj-card .soon {
      margin-top: -0.08rem;
      letter-spacing: -0.01em; }
    .discover-journeys-section .dj-card .dj-title {
      font-size: 0.4rem;
      line-height: 0.9em;
      letter-spacing: -0.0em;
      margin-bottom: 0.1rem; }
    .discover-journeys-section .dj-card .icon {
      pointer-events: none;
      display: block;
      transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1), opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
      transform: translate(0, -0.2rem);
      opacity: 0;
      width: 0.79rem;
      margin: 0 auto; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .discover-journeys-section {
      padding-top: 1.6rem; }
      .discover-journeys-section .pattern-stripe-l {
        height: 2rem;
        background-size: 0.5rem;
        top: -0.8rem; }
      .discover-journeys-section .grid {
        display: block; }
        .discover-journeys-section .grid .g-inner {
          width: 100%; }
      .discover-journeys-section .dj-card {
        height: auto;
        min-height: auto; } }

.partners-hero-section {
  padding-top: 2.2rem;
  padding-bottom: 0;
  text-align: center;
  background-color: #252527;
  color: #ffffff; }
  .partners-hero-section .title {
    margin-bottom: 0.4rem; }
  .partners-hero-section .text {
    width: 100%;
    max-width: 5.6rem;
    margin: auto;
    letter-spacing: 0em;
    margin-bottom: 0.6rem; }
  .partners-hero-section .grid {
    display: flex;
    justify-content: space-between;
    margin: auto; }
    .partners-hero-section .grid .g-inner {
      width: calc(100% / 3 - 0.04rem); }
  .partners-hero-section .ph-card {
    cursor: pointer;
    display: flex;
    align-items: center;
    aspect-ratio: 50 / 61;
    overflow: hidden; }
    .partners-hero-section .ph-card .media-frame {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%; }
      .partners-hero-section .ph-card .media-frame .bg {
        display: block;
        position: absolute;
        transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
        opacity: 0;
        inset: 0;
        width: 100%;
        height: 100%;
        background-color: #5e423b; }
    .partners-hero-section .ph-card .cnt {
      position: relative;
      transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
      transform: translate(0, 0.82rem);
      z-index: 10;
      width: 3.6rem;
      margin: auto; }
    .partners-hero-section .ph-card .form {
      display: block;
      transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1), opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
      transform: scale(0.9);
      opacity: 0;
      pointer-events: none;
      margin-top: 0.5rem; }
      .partners-hero-section .ph-card .form input {
        display: block;
        width: 2.8rem;
        background-color: transparent;
        border: 1px solid #ffffff;
        color: #ffffff;
        letter-spacing: 0.02em;
        text-align: center;
        margin: auto;
        padding: 0.14rem 0.2rem;
        margin-bottom: 0.4rem; }
      .partners-hero-section .ph-card .form .btn {
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 0.06rem;
        background-color: transparent;
        color: #ffffff;
        letter-spacing: 0.05em;
        border: none;
        white-space: nowrap;
        width: min-width;
        margin: auto; }
        .partners-hero-section .ph-card .form .btn svg {
          transition: transform 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
          display: block;
          width: 0.74rem; }
        .partners-hero-section .ph-card .form .btn:hover svg {
          transform: translate(0.06rem, 0); }
    .partners-hero-section .ph-card .problem {
      position: absolute;
      transform: translate(-50%, 0%);
      transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.24, 1);
      opacity: 0;
      pointer-events: none;
      bottom: 0.4rem;
      left: 50%;
      color: #ffffff;
      letter-spacing: 0.02em; }
      .partners-hero-section .ph-card .problem a {
        display: block;
        position: relative;
        font-weight: 600;
        color: #00b5b8;
        width: -moz-min-content;
        width: min-content;
        white-space: nowrap;
        margin: auto; }
      .partners-hero-section .ph-card .problem a::before {
        content: "";
        display: block;
        position: absolute;
        transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
        transform: scaleX(0);
        transform-origin: 0 50%;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #00b5b8; }
      .partners-hero-section .ph-card .problem a:hover::before {
        transform: scaleX(1); }
    .partners-hero-section .ph-card .ph-title {
      font-size: 0.4rem;
      line-height: 1.4em; }
    .partners-hero-section .ph-card .ph-text {
      letter-spacing: 0.15em; }
    .partners-hero-section .ph-card .try-again {
      letter-spacing: 0em; }
      .partners-hero-section .ph-card .try-again .try-again-trigger, .partners-hero-section .ph-card .try-again a {
        position: relative;
        display: inline-block;
        font-weight: 600; }
        .partners-hero-section .ph-card .try-again .try-again-trigger::before, .partners-hero-section .ph-card .try-again a::before {
          content: "";
          display: block;
          position: absolute;
          transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
          transform: scaleX(0);
          transform-origin: 0 50%;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 1px;
          background-color: #00b5b8; }
    .partners-hero-section .ph-card .try-again .try-again-trigger:hover::before, .partners-hero-section .ph-card .try-again a:hover::before {
      transform: scaleX(1); }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .partners-hero-section {
      background-size: 127%;
      background-position: 50% 22%;
      background-repeat: repeat-y; }
      .partners-hero-section .grid {
        display: block; }
        .partners-hero-section .grid .g-inner {
          width: 100%; }
          .partners-hero-section .grid .g-inner:not(:last-child) {
            margin-bottom: 0.1rem; }
      .partners-hero-section .ph-card.active {
        width: 100%;
        min-height: 4.8rem; }
        .partners-hero-section .ph-card.active .media-frame .bg {
          opacity: 0.75; }
        .partners-hero-section .ph-card.active .cnt {
          transform: translate(0, 0rem); }
        .partners-hero-section .ph-card.active .form {
          transform: scale(1);
          opacity: 1;
          pointer-events: auto; }
        .partners-hero-section .ph-card.active .problem {
          opacity: 1;
          pointer-events: auto; } }

.scroll-past-top .partners-hero-section .ph-card:hover .media-frame .bg, .scroll-past-top .partners-hero-section .ph-card:focus-within .media-frame .bg {
  opacity: 1; }

.scroll-past-top .partners-hero-section .ph-card:hover .cnt, .scroll-past-top .partners-hero-section .ph-card:focus-within .cnt {
  transform: translate(0, 0rem); }

.scroll-past-top .partners-hero-section .ph-card:hover .form, .scroll-past-top .partners-hero-section .ph-card:focus-within .form {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto; }

.scroll-past-top .partners-hero-section .ph-card:hover .problem, .scroll-past-top .partners-hero-section .ph-card:focus-within .problem {
  opacity: 1;
  pointer-events: auto; }

.download-section {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  background-color: #ffffff; }
  .download-section .section-title {
    font-size: 0.4rem;
    line-height: 0.9em;
    letter-spacing: -0.01em;
    text-align: center;
    color: #000000;
    margin-bottom: 0.48rem; }
  .download-section .container {
    width: 100%;
    max-width: 11.4rem;
    margin: auto; }
  .download-section .grid {
    display: flex;
    justify-content: space-between; }
    .download-section .grid .g-inner {
      width: 2.04rem; }
  .download-section .text-head {
    color: #252527;
    letter-spacing: 0em;
    margin-bottom: 0.24rem; }
  .download-section del {
    color: #252527;
    font-weight: 300;
    font-size: .16rem; }
  .download-section .link {
    display: block;
    position: relative;
    color: #252527;
    letter-spacing: 0em; }
    .download-section .link.disabled, .download-section .link .disabled-backend, .download-section .link.disabled-backend {
      pointer-events: none;
      color: rgba(37, 37, 39, 0.5); }
      .download-section .link.disabled span, .download-section .link .disabled-backend span, .download-section .link.disabled-backend span {
        text-decoration: none; }
      .download-section .link.disabled::before, .download-section .link .disabled-backend::before, .download-section .link.disabled-backend::before {
        display: none; }
    .download-section .link:not(:last-child) {
      margin-bottom: 0.04rem; }
    .download-section .link::before {
      content: "";
      display: block;
      position: absolute;
      top: 0.04rem;
      left: -0.2rem;
      width: 0.15rem;
      height: 0.15rem;
      background-image: url(../js/../img/svg/dl-arrow.svg);
      background-position: 50%;
      background-size: contain;
      background-repeat: no-repeat; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .download-section {
      padding-top: 0.8rem;
      padding-bottom: 0.8rem; }
      .download-section .container {
        max-width: 3.4rem; }
      .download-section .grid {
        display: block; }
        .download-section .grid .g-inner {
          width: 100%; }
          .download-section .grid .g-inner:not(:last-child) {
            margin-bottom: 0.4rem; }
      .download-section .text-head {
        margin-bottom: 0.1rem; } }

.book-modal .gfield_required,
.contact-modal .gfield_required {
  display: none !important; }

.book-modal .gform_button,
.contact-modal .gform_button {
  display: flex;
  justify-content: center;
  margin-bottom: .27rem !important;
  cursor: pointer;
  outline: none;
  border: none;
  background: transparent;
  padding-left: 0rem;
  padding-right: 0rem; }
  .book-modal .gform_button span,
  .contact-modal .gform_button span {
    width: 100%;
    text-align: right;
    padding: 0rem 0.1rem; }

.book-modal .custom-line,
.contact-modal .custom-line {
  width: 100%;
  height: 0.5px !important;
  padding: 0 !important; }

.book-modal textarea,
.contact-modal textarea {
  background-color: transparent;
  outline: none; }

.book-modal .month-item,
.contact-modal .month-item {
  background-color: #E4DAD2; }

.book-modal .aligner.w-full,
.contact-modal .aligner.w-full {
  margin-bottom: 0 !important; }
  .book-modal .aligner.w-full .main-select,
  .book-modal .aligner.w-full .title,
  .contact-modal .aligner.w-full .main-select,
  .contact-modal .aligner.w-full .title {
    margin-bottom: .4rem; }
  .book-modal .aligner.w-full:nth-of-type(2),
  .contact-modal .aligner.w-full:nth-of-type(2) {
    margin-top: 0 !important; }

.book-modal .gfield,
.book-modal .address_country,
.contact-modal .gfield,
.contact-modal .address_country {
  margin-top: -10px; }
  .book-modal .gfield_html_formatted,
  .book-modal .address_country_html_formatted,
  .contact-modal .gfield_html_formatted,
  .contact-modal .address_country_html_formatted {
    display: none !important; }

.book-modal .gfield_description,
.contact-modal .gfield_description {
  line-height: 19px !important;
  padding-bottom: 0 !important;
  font-size: 16px !important; }

.book-modal .address_country select,
.contact-modal .address_country select {
  padding-left: 5px !important;
  cursor: pointer !important; }
  .book-modal .address_country select:focus-visible,
  .contact-modal .address_country select:focus-visible {
    outline: none !important; }

.book-modal .gfield_label_before_complex,
.contact-modal .gfield_label_before_complex {
  margin-bottom: 0 !important; }

.book-modal .gform_footer,
.contact-modal .gform_footer {
  padding-bottom: 0 !important;
  cursor: pointer !important; }
  .book-modal .gform_footer .append-circus,
  .contact-modal .gform_footer .append-circus {
    margin-top: 0.03rem;
    background-image: url(../js/../img/svg/link-arrow-small.svg) !important; }

.book-modal .gform_anchor,
.book-modal .gform_heading,
.contact-modal .gform_anchor,
.contact-modal .gform_heading {
  display: none; }

.book-modal .custom-date-picker-redneck,
.contact-modal .custom-date-picker-redneck {
  margin-top: 20px; }
  .book-modal .custom-date-picker-redneck .gfield_description,
  .contact-modal .custom-date-picker-redneck .gfield_description {
    width: 75% !important; }

.book-modal div.custom-input-redneck.dropdown::after,
.contact-modal div.custom-input-redneck.dropdown::after {
  transform: translate(0, 100%); }

.book-modal .gfield--type-textarea,
.contact-modal .gfield--type-textarea {
  margin-top: 34px !important; }

.book-modal .custom-input-redneck:not(.gfield--type-textarea),
.contact-modal .custom-input-redneck:not(.gfield--type-textarea) {
  border-bottom: 1px solid black !important; }
  .book-modal .custom-input-redneck:not(.gfield--type-textarea) input,
  .contact-modal .custom-input-redneck:not(.gfield--type-textarea) input {
    padding-left: 0;
    padding-top: 0 !important; }
    .book-modal .custom-input-redneck:not(.gfield--type-textarea) input::-moz-placeholder, .contact-modal .custom-input-redneck:not(.gfield--type-textarea) input::-moz-placeholder {
      color: #252527;
      font-weight: 400 !important;
      font-size: 16px;
      line-height: 19px;
      opacity: 1; }
    .book-modal .custom-input-redneck:not(.gfield--type-textarea) input::placeholder,
    .contact-modal .custom-input-redneck:not(.gfield--type-textarea) input::placeholder {
      color: #252527;
      font-weight: 400 !important;
      font-size: 16px;
      line-height: 19px;
      opacity: 1; }
      .book-modal .custom-input-redneck:not(.gfield--type-textarea) input::-moz-placeholder span, .contact-modal .custom-input-redneck:not(.gfield--type-textarea) input::-moz-placeholder span {
        color: yellow !important; }
      .book-modal .custom-input-redneck:not(.gfield--type-textarea) input::placeholder span,
      .contact-modal .custom-input-redneck:not(.gfield--type-textarea) input::placeholder span {
        color: yellow !important; }
  .book-modal .custom-input-redneck:not(.gfield--type-textarea) .large.gfield_select,
  .contact-modal .custom-input-redneck:not(.gfield--type-textarea) .large.gfield_select {
    cursor: pointer !important; }
    .book-modal .custom-input-redneck:not(.gfield--type-textarea) .large.gfield_select:focus-visible,
    .contact-modal .custom-input-redneck:not(.gfield--type-textarea) .large.gfield_select:focus-visible {
      outline: none !important; }
    .book-modal .custom-input-redneck:not(.gfield--type-textarea) .large.gfield_select .ss-arrow,
    .contact-modal .custom-input-redneck:not(.gfield--type-textarea) .large.gfield_select .ss-arrow {
      margin-right: 5px; }
  .book-modal .custom-input-redneck:not(.gfield--type-textarea).dropdown,
  .contact-modal .custom-input-redneck:not(.gfield--type-textarea).dropdown {
    position: relative;
    cursor: pointer !important; }
    .book-modal .custom-input-redneck:not(.gfield--type-textarea).dropdown select,
    .contact-modal .custom-input-redneck:not(.gfield--type-textarea).dropdown select {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
    .book-modal .custom-input-redneck:not(.gfield--type-textarea).dropdown select,
    .contact-modal .custom-input-redneck:not(.gfield--type-textarea).dropdown select {
      background-color: transparent;
      border: 0 !important;
      font-weight: 300 !important;
      font-size: 16px !important;
      line-height: 19px !important;
      padding-top: 0 !important;
      color: #252527; }
    .book-modal .custom-input-redneck:not(.gfield--type-textarea).dropdown .ginput_container_address,
    .contact-modal .custom-input-redneck:not(.gfield--type-textarea).dropdown .ginput_container_address {
      width: 100%; }
      .book-modal .custom-input-redneck:not(.gfield--type-textarea).dropdown .ginput_container_address span,
      .contact-modal .custom-input-redneck:not(.gfield--type-textarea).dropdown .ginput_container_address span {
        flex: unset !important;
        width: 100%;
        padding-left: 0 !important; }

.book-modal .gfield--type-phone .flag-container .selected-flag,
.contact-modal .gfield--type-phone .flag-container .selected-flag {
  padding-left: 0; }

.book-modal .ginput_container_date_range .gform-field-label,
.contact-modal .ginput_container_date_range .gform-field-label {
  margin-bottom: 0 !important; }

.book-modal .ginput_container_date_range .gfield_description,
.contact-modal .ginput_container_date_range .gfield_description {
  padding-bottom: 0 !important; }

.book-modal .ginput_container_date_range input,
.contact-modal .ginput_container_date_range input {
  display: none !important; }

.book-modal .litepicker,
.contact-modal .litepicker {
  display: block !important;
  position: relative !important; }

.book-modal .is-start-date,
.book-modal .is-in-range,
.book-modal .is-end-date,
.contact-modal .is-start-date,
.contact-modal .is-in-range,
.contact-modal .is-end-date {
  background-color: white !important;
  color: black !important;
  border-radius: 0 !important;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 21.44px;
  letter-spacing: 0.1em; }
  .book-modal .is-start-date::after,
  .book-modal .is-in-range::after,
  .book-modal .is-end-date::after,
  .contact-modal .is-start-date::after,
  .contact-modal .is-in-range::after,
  .contact-modal .is-end-date::after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #E4DAD2;
    top: 0;
    left: 0;
    position: absolute; }

.book-modal .month-item,
.contact-modal .month-item {
  width: 100% !important;
  padding-right: 0 !important; }

.book-modal .month-item-header,
.contact-modal .month-item-header {
  justify-content: flex-start !important; }
  .book-modal .month-item-header div,
  .contact-modal .month-item-header div {
    flex: unset !important; }

.book-modal .month-item-name,
.contact-modal .month-item-name {
  margin-left: 8px;
  font-weight: 400 !important;
  text-transform: uppercase; }

.book-modal .month-item-year,
.contact-modal .month-item-year {
  font-weight: 400 !important; }

.book-modal .button-next-month,
.contact-modal .button-next-month {
  position: relative; }
  .book-modal .button-next-month svg,
  .contact-modal .button-next-month svg {
    visibility: hidden; }
  .book-modal .button-next-month::after,
  .contact-modal .button-next-month::after {
    cursor: pointer;
    position: absolute;
    left: 20px;
    bottom: 3px;
    transform: translate(-50%, -50%);
    content: "";
    background-image: url(../js/../img/svg/calendar-arrow-right.svg);
    background-size: contain;
    width: 26px;
    height: 9px; }

.book-modal .button-previous-month,
.contact-modal .button-previous-month {
  position: relative; }
  .book-modal .button-previous-month svg,
  .contact-modal .button-previous-month svg {
    visibility: hidden; }
  .book-modal .button-previous-month::after,
  .contact-modal .button-previous-month::after {
    cursor: pointer;
    position: absolute;
    left: 8px;
    bottom: 3px;
    transform: translate(-50%, -50%);
    content: "";
    background-image: url(../js/../img/svg/calendar-arrow-left.svg);
    background-size: contain;
    width: 26px;
    height: 9px; }

.book-modal .container__days,
.contact-modal .container__days {
  box-shadow: 0 0.6px 0 black; }
  .book-modal .container__days.last-row-5 .day-index-row-5,
  .contact-modal .container__days.last-row-5 .day-index-row-5 {
    border-bottom: 0 !important; }
  .book-modal .container__days.last-row-6 .day-index-row-6,
  .contact-modal .container__days.last-row-6 .day-index-row-6 {
    border-bottom: 0 !important; }

.book-modal .day-item,
.book-modal div:empty:not(.close-btn):not(.iti-flag):not(.iti-arrow),
.contact-modal .day-item,
.contact-modal div:empty:not(.close-btn):not(.iti-flag):not(.iti-arrow) {
  border-radius: 0 !important;
  box-shadow: 0 0.5px 0 black;
  font-weight: 400;
  font-size: 16px;
  line-height: 21.44px;
  letter-spacing: -0.05em; }

.book-modal .day-item:hover,
.contact-modal .day-item:hover {
  cursor: pointer !important;
  box-shadow: 0 0.5px 0 black !important;
  opacity: 0.5 !important;
  color: unset !important; }

.book-modal .is-today,
.contact-modal .is-today {
  color: black !important;
  font-weight: 700 !important; }

.book-modal .month-item-weekdays-row,
.contact-modal .month-item-weekdays-row {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.1em; }
  .book-modal .month-item-weekdays-row div,
  .contact-modal .month-item-weekdays-row div {
    text-transform: uppercase !important;
    color: black;
    padding: 5px 0 5px 0 !important; }

.book-modal .ss-single,
.contact-modal .ss-single {
  color: black; }

.book-modal .gform_validation_errors,
.contact-modal .gform_validation_errors {
  display: none; }

.book-modal .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true],
.contact-modal .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
  border: none; }

.book-modal .gform_wrapper.gravity-theme .gfield_error textarea[aria-invalid=true],
.contact-modal .gform_wrapper.gravity-theme .gfield_error textarea[aria-invalid=true] {
  border: 1px solid black; }

.book-modal .gform_wrapper.gravity-theme .gfield_validation_message,
.book-modal .gform_wrapper.gravity-theme .validation_messagee,
.contact-modal .gform_wrapper.gravity-theme .gfield_validation_message,
.contact-modal .gform_wrapper.gravity-theme .validation_messagee {
  position: relative;
  width: 100%;
  font-size: 0.16rem;
  line-height: 0.24rem;
  background: transparent;
  padding: 0rem;
  margin: 0rem;
  border: none;
  margin-bottom: 0.1rem; }

.book-modal form .gfield,
.contact-modal form .gfield {
  position: relative; }

.book-modal .select-1.ss-main {
  border-bottom: unset;
  width: 102%; }
  .book-modal .select-1.ss-main:not(.gfield_select) {
    padding-left: 2px; }

.book-modal .cnt .select-1 {
  margin-top: unset; }
  .book-modal .cnt .select-1 .ss-arrow:first-of-type {
    margin-right: 0; }

.book-modal .ss-values .ss-single {
  font-weight: 400;
  font-size: 16px;
  margin-left: 0;
  color: #4d4d4d; }

.more-info-all-contacts {
  margin-bottom: .40rem;
  font-size: .16rem;
  line-height: .216rem; }

.notice-text-travel {
  margin-bottom: 41px; }
  .notice-text-travel .r-inner p {
    font-size: .16rem;
    line-height: .2024rem;
    letter-spacing: .0032rem; }

select {
  font-family: "Basic Sans"; }

.input-wrap input {
  padding: unset !important;
  font-size: inherit !important; }

.input-wrap .gform_title {
  display: none; }

.input-wrap .gform_footer {
  display: none !important; }

.submit-custom-btn {
  cursor: pointer; }

@media screen and (min-device-width: 820px) and (max-device-width: 1024px) {
  .book-modal .modal {
    width: 6rem; } }

@media screen and (min-device-width: 736px) and (max-device-width: 820px) {
  .book-modal .modal {
    width: 7rem; } }

.visit-hero-section {
  padding-top: 2.2rem;
  padding-bottom: 0;
  text-align: center;
  background-color: #252527;
  color: #ffffff; }
  .visit-hero-section .title {
    margin-bottom: 0.4rem; }
  .visit-hero-section .text {
    width: 100%;
    max-width: 5.6rem;
    margin: auto;
    letter-spacing: 0em;
    margin-bottom: 0.6rem; }
  .visit-hero-section .media-frame {
    aspect-ratio: 151 / 60; }
    .visit-hero-section .media-frame .media {
      top: -10%;
      height: 120%;
      -o-object-position: 40% 50%;
         object-position: 40% 50%; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .visit-hero-section .media-frame {
      height: auto;
      aspect-ratio: 43 / 55; }
      .visit-hero-section .media-frame .media {
        top: 0;
        height: 100%; } }

/* french */
[lang="fr-FR"] .when-to-visit-section .cnt {
  max-height: 4.76rem; }

.when-to-visit-section {
  padding-top: 1.3rem;
  padding-bottom: 1.2rem;
  background-color: #252527;
  color: #ffffff;
  background-size: 110%;
  background-position: 50%;
  background-image: url(../js/../img/jpg/texture-retuched.jpg); }
  .when-to-visit-section .title-grid {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.2rem; }
    .when-to-visit-section .title-grid .tg-inner {
      width: 4.38rem; }
    .when-to-visit-section .title-grid .text {
      letter-spacing: 0em; }
      .when-to-visit-section .title-grid .text span {
        font-weight: 600;
        color: #00b5b8; }
  .when-to-visit-section .track {
    width: 100%;
    max-width: 12.6rem;
    margin-left: auto;
    margin-right: 0;
    /* height: 15rem; */ }
  .when-to-visit-section .medias {
    display: block;
    position: relative;
    overflow: hidden; }
    .when-to-visit-section .medias .media-frame {
      aspect-ratio: 70 / 48; }
    .when-to-visit-section .medias .media-frame:not(:first-child) {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%; }
  .when-to-visit-section .grid {
    display: flex; }
    .when-to-visit-section .grid .g-inner:first-child {
      width: 7rem; }
    .when-to-visit-section .grid .g-inner:last-child {
      position: relative;
      height: 100%;
      width: calc(100% - 7rem); }
  .when-to-visit-section .next-btn {
    cursor: pointer;
    display: block;
    position: absolute;
    transition: transform 50ms cubic-bezier(0.65, 0.05, 0.24, 1);
    left: 1.2rem;
    bottom: -0.5rem;
    width: 0.55rem;
    height: 0.27rem;
    background-image: url(../js/../img/svg/modal-arrow.svg); }
    .when-to-visit-section .next-btn:active {
      transform: scale(0.9); }
  .when-to-visit-section .cnt {
    position: relative;
    height: 100%;
    max-height: 4.26rem;
    padding-left: 1.18rem;
    padding-top: 0.2rem;
    overflow: hidden; }
    .when-to-visit-section .cnt .measure:not(:last-child) {
      padding-bottom: 0.2rem; }
    .when-to-visit-section .cnt .accordion.hidden.inactive {
      display: none; }
    .when-to-visit-section .cnt .sect-title {
      font-size: 0.4rem;
      transform-origin: 0% 50%;
      line-height: 1em;
      padding-bottom: 0.12rem; }
    .when-to-visit-section .cnt .stats {
      margin-bottom: 0.12rem; }
    .when-to-visit-section .cnt .sect-text {
      letter-spacing: 0.15em; }
    .when-to-visit-section .cnt .plain-text {
      letter-spacing: 0em; }
    .when-to-visit-section .cnt::before {
      content: "";
      display: block;
      position: absolute;
      top: 0.42rem;
      left: -0.3rem;
      width: 1.3rem;
      height: 1px;
      background-color: #ffffff; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .when-to-visit-section {
      padding-top: 0.8rem;
      padding-bottom: 0.8rem; }
      .when-to-visit-section .title-grid {
        display: block;
        margin-bottom: 0.4rem; }
        .when-to-visit-section .title-grid .tg-inner {
          width: 100%; }
          .when-to-visit-section .title-grid .tg-inner:not(:last-child) {
            margin-bottom: 0.2rem; }
      .when-to-visit-section .track {
        height: auto; }
      .when-to-visit-section .grid {
        display: block; }
        .when-to-visit-section .grid .g-inner:first-child {
          width: 100%; }
        .when-to-visit-section .grid .g-inner:last-child {
          width: 100%; }
      .when-to-visit-section .medias {
        margin-bottom: 0.4rem; }
      .when-to-visit-section .next-btn {
        left: 0rem; }
      .when-to-visit-section .cnt {
        padding: 0;
        /* height: auto; */
        max-height: 4.56rem;
        /* .measure:not(:last-child) {
                padding-bottom: 0;
                margin-bottom: 0.3rem;
            } */ }
        .when-to-visit-section .cnt .sect-title {
          font-size: 0.34rem; }
        .when-to-visit-section .cnt::before {
          display: none; } }

.visitor-checklist-section {
  padding-top: 1rem;
  padding-bottom: 0.82rem;
  background-color: #5e423b;
  color: #ffffff; }
  .visitor-checklist-section .title-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 1.2rem;
    margin-bottom: 0.8rem; }
  .visitor-checklist-section .link-1 {
    color: #ffffff; }
  .visitor-checklist-section .grid {
    display: flex; }
    .visitor-checklist-section .grid .g-inner {
      width: 25%; }
  .visitor-checklist-section .circle {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    background-color: #e4dad2;
    width: 1.76rem;
    height: 1.76rem;
    border-radius: 50%;
    color: #000000;
    text-align: center;
    font-size: 0.3rem;
    line-height: 1em;
    margin-bottom: 0.38rem; }
    .visitor-checklist-section .circle:not(.no-line)::before {
      content: "";
      display: block;
      position: absolute;
      left: 100%;
      top: 50%;
      width: 1.46rem;
      height: 0.1rem;
      background-position: 50%;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(../js/../img/svg/circle-arrow.svg); }
    .visitor-checklist-section .circle span, .visitor-checklist-section .circle .visitor-checklist-section {
      display: block;
      font-family: "Basic Sans";
      font-size: 0.16rem;
      line-height: 1em;
      letter-spacing: 0;
      font-weight: 300; }
      .visitor-checklist-section .circle span:last-child, .visitor-checklist-section .circle .visitor-checklist-section:last-child {
        margin-top: 0.1rem; }
  .visitor-checklist-section .list {
    display: block;
    -moz-columns: #ffffff;
         columns: #ffffff;
    letter-spacing: 0em;
    padding-right: 0.5rem; }
    .visitor-checklist-section .list li {
      display: block;
      position: relative;
      padding-left: 0.23rem; }
      .visitor-checklist-section .list li a {
        display: block;
        text-decoration: underline; }
    .visitor-checklist-section .list .notice {
      font-size: 0.14rem;
      line-height: 0.19rem;
      padding-left: 0.24rem;
      margin-top: 0.2rem; }
    .visitor-checklist-section .list li::before {
      content: "";
      display: block;
      position: absolute;
      top: 0.07rem;
      left: 0;
      width: 0.1rem;
      height: 0.1rem;
      border: 1px solid #ffffff; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .visitor-checklist-section {
      padding-top: 0.8rem;
      padding-bottom: 0.8rem;
      background-size: 125%;
      background-repeat: repeat-y; }
      .visitor-checklist-section .title-grid {
        padding-right: 0;
        margin-bottom: 0.4rem; }
      .visitor-checklist-section .circle {
        width: 1.6rem;
        height: 1.6rem;
        font-size: 0.22rem;
        padding: 0 0.2rem; }
        .visitor-checklist-section .circle:not(.no-line)::before {
          display: none; }
      .visitor-checklist-section .grid {
        display: block; }
        .visitor-checklist-section .grid .g-inner {
          width: 100%; }
          .visitor-checklist-section .grid .g-inner:not(:last-child) {
            margin-bottom: 0.6rem; }
      .visitor-checklist-section .list {
        padding-right: 0; } }

.faq-section {
  padding-top: 1.24rem;
  padding-bottom: 1.32rem;
  background-color: #ffffff;
  color: #252527; }
  .faq-section .cnt {
    position: relative;
    padding-right: 1.2rem; }
    .faq-section .cnt .title {
      line-height: 0.9em;
      margin-bottom: 0.4rem; }
    .faq-section .cnt .ask-input {
      display: block;
      position: relative;
      margin-bottom: 0.3rem; }
      .faq-section .cnt .ask-input input {
        display: block;
        width: 100%;
        font-family: "Basic Sans";
        font-size: 0.2rem;
        line-height: 0.24rem;
        letter-spacing: 0.02em;
        color: #252527;
        border: 1px solid #252527;
        padding: 0.14rem 0.24rem; }
        .faq-section .cnt .ask-input input::-moz-placeholder {
          color: #252527;
          opacity: 1; }
        .faq-section .cnt .ask-input input::placeholder {
          color: #252527;
          opacity: 1; }
      .faq-section .cnt .ask-input i {
        cursor: pointer;
        display: block;
        position: absolute;
        transform: translate(0, -50%);
        transition: transform 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
        top: 50%;
        right: 0.16rem;
        width: 0.54rem;
        height: 0.14rem;
        background-image: url(../js/../img/svg/input-arrow.svg); }
      .faq-section .cnt .ask-input i:hover {
        transform: translate(0.05rem, -50%); }
  .faq-section .grid {
    display: flex; }
    .faq-section .grid .g-inner:first-child {
      width: calc(100% - 9rem); }
    .faq-section .grid .g-inner:last-child {
      width: 9rem; }
  .faq-section .expander-block .exp-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.2rem; }
    .faq-section .expander-block .exp-head .exp-title {
      font-size: 0.4rem;
      line-height: 1em;
      color: #252527; }
    .faq-section .expander-block .exp-head .expand-btn {
      cursor: pointer;
      color: #252527;
      text-decoration: underline;
      letter-spacing: 0.1em;
      white-space: nowrap; }
  .faq-section .expander-block .exp-grid {
    display: flex;
    justify-content: space-between; }
    .faq-section .expander-block .exp-grid .eg-inner:first-child {
      width: 4.38rem; }
    .faq-section .expander-block .exp-grid .eg-inner:last-child {
      width: 4.24rem; }
  .faq-section .expander-block .line {
    position: relative;
    height: 0.3rem;
    margin-bottom: 0.12rem; }
    .faq-section .expander-block .line::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 0.08rem;
      background-color: #252527; }
    .faq-section .expander-block .line::after {
      content: "";
      display: block;
      position: absolute;
      top: 0.13rem;
      left: 0;
      width: 100%;
      height: 0.1rem;
      background-image: url(../js/../img/svg/pattern-svg-media.svg);
      background-position: 0 0;
      background-repeat: repeat-x;
      background-size: 0.22rem; }
  .faq-section .expander-block .expander {
    cursor: pointer;
    display: block;
    position: relative; }
    .faq-section .expander-block .expander .exp-text {
      position: relative;
      padding-left: 0.3rem; }
      .faq-section .expander-block .expander .exp-text::before, .faq-section .expander-block .expander .exp-text::after {
        content: "";
        display: block;
        position: absolute;
        transform: translate(0, -50%);
        transition: opacity 400ms cubic-bezier(0.65, 0.05, 0.24, 1);
        top: 50%;
        left: 0;
        width: 0.2rem;
        height: 0.2rem;
        background-position: 50%;
        background-repeat: no-repeat; }
      .faq-section .expander-block .expander .exp-text::before {
        background-image: url(../js/../img/svg/expander-arrow2.svg);
        background-size: 0.18rem; }
      .faq-section .expander-block .expander .exp-text::after {
        background-image: url(../js/../img/svg/expander-close.svg);
        background-size: 0.16rem;
        opacity: 0; }
    .faq-section .expander-block .expander .hidden {
      overflow: hidden; }
    .faq-section .expander-block .expander .h-inner {
      padding-top: 0.14rem;
      padding-bottom: 0.04rem; }
    .faq-section .expander-block .expander .text-s {
      letter-spacing: 0em; }
    .faq-section .expander-block .expander.is-active .exp-text::before {
      opacity: 0; }
    .faq-section .expander-block .expander.is-active .exp-text::after {
      opacity: 1; }
    .faq-section .expander-block .expander:not(:last-child) {
      margin-bottom: 0.1rem; }
  .faq-section .expander-block:not(:last-child) {
    margin-bottom: 0.3rem; }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .faq-section {
      padding-top: 0.8rem;
      padding-bottom: 0.8rem; }
      .faq-section .cnt {
        padding-right: 0;
        margin-bottom: 0.4rem; }
      .faq-section .grid {
        display: block; }
        .faq-section .grid .g-inner:first-child {
          width: 100%; }
        .faq-section .grid .g-inner:last-child {
          width: 100%; }
      .faq-section .expander-block .exp-head .exp-title {
        font-size: 0.3rem; }
      .faq-section .expander-block .exp-grid {
        display: block; }
        .faq-section .expander-block .exp-grid .eg-inner:first-child {
          width: 100%; }
        .faq-section .expander-block .exp-grid .eg-inner:last-child {
          width: 100%; }
      .faq-section .expander-block .expander {
        margin-bottom: 0.1rem; } }

.try-again p + p, .wyswig-content p + p {
  margin-top: .24rem; }

.wyswig-content-small p + p {
  margin-top: .16rem; }

/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@splidejs/splide/dist/css/splide.min.css ***!
  \******************************************************************************************************************************************************************************************/
.splide__container {
  box-sizing: border-box;
  position: relative; }

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

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

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  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:not(.is-overflow) .splide__pagination {
  display: none; }

.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;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative; }

.splide__slide img {
  vertical-align: bottom; }

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  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 {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

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

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

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

@keyframes splide-loading {
  0% {
    transform: rotate(0); }
  to {
    transform: rotate(1turn); } }

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0; }

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

.splide--rtl {
  direction: rtl; }

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

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1; }

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em; }

.splide__arrow:hover:not(:disabled) {
  opacity: .9; }

.splide__arrow:disabled {
  opacity: .3; }

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide__arrow--prev {
  left: 1em; }

.splide__arrow--prev svg {
  transform: scaleX(-1); }

.splide__arrow--next {
  right: 1em; }

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide__pagination {
  bottom: .5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1; }

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: .7;
  padding: 0;
  position: relative;
  transition: transform .2s linear;
  width: 8px; }

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1; }

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: .9; }

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide__progress__bar {
  background: #ccc;
  height: 3px; }

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.splide__slide:focus {
  outline: 0; }

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px; } }

@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf; } }

@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px; } }

@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf; }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf; } }

.splide__toggle {
  cursor: pointer; }

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer; }

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000; }

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em; }

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1); }

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto; }

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1); }

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%); }

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em; }

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg); }

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto; }

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg); }

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: .5em;
  top: 0; }