Nav: priority+ overflow so all 11 sections fit any…

Details

Add the remaining sections (Education, Teaching, Recognition) so the top nav
lists every page section in appearance order:
  Interactive · About · Research · Publications · Projects · Experience ·
  Education · Teaching · Recognition · News · Contact
Instead of a single hamburger breakpoint, v3InitNavOverflow (replacing the old
all-or-nothing toggle) measures the row on every resize (ResizeObserver +
fonts.ready) and moves whichever links don't fit into a three-line "more"
dropdown — so the row adapts continuously: 11 links at ≥~1400px, fewer as it
narrows, all of them in the menu on phones. The overflow menu keeps page order
and closes on outside-click / Esc (Esc restores focus to the toggle).
Measurement checks BOTH the bar and the row's own box (the row is a flex child
the layout shrinks rather than overflowing), and clears the empty-row class
before measuring (or the hidden row reads as zero width = "everything fits").
On the smallest screens the version switcher (also in ⌘K + footer) and the ⌘K
hint's label drop out so the wordmark + more + ⌘K always fit. Verified no
overflow 390–1440px; the ⌘K palette still lists every section.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014c7dbCGbQxtWedKRSx4sJi

Files changed (4)