/* Fulgent Post Atelier — Phase 5.38
   Project-detail menu viewport fit refinement.
   Keeps the existing WOX/Fulgent centered menu aesthetic while ensuring every
   navigation item remains visible at common laptop/desktop viewport heights. */

.fpa-project-menu-inner {
  box-sizing: border-box;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  height: 100vh;
  height: 100dvh;
  padding: clamp(64px, 8dvh, 92px) var(--fpa-project-pad) clamp(30px, 5dvh, 58px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  place-items: center;
}

.fpa-project-menu-close {
  top: clamp(22px, 4dvh, 41px);
}

.fpa-project-menu nav {
  width: min(100%, 940px);
  max-height: calc(100dvh - 118px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(5px, 0.95dvh, 10px);
  padding: clamp(8px, 1.8dvh, 18px) 0;
  box-sizing: border-box;
}

.fpa-project-menu nav a {
  font-size: clamp(30px, 6.1dvh, 66px);
  line-height: .98;
  white-space: nowrap;
}

/* Shorter laptop windows / browser chrome consume more vertical space. */
@media (max-height: 760px) {
  .fpa-project-menu-inner {
    padding-top: 58px;
    padding-bottom: 24px;
  }

  .fpa-project-menu nav {
    gap: 4px;
    padding-block: 6px;
  }

  .fpa-project-menu nav a {
    font-size: clamp(28px, 5.7dvh, 43px);
    line-height: .96;
  }
}

/* Keep the menu comfortable on narrower devices too. */
@media (max-width: 720px) {
  .fpa-project-menu-inner {
    padding-left: 24px;
    padding-right: 24px;
  }

  .fpa-project-menu nav a {
    font-size: clamp(30px, 7.1vw, 46px);
    white-space: normal;
    text-align: center;
  }
}