:root {
  --color-2: #191919;
  --585858: #585858;
  --color: #ccc;
  --color-3: #a78f60;
  --white: white;
  --black: black;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.section {
  background-color: #24242400;
  border: 0 solid #a19f9f;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 200px;
  margin-top: -199px;
  display: flex;
}

.body {
  background-color: var(--color-2);
  overflow: visible;
}

.div-block {
  z-index: 666;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 2000px;
  display: flex;
  position: static;
  inset: 0%;
}

.div-block.earth {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 600px;
  position: relative;
}

.image {
  height: 50%;
  position: fixed;
  inset: auto 0% 0%;
}

.div-1 {
  z-index: 666;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 700px;
  display: flex;
  position: relative;
  inset: 0%;
}

.div-1._4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 800px;
}

.div-1._40 {
  height: 180px;
}

.div-1._01 {
  height: 600px;
}

.div-1.news {
  height: 800px;
}

.div-1._7 {
  height: 700px;
}

.div-1.voyage {
  height: 500px;
}

.div-1._444 {
  height: 300px;
}

.div-1.pre {
  height: 820px;
}

.div-1._33 {
  height: 850px;
}

.spline-scene {
  z-index: 999;
  position: fixed;
  inset: 0%;
}

.div-block-2 {
  color: #121212;
  background-color: #1b1b1b00;
  width: 100%;
  height: 100vh;
}

.spline-scene-2 {
  z-index: -999;
  width: 100%;
  height: 100%;
  position: relative;
}

.div-block-3 {
  z-index: -999;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  height: 0%;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.svg {
  color: #564d4d;
  width: 1px;
  height: 200px;
}

.path {
  color: #adacac;
  mix-blend-mode: normal;
}

.image-2 {
  vertical-align: baseline;
  width: 2px;
  height: 500px;
}

.div-block-4 {
  z-index: -9999;
  background-color: #ffffff3d;
  justify-content: center;
  align-items: flex-start;
  width: 1px;
  height: 9800px;
  margin-top: 20px;
  display: flex;
  position: relative;
}

.h1 {
  color: var(--585858);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Zilla Slab, sans-serif;
  font-weight: 400;
}

.h1:hover {
  color: var(--color);
}

.h1._3 {
  text-transform: uppercase;
  font-family: Roboto Mono, sans-serif;
  font-weight: 300;
}

.h1.g {
  color: var(--color-3);
}

.h1.g._1 {
  margin-bottom: 0;
}

.h1.g.l.big {
  text-align: right;
  font-size: 50px;
}

.h1.r {
  text-align: right;
}

.div-block-5 {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  width: auto;
  padding: 20px 40px 20px 20px;
  display: flex;
}

.div-block-5.r, .div-block-5.h {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
}

.div-block-6 {
  flex: 1;
  align-self: stretch;
}

.div-block-7 {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 20px 20px 20px 40px;
  display: flex;
}

.div-block-7.h {
  flex-flow: column;
  flex: 1;
  height: 700px;
}

.image-3 {
  z-index: -9999;
  object-fit: cover;
  width: 100%;
  height: 9000px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.h6 {
  color: var(--585858);
  flex: none;
  width: auto;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Roboto Mono, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.h6:hover {
  color: var(--color);
}

.h6.r {
  color: var(--color-3);
}

.h6.r._1 {
  width: 60%;
}

.h6.r.top {
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.image-4 {
  width: 500px;
}

.paragraph {
  color: var(--585858);
  width: 60%;
  font-family: Roboto Mono, sans-serif;
  font-size: 15px;
  line-height: 22px;
}

.paragraph:hover {
  color: var(--color);
}

.paragraph._30 {
  text-align: center;
  width: 30%;
}

.paragraph.left {
  text-align: right;
  width: 60%;
}

.paragraph.left.mid {
  text-align: right;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph._6 {
  width: 60%;
  overflow: auto;
}

.paragraph._6.g {
  color: var(--color-3);
  flex: 0 auto;
  width: auto;
  margin-bottom: 0;
  display: block;
}

.paragraph._6.g.m {
  display: none;
}

.paragraph._6._7 {
  overflow: auto;
}

.div-block-8 {
  background-color: var(--585858);
  width: 40px;
  height: 1px;
  position: absolute;
}

.div-block-9 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 60px;
  height: 20px;
  display: flex;
  position: absolute;
}

.footer {
  z-index: 666;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 240px;
  margin-top: 52px;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.path-2, .path2 {
  color: var(--585858);
}

.path2:hover {
  color: var(--color);
  -webkit-text-stroke-color: var(--color);
}

.path-3 {
  color: #9c6d6d;
}

.path-3:hover {
  color: #ff5b5b;
}

.svg-2 {
  width: 300px;
}

.paragraph-2 {
  text-align: center;
  width: 20vw;
}

.image-5 {
  z-index: 2;
  width: 460px;
  position: relative;
}

.image-5:hover {
  transform: scale(1.1);
}

.image-6 {
  z-index: 3;
  width: 96px;
  margin-top: -75px;
  position: relative;
}

.chat_div {
  background-color: #5b3eff00;
  height: 300px;
}

.footer-copy {
  z-index: 666;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 400px;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 5vh;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.path-4 {
  color: var(--585858);
  -webkit-text-stroke-color: var(--color);
  width: auto;
}

.path-4:hover {
  color: var(--color);
}

.svg-3 {
  flex: 0 auto;
  width: auto;
  height: 200px;
}

.div-block-10 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.meun {
  z-index: 888;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: 100%;
  margin-left: 2%;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.div-block-12 {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
}

.image-7 {
  width: 300px;
}

.link-block {
  text-decoration: none;
}

.youtube {
  z-index: 6;
  width: 100%;
  height: 100%;
}

.image-8 {
  z-index: -1;
  position: absolute;
  transform: translate(0, -106px)rotate(39deg);
}

.image-9 {
  z-index: -9;
  position: absolute;
}

.image-10 {
  width: 450px;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-right: 68px;
  transform: rotate(-20deg);
}

.div-block-13 {
  flex-flow: column;
  width: 60%;
  display: flex;
}

.div-2 {
  width: 100%;
  height: 20%;
}

.div-block-14 {
  background-color: #f9bfbf;
  width: 100%;
  height: 60px;
  position: relative;
}

.image-11 {
  width: 40%;
  margin-top: 76px;
  margin-bottom: 20px;
}

.audio {
  height: 50px;
}

.div-block-15 {
  justify-content: flex-end;
  align-items: center;
  width: 60%;
  display: flex;
}

.image-12 {
  z-index: 1;
  width: 500px;
  position: relative;
  transform: translate(56px, 79px)rotate(-9deg);
  box-shadow: 0 2px 6px 7px #0003;
}

.image-12:hover {
  z-index: 3;
  transform: translate(70px, 79px)rotate(-7deg);
}

.image-13 {
  z-index: 3;
  width: 400px;
  position: relative;
  transform: translate(-34px, 38px)rotate(15deg);
  box-shadow: 0 2px 20px 3px #00000078;
}

.image-13:hover {
  transform: translate(-43px, 34px)rotate(9deg);
}

.image-14 {
  z-index: 1;
  width: 300px;
  margin-top: -247px;
  position: relative;
  transform: translate(-268px, -74px)rotate(-12deg);
  box-shadow: 0 2px 19px -1px #00000070;
}

.image-14:hover {
  z-index: 3;
  transform: translate(-259px, -74px)rotate(-4deg);
}

.image-15 {
  z-index: -9;
  position: relative;
  inset: 0% auto auto 0%;
}

.image-16 {
  width: 50px;
  position: fixed;
  inset: auto auto 45%;
}

.image-18 {
  width: 450px;
  margin-bottom: 10px;
}

.div-block-16 {
  z-index: 9999;
  background-color: var(--color-2);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0%;
}

.loading {
  z-index: 999;
  background-color: var(--color-2);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.image-19 {
  width: 300px;
}

.div-block-17 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-bottom: 10px;
  display: flex;
}

.div-block-17._333 {
  margin-top: 10px;
}

.italic-text {
  width: auto;
  font-style: normal;
}

.svg-4 {
  color: var(--color-3);
  cursor: pointer;
  width: 24px;
}

.link-block-2 {
  text-decoration: none;
}

.span {
  color: var(--color-3);
  cursor: pointer;
  font-family: Roboto Mono, sans-serif;
}

.image-20 {
  width: 200px;
}

.image-20-copy {
  width: 500px;
}

.div-block-18 {
  z-index: 8;
  -webkit-backdrop-filter: blur() invert();
  backdrop-filter: blur() invert();
  background-color: #3d3d3d75;
  width: 100%;
  height: 60px;
  margin-top: -60px;
  margin-bottom: 0;
  margin-right: 0;
  position: relative;
}

.div-block-18-copy {
  z-index: 8;
  -webkit-backdrop-filter: blur(4px) invert();
  backdrop-filter: blur(4px) invert();
  background-color: #3d3d3d75;
  width: 100%;
  height: 60px;
  margin-top: 0;
  margin-bottom: -60px;
  margin-right: 0;
  position: relative;
}

.image-21 {
  z-index: 2;
  margin-top: -152px;
  padding-top: 0;
  position: relative;
  transform: translate(138px, -52px)rotate(12deg);
  box-shadow: 0 2px 10px 10px #00000059;
}

.image-21:hover {
  transform: translate(151px, -52px)rotate(7deg);
}

.image-22 {
  mix-blend-mode: normal;
  height: auto;
  position: relative;
  transform: translate(25px);
  box-shadow: 0 2px 8px 7px #00000070;
}

.image-22:hover {
  z-index: 4;
  transform: rotate(-9deg)translate(34px);
}

.image-23 {
  z-index: 2;
  position: relative;
  transform: rotate(-20deg)translate(-43px, -25px);
  box-shadow: 0 2px 9px 7px #00000054;
}

.image-23:hover {
  z-index: 4;
  transform: rotate(-18deg)translate(-34px, -38px);
}

.image-24 {
  width: 320px;
  transform: translate(151px, -169px);
}

.image-25 {
  z-index: auto;
  width: 360px;
  position: static;
  transform: translate(-29px, -16px)rotate(7deg);
}

.image-25:hover {
  transform: translate(-34px)rotate(12deg);
}

.line {
  z-index: -9999;
  background-color: #ffffff3d;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 100%;
  margin-top: 0;
  display: flex;
  position: relative;
}

.div-block-19 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-19._1 {
  flex: 0 auto;
}

.div-block-20 {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-21 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.image-26 {
  width: 500px;
  margin-bottom: 10px;
}

.image-27 {
  width: 240px;
  transform: translate(-142px, -300px);
}

.svg-5, .g-2, .defs {
  width: 100%;
}

.div-block-22 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.svg-6 {
  width: 30px;
}

.image-28 {
  width: 100px;
  transform: translate(-25px, -600px);
}

.image-29 {
  width: 350px;
  transform: translate(-255px, -178px);
}

.image-30 {
  width: 200px;
}

.image-31 {
  transform: translate(47px, -56px);
}

.image-32 {
  z-index: -1;
  height: 100%;
  position: static;
}

.div-block-copy {
  z-index: 666;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 2000px;
  display: flex;
  position: static;
  inset: 0%;
}

.div-block-copy.earth {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 600px;
  position: relative;
}

.section-2 {
  width: 100%;
}

.button {
  border: 2px solid var(--585858);
  background-color: var(--color-2);
  color: var(--color);
  border-radius: 6px;
  margin-top: 20px;
  padding: 20px 40px;
  font-family: Roboto Mono, sans-serif;
  font-size: 20px;
}

.button:hover {
  border-color: var(--color-3);
  color: var(--color-3);
}

.div-block-23 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.svg-7 {
  color: var(--color);
  width: 28px;
}

.svg-8 {
  color: var(--color);
  width: 40px;
}

.svg-9 {
  color: var(--color-3);
  width: 36px;
}

.g-3, .path-5 {
  color: var(--color-3);
}

.link-block-3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-24 {
  background-color: var(--color-3);
  width: 500px;
  height: 1px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.link-block-4 {
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 991px) {
  .div-1 {
    height: 50vh;
    overflow: hidden;
  }

  .div-1._40 {
    height: 250px;
  }

  .div-1._01 {
    height: 610px;
  }

  .div-1.news {
    overflow: hidden;
  }

  .div-1._33 {
    height: 860px;
  }

  .div-block-2 {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .h1.g.l {
    text-align: right;
  }

  .div-block-5 {
    flex: none;
    width: 50%;
    padding-right: 20px;
  }

  .div-block-7 {
    flex: none;
    width: 50%;
    padding-left: 10px;
  }

  .paragraph {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
  }

  .paragraph.left, .paragraph._6 {
    width: 100%;
  }

  .footer-copy {
    flex: 1;
  }

  .image-10 {
    width: 400px;
  }

  .div-block-13 {
    width: 90%;
  }

  .image-11 {
    width: 100%;
  }

  .div-block-15 {
    width: 90%;
  }

  .loading {
    display: flex;
  }

  .div-block-17 {
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-17._333 {
    flex: 0 auto;
    width: auto;
  }

  .div-block-19 {
    justify-content: center;
    align-items: center;
  }

  .div-block-24 {
    width: 300px;
  }
}

@media screen and (max-width: 767px) {
  .div-block-2 {
    height: 50vh;
  }

  .loading {
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .section {
    justify-content: flex-start;
    align-items: center;
    overflow: visible;
  }

  .body {
    box-sizing: content-box;
    aspect-ratio: auto;
    object-fit: fill;
    height: auto;
    overflow: visible;
  }

  .div-block.earth {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 620px;
    overflow: hidden;
  }

  .div-1 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-1._4 {
    height: 300px;
  }

  .div-1._40 {
    flex-flow: row;
    height: auto;
  }

  .div-1._01 {
    flex-flow: column;
    height: auto;
  }

  .div-1.news {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 1300px;
  }

  .div-1._7 {
    flex-flow: column;
    height: auto;
  }

  .div-1.voyage {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .div-1._444, .div-1.pre, .div-1._33, .div-1._033 {
    height: auto;
  }

  .div-block-2 {
    height: 100vh;
    overflow: hidden;
  }

  .div-block-4 {
    height: 9000px;
  }

  .h1.g.l {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .h1.g.l.big {
    text-align: center;
  }

  .h1._2.h {
    display: none;
  }

  .div-block-5 {
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 600px;
    display: flex;
    overflow: hidden;
  }

  .div-block-5.r {
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
  }

  .div-block-5.h {
    display: none;
  }

  .div-block-7 {
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    padding-left: 20px;
    overflow: hidden;
  }

  .div-block-7.h, .div-block-7._1 {
    display: none;
  }

  .paragraph._30 {
    width: 100%;
  }

  .paragraph.left {
    text-align: left;
  }

  .paragraph.left.mid.h {
    display: none;
  }

  .paragraph.left.r {
    text-align: left;
  }

  .paragraph._6.g.m {
    text-align: center;
    display: flex;
  }

  .paragraph._6.g.d {
    display: none;
  }

  .paragraph._6._7 {
    height: 500px;
  }

  .footer {
    height: auto;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .chat_div {
    height: 200px;
  }

  .footer-copy {
    padding-bottom: 6vh;
  }

  .meun {
    display: none;
  }

  .loading {
    display: flex;
  }

  .div-block-17._333 {
    flex-flow: column;
  }

  .div-block-20 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-copy.earth {
    flex-flow: column;
    height: auto;
  }

  .image-33 {
    height: 30vh;
  }

  .button {
    background-color: var(--color-2);
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 80%;
    display: flex;
  }

  .button.twitter {
    justify-content: center;
    align-items: center;
    width: 80%;
    display: flex;
  }

  .div-block-23 {
    flex-flow: column;
    width: 100%;
  }
}