fix: constrain hero section height to prevent dots from scaling on large displays

The hero background pattern (dots) was growing too large on displays wider
than the design specification. Added max-h-[800px] constraint to both the
hero section and background container to maintain consistent sizing across
all display sizes while preserving responsive behavior for mobile/tablet.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: 1kevgriff

src/pages/index.astro

@@ -272,9 +272,9 @@ const allSponsors = [...topTierSponsors, ...standardSponsors];
     </button>
 
     <!-- Hero Section with Nav -->
-    <section class="hero-section w-full relative overflow-hidden">
+    <section class="hero-section w-full relative overflow-hidden max-h-[800px]">
       <!-- Hero background image - responsive for phone/tablet/desktop -->
-      <div class="absolute inset-0 pointer-events-none">
+      <div class="absolute inset-0 pointer-events-none max-h-[800px]">
         <!-- Phone hero (up to 767px) -->
         <Image src={heroPhone} alt="" class="w-full h-full object-cover object-center md:hidden" width={390} height={680} />
         <!-- Tablet hero (768px to 1369px) -->