Cap icon height so it never collides with the hero words

With hero words anchored at top-20 md:top-24, their bottom edge could
reach y=~370 on the wide-font end. Icon is bottom-fixed at 500px, so on
viewports around 800-900px tall its top (y=viewport-500) landed right
on top of "for Mice*" and the footnote. Clamp icon height to
min(500px, calc(100vh - 420px)) so the icon always leaves room below
the word block; tall viewports still see the full 500px.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: nedtwigg

website/src/pages/Home.tsx

@@ -222,7 +222,7 @@ function Home() {
         playsInline
         preload="auto"
         className="fixed bottom-0 left-0 w-full object-contain object-bottom z-0"
-        style={{ height: "500px" }}
+        style={{ height: "min(500px, calc(100vh - 420px))" }}
       />
 
       {/* ── Pinned scroll runway: hero text overlay ── */}