Home Nav Stacking Fix

Date: 2026-03-25 Type: Production-facing site fix

What changed

The global top navigation now establishes its own isolated stacking context and a higher z-index so the homepage hero cannot interfere with nav clicks or dropdown interaction. The nav surface was also made slightly more opaque to keep it visually consistent between the homepage and interior pages.

Why

The recent nav atmosphere refresh introduced a translucent header treatment that looked acceptable on most pages but exposed a stacking and readability issue on the homepage, where the hero surface sits directly beneath the nav. That created a production problem: the home nav could appear too transparent and its interactive targets could become unreliable.

Files

• site/app/components/SiteNav.tsx

User impact

The homepage nav now behaves like the nav on the rest of the site: stable, readable, and fully clickable.

Follow-up

If the homepage hero is redesigned again, sanity-check it against the shared header before promoting visual header experiments to production.