/* * Mobile polish layer — R/GA polish pass, 2026-04-29 * * Loaded on every page via . * Every rule is mobile-only (@media max-width: 768px) so desktop is untouched. * * Contains: * 1. Sticky nav with scrolled-state (backdrop-filter + fallback) * 2. Drawer item stagger animation (40ms apart) * 3. Scroll progress bar — 2px brand-red signature line * 4. Reduced reveal motion — 24px / 500ms (was 40px / 800ms) * 5. View transitions — 250ms cross-fade between pages * * Hard rule: every selector lives inside @media (max-width: 768px) OR * is a top-level @view-transition / ::view-transition rule. Reduced-motion * is respected throughout. */ /* ======================================================================== Position-aware scroll reveals — text and image meet at center (owner request 2026-04-30, premium R/GA-school motion DNA). Direction is assigned by scripts/scroll-reveals.js based on each element's horizontal center vs viewport center: elements on the left half slide in from the left, elements on the right half slide in from the right, elements within ±10% of center fall back to alternating. Distance, easing, and duration follow the brief. Specificity strategy: every HTML file's inline