/* ========================================================================== MOBILE.CSS, Stripe-quality mobile reflow for the Radian Arc site ────────────────────────────────────────────────────────────────────────── Triggers at ≤ 820px (responsive-scale.js disables its zoom hack below this). Sub-breakpoint at ≤ 480px tightens for narrow phones. Strategy: • Real layout reflow, not a shrunken desktop. Position:absolute wrappers become relative normal-flow blocks. Multi-column grids collapse. Fixed module heights become auto. • Fluid typography via clamp(), large headlines stay readable (~34–48px) instead of zooming to 17px. • Decorative widgets that don't translate (3D globe, scrolling game walls, 12-column gantt charts, chatbot dock) get hidden on mobile and replaced with summary text where appropriate. • Generous 20–24px gutters everywhere; cards stack with 16px gaps. • Hamburger nav (mobile-nav.js injects the button; this file styles both the trigger and the full-screen drawer). Loaded AFTER all per-page