/* ==========================================================
   responsive.css
   The original design has NO static CSS @media breakpoints —
   verified by scanning the full bundled source. Its responsive
   behaviour (hero dashboard sizing, sidebar layout, etc.) is
   computed live in JavaScript via ResizeObserver / window resize
   listeners inside js/main.js (see measureHero / updateHeroWrapSize
   and the window.matchMedia('(max-width: 900px)') checks in
   js/animations.js and js/vendor/design-system.js). This file is
   kept as a placeholder per the requested project structure and is
   the right place to add any future @media rules.
   ========================================================== */