From de7c257ab7b25895c95da50f61c246c908d05d26 Mon Sep 17 00:00:00 2001
From: Jonathon Wright <jonny.wright225@gmail.com>
Date: Fri, 3 Jul 2026 20:16:52 +1000
Subject: [PATCH] hero: wrap the fleet-fact bar on phones - nowrap+max-content
 busts a 390px viewport

---
 src/components/Hero.astro | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index 463715a..bfe46e9 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -303,7 +303,18 @@ import Constellation from "./Constellation.astro";
   }
   @media (max-width: 560px) {
     .hero__viz { display: none; }
-    .hero__fact { font-size: 12px; }
     .hero__scroll { display: none; }
+    /* phones: the fact bar fills the column and WRAPS like a real terminal —
+       the desktop one-liner (nowrap + max-content) busts a 390px viewport */
+    .hero__fact {
+      font-size: 12px;
+      width: 100%;
+      max-width: 100%;
+    }
+    .hero__fact-line {
+      white-space: normal;
+      overflow-wrap: anywhere;
+      line-height: 1.5;
+    }
   }
 </style>