Mobile menu behavior

Below 1024px the desktop main nav collapses to a hamburger trigger. Tapping opens a vertical drawer with all 9 nav items + secondary CTAs. The drawer locks body scroll and traps focus.

Mobile drawer contents (ordered)

1. 9 main nav items (same order as desktop).
2. — divider —
3. Submit Startup (full-width tap-friendly).
4. Submit Opportunity.
5. Partner with us.
6. — divider —
7. Language toggle (compact).

Behavior rules

Open trigger

Hamburger button (`aria-expanded`, `aria-controls`). 44px tap target via global guard.

Body scroll lock

When `mobileOpen` is true, body gets `overflow: hidden`. Releases on close.

Close triggers

Tap any nav item · tap the X icon · tap the backdrop · ESC key · viewport resize ≥1024px (auto-close).

Focus trap

Tab cycles through drawer items only. First link auto-focused on open. Restored to hamburger button on close.