Build a responsive navigation bar that shows horizontal links on desktop and collapses into an off-canvas menu on mobile.
The navbar displays links inline on wide screens. On narrow screens, a hamburger button opens a slide-in menu.
Implement the responsive behavior with CSS media queries and a toggle for the mobile menu.
Make the mobile menu close when a link is clicked or the backdrop is tapped.
Test at desktop and mobile widths.
