.home .m-header-nav {
  position: fixed;
  right: 0;
  left: 0;
  width: 100%;
  background: transparent !important;
}

.sg-home-hero,
.sg-home-hero * {
  box-sizing: border-box;
}

.sg-home-hero {
  position: relative;
  height: 500vh;
  height: 500svh;
  color: #fff;
  font-family: "Maison Neue", "Avenir Next", Avenir, Arial, sans-serif;
}

.sg-home-hero .sg-home-hero__stage {
  position: sticky;
  top: 0;
  isolation: isolate;
  width: 100%;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  background: #081439;
}

.sg-home-hero .sg-home-hero__sky {
  position: absolute;
  inset: 0;
  background: url("../images/home-hero-sagarmatha/sky.png") center var(--sg-sky-position, 0%) / 100% auto no-repeat;
  will-change: background-position;
}

.sg-home-hero .sg-home-hero__stage::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(180deg, rgba(0, 5, 24, 0.36), transparent 43%);
}

.sg-home-hero .sg-home-hero__message {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  width: min(84vw, 1250px);
  margin: 0;
  color: #fff;
  font-family: inherit;
  font-size: clamp(28px, 3.15vw, 62px);
  font-weight: 400;
  line-height: 1.03;
  letter-spacing: -0.025em;
  text-align: center;
  opacity: var(--sg-message-opacity, 0);
  transform: translate3d(-50%, calc(-50% + var(--sg-message-y, 100vh)), 0);
  will-change: transform, opacity;
}

.sg-home-hero .sg-home-hero__message--one {
  max-width: 1100px;
}

.sg-home-hero .sg-home-hero__message--two {
  max-width: 1120px;
}

.sg-home-hero .sg-home-hero__final {
  position: absolute;
  z-index: 6;
  top: 27%;
  left: 50%;
  width: min(80vw, 530px);
  color: #fff;
  text-align: center;
  opacity: var(--sg-final-opacity, 0);
  transform: translate3d(-50%, var(--sg-final-y, 100vh), 0);
  will-change: transform, opacity;
}

.sg-home-hero .sg-home-hero__logo {
  display: block;
  width: min(100%, 444px);
  height: auto;
  margin: auto;
}

.sg-home-hero .sg-home-hero__cities {
  margin: 1.35em 0 0;
  color: #fff;
  color: color(display-p3 1 1 1);
  font-family: inherit;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sg-home-hero .sg-home-hero__mountain {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 50%;
  width: max(100vw, 140vh);
  width: max(100vw, 140svh);
  max-width: none;
  height: auto;
  pointer-events: none;
  transform: translate3d(-50%, var(--sg-mountain-y, 100vh), 0);
  will-change: transform;
}

.sg-home-hero .sg-home-hero__mountain--back {
  z-index: 2;
  --sg-mountain-y: var(--sg-back-y, 100vh);
}

.sg-home-hero .sg-home-hero__mountain--front {
  z-index: 4;
  --sg-mountain-y: var(--sg-front-y, 100vh);
}

.sg-home-hero .sg-home-hero__bottom-shade {
  position: absolute;
  z-index: 7;
  bottom: 0;
  left: 50%;
  width: max(100vw, 2000px);
  height: 190px;
  pointer-events: none;
  opacity: var(--sg-shade-opacity, 0);
  background: linear-gradient(180deg, transparent 0%, #000 100%);
  background: linear-gradient(180deg, color(display-p3 0 0 0 / 0) 0%, color(display-p3 0 0 0) 100%);
  transform: translateX(-50%);
}

.sg-home-hero .sg-home-hero__scroll-cue {
  position: absolute;
  z-index: 8;
  bottom: 29px;
  left: 50%;
  margin: 0;
  color: #fff;
  font-family: inherit;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0.8;
  transform: translateX(-50%);
}

.sg-home-hero .sg-home-hero__scroll-cue::after {
  display: block;
  width: 1px;
  height: 15px;
  margin: 7px auto -20px;
  content: "";
  background: currentColor;
}

@media (max-width: 700px) {
  .sg-home-hero .sg-home-hero__sky {
    background-size: auto 160%;
  }

  .sg-home-hero .sg-home-hero__message {
    width: 88vw;
    font-size: clamp(25px, 7vw, 44px);
    line-height: 1.08;
  }

  .sg-home-hero .sg-home-hero__final {
    top: 30%;
    width: 70vw;
  }

  .sg-home-hero .sg-home-hero__cities {
    font-size: 10px;
    letter-spacing: 0.08em;
  }

  .sg-home-hero .sg-home-hero__bottom-shade {
    height: 150px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sg-home-hero {
    height: 100vh;
    height: 100svh;
  }

  .sg-home-hero .sg-home-hero__sky {
    background-position: center bottom;
  }

  .sg-home-hero .sg-home-hero__message--two,
  .sg-home-hero .sg-home-hero__scroll-cue {
    display: none;
  }

  .sg-home-hero .sg-home-hero__message--one {
    top: 58%;
    font-size: clamp(22px, 3vw, 42px);
    opacity: 1;
    transform: translate3d(-50%, -50%, 0);
  }

  .sg-home-hero .sg-home-hero__final {
    opacity: 1;
    transform: translateX(-50%);
  }

  .sg-home-hero .sg-home-hero__mountain--back,
  .sg-home-hero .sg-home-hero__mountain--front {
    transform: translateX(-50%);
  }

  .sg-home-hero .sg-home-hero__bottom-shade {
    opacity: 0.7;
  }
}
