From 9ebc3bffab4f6fe708724d4f1e767f12eea9b722 Mon Sep 17 00:00:00 2001
From: krisf <kris@gohosted.ca>
Date: Sat, 15 Aug 2026 22:07:56 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20mobile=20hero=20overlay=20=E2=80=94=20st?=
 =?UTF-8?q?op=20Lead-briefing=20badge=20clipping?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5348dfc..2df0143 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -47,14 +47,14 @@ export default async function HomePage({
                       </span>
                     </div>
                   )}
-                  <div className="absolute inset-x-0 bottom-0 bg-gradient-to-t from-ink-950/95 via-ink-950/70 to-transparent p-5 pt-16">
+                  <div className="absolute inset-x-0 bottom-0 bg-gradient-to-t from-ink-950/95 via-ink-950/70 to-transparent px-4 pb-4 pt-10 sm:px-5 sm:pb-5 sm:pt-16">
                     <span className="mb-2 inline-block rounded bg-maple-600 px-2 py-0.5 text-[11px] font-bold uppercase tracking-wider text-white">
                       Lead briefing
                     </span>
-                    <h1 className="font-display text-2xl font-bold leading-tight text-white sm:text-3xl">
+                    <h1 className="line-clamp-2 font-display text-lg font-bold leading-tight text-white sm:line-clamp-3 sm:text-3xl">
                       {hero.headline ?? hero.title}
                     </h1>
-                    <p className="mt-2 line-clamp-2 text-sm text-ink-200">{hero.excerpt}</p>
+                    <p className="mt-2 line-clamp-1 text-sm text-ink-200 sm:line-clamp-2">{hero.excerpt}</p>
                   </div>
                 </div>
               </Link>