The issue is clear: the mobile menu overlay uses inset-0 (starts at top: 0), so it sits behind the navbar, and the inner container uses justify-center with only pt-20 to compensate. The most reliable fix is to start the overlay below the navbar by using top-0 with padding, or better yet, make the overlay start at the navbar's bottom edge. I'll change the overlay to inset-x-0 top-0 bottom-0 and replace the inner layout from justify-center to justify-start with enough top padding to clear the header (the navbar is py-4 on both sides plus text, ~72px tall, so pt-24 is safe).

Changed the inner container from justify-center pt-20 to justify-start pt-28, which gives 112px of top clearance — comfortably below the navbar height. pb-12 and overflow-y-auto are also added so the menu remains scrollable if the screen is very short and the Enquire button at the bottom is always reachable.

The subheading text ("Adelaide's Premier Event Venue") and the descriptive paragraph both use text-primary-foreground/70, which at 70% opacity is too faint against the backdrop. I'll bump both to full or near-full opacity:

Raised both the tagline and the descriptive paragraph from text-primary-foreground/70 (70% opacity) to text-primary-foreground/90 (90% opacity). Combined with the previously darkened backdrop gradient, the hero subtext should now have clear, comfortable contrast against the background image.