#Nav-Main {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9998;
  transition: background 0.3s ease;
}

#Nav-Main.mof-nav-scrolled {
  background: #000000 !important;
}

#mof-nav-trigger {
  position: fixed;
  top: -25px;
  right: -25px;
  width: 120px;
  height: 120px;
  z-index: 10001;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1024px) {
  #mof-nav-trigger {
    display: flex;
  }
}

#mof-burger-lottie {
  filter: invert(0);
  transition: filter 0s 0s;
}

#mof-nav-trigger.nav-is-open #mof-burger-lottie {
  filter: invert(1);
  transition: filter 0s 1.4s;
}

#mof-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  overflow: hidden;
}

#mof-overlay.is-open {
  pointer-events: all;
}

#mof-flood {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -200px;
  height: 0%;
  background: #ffffff;
  transition: height 1.8s cubic-bezier(0.76, 0, 0.24, 1);
  z-index: 1;
  overflow: visible;
}

#mof-overlay.is-open #mof-flood {
  height: calc(100% + 200px);
}

#mof-wave-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: -200px;
  height: 320px;
  pointer-events: none;
}

#mof-wave {
  width: 100%;
  height: 320px;
  display: block;
}


#mof-nav-links {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 10vw;
}

.mof-link {
  font-family: 'ProximaNova', sans-serif;
  font-weight: 800;
  font-size: clamp(42px, 11vw, 96px);
  text-transform: uppercase;
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: #0e0e0e;
  text-decoration: none;
  display: block;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.2s ease, transform 0.2s ease, color 0.08s ease;
  will-change: transform, opacity;
}

.mof-link--cta {
  margin-top: 28px;
  font-size: clamp(16px, 3.5vw, 26px);
  font-weight: 800;
  border: 2px solid #0e0e0e;
  border-radius: 40px;
  padding: 10px 36px;
  display: inline-block;
  transition: opacity 0.2s ease, transform 0.2s ease, background 0.15s ease, color 0.08s ease;
}

.mof-link:not(.mof-link--cta):hover {
  color: #666;
}

.mof-link--cta:hover {
  background: #0e0e0e !important;
  color: #fff !important;
}

#mof-overlay.is-open .mof-link[data-i="0"] { opacity: 1; transform: translateY(0); transition-delay: 1.4s; }
#mof-overlay.is-open .mof-link[data-i="1"] { opacity: 1; transform: translateY(0); transition-delay: 1.48s; }
#mof-overlay.is-open .mof-link[data-i="2"] { opacity: 1; transform: translateY(0); transition-delay: 1.56s; }
#mof-overlay.is-open .mof-link[data-i="3"] { opacity: 1; transform: translateY(0); transition-delay: 1.64s; }
#mof-overlay.is-open .mof-link[data-i="4"] { opacity: 1; transform: translateY(0); transition-delay: 1.72s; }
#mof-overlay.is-open .mof-link[data-i="5"] { opacity: 1; transform: translateY(0); transition-delay: 1.82s; }