Header anatomy

Two-row structure on desktop. Single-row + hamburger on mobile. The header is the global navigation chrome — every public route renders it, every locale loads it, every detail page anchors to it.

Desktop anatomy (≥1024px)

Row 1 · Utility bar

Compact secondary navigation. ~36px tall. Carries Partner, Submit Startup, Submit Opportunity, Search icon, and the Language dropdown. Visible only ≥1024px.

Row 2 · Main navigation

Logo + 9 main nav items + language toggle. Sticky to top on scroll. ~64px tall.

Logo

`h-10 sm:h-12 w-auto`. Always routes to `/:lang/` (locale-aware home). Never absolute `/`.

Active state

Per-section computed signals (`onCalendar`, `onFounders`, `onDocs`, …). Active link gets `.nav-link--active` class — purple underline + bolder weight.

Mobile anatomy (<1024px)

• Utility bar is hidden entirely on mobile — secondary actions move into the hamburger drawer or the footer.
• Main row collapses: Logo (left) · Language toggle + Hamburger button (right).
• Hamburger opens a full-width vertical menu with all 9 nav items + secondary CTAs (Submit Startup / Submit Opportunity / Partner).
• Search icon collapses to icon-only — search input expands on tap rather than rendering inline.