Steps to replicate the issue:

• Open Paulina on a mobile device or resize browser window to mobile width (< 992px)
• Click the hamburger menu icon in the top navigation bar
• Observe the menu behavior when it opens

What happens?:

1. The hamburger menu pushes all page content down when opened, causing layout shift
2. The hamburger icon remains as three horizontal lines even when menu is open - no visual indication of open/closed state
3. No smooth animation on the hamburger icon transformation

What should have happened instead?:

1. The hamburger menu should overlay the page content using absolute positioning instead of pushing it down
2. The hamburger icon should animate to an X icon when the menu is open, providing clear visual feedback
3. The icon transformation should have a smooth transition animation (0.3s ease)