/* Mobile menu + loader + sharp telescope canvas */
.nav {
  position: relative;
  z-index: 10050 !important;
  pointer-events: auto !important;
}

.nav__toggle {
  position: relative !important;
  z-index: 10060 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: rgba(224, 165, 48, 0.25);
  touch-action: manipulation;
}

.page-loader.is-hidden,
.page-loader.page-loader--done {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  display: none !important;
}

/* Keep 3D canvas crisp — no CSS blur on the model itself */
.hero-stage__canvas,
#hero-canvas {
  image-rendering: auto;
  -webkit-font-smoothing: antialiased;
  filter: none !important;
  transform: translateZ(0);
}

@media (max-width: 768px) {
  .nav {
    position: sticky !important;
    top: 0 !important;
    transform: none !important;
  }

  .nav.nav--hidden {
    transform: none !important;
  }

  .nav__toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    min-height: 44px;
  }

  .nav__links {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    z-index: 10040 !important;
    background: rgba(8, 8, 10, 0.98) !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 24px !important;
    padding: 96px 24px 40px !important;
    margin: 0 !important;
    list-style: none !important;
    pointer-events: auto !important;
  }

  .nav__links.is-open {
    display: flex !important;
  }

  body.nav-open {
    overflow: hidden !important;
  }

  body.nav-open .nav {
    z-index: 10050 !important;
  }

  /* Larger, sharper stage for the telescope on phones */
  .hero-stage__canvas,
  #hero-canvas {
    width: 92% !important;
    height: 92% !important;
  }
}