@media (max-width: 600px) {
  .nav-inner {
    position: relative;
    padding-right: 14px;
  }

  .nav-cta {
    display: none !important;
  }

  .nav-hamburger {
    display: flex !important;
    flex: 0 0 44px;
    position: absolute;
    top: 50%;
    right: 14px;
    z-index: 2;
    margin-left: auto;
    transform: translateY(-50%);
  }

  .nav-logo {
    max-width: calc(100% - 58px);
  }

  .mobile-nav {
    gap: 16px;
    padding-top: max(76px, env(safe-area-inset-top));
    padding-bottom: max(28px, env(safe-area-inset-bottom));
  }

  .mobile-nav a {
    font-size: clamp(1.45rem, 7vw, 2rem);
    line-height: 1.15;
  }

  .mobile-nav-close {
    top: 16px;
    right: 16px;
  }
}