Header 1: Systemized (GEM 2.8)

Smart Sticky Logic: Hides on scroll down, reappears on scroll up.
System-Aware Styling: Fully integrated with tokens.css .
Optimized Navigation: High-fidelity links with subtle interaction states.
Mobile Readiness: Full-screen drawer for smaller viewports.

This design is extracted from gem-design-2-8-systemized.html. It features:

            
            <header class="site-header">

              <!-- Logo, Nav, Actions -->

            </header>