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>