From fbbaa35b57a3ec3eb68c36080ceeea0a7a4bf879 Mon Sep 17 00:00:00 2001
From: Guillaume <4777345+ltguillaume@users.noreply.github.com>
Date: Mon, 25 May 2026 21:51:04 +0000
Subject: [PATCH] CSS: Prevent .hero-lede bottom cut-off, improve .ticker-card
 looks

---
 src/styles/landing.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/styles/landing.css b/src/styles/landing.css
index a8f8cda8..1d0e1611 100644
--- a/src/styles/landing.css
+++ b/src/styles/landing.css
@@ -206,6 +206,7 @@
       line-height: 1.15;
       max-width: 700px;
       margin: 0 auto 1.5rem;
+      padding-bottom: 0.2em;
       letter-spacing: -0.02em;
       background: linear-gradient(135deg, #d32f2f 0%, #ff6659 100%);
       -webkit-background-clip: text;
@@ -744,16 +745,27 @@
     }
 
     .ticker-card p {
+      position: relative;
       margin: 0 0 0.5rem;
       font-style: italic;
       font-weight: 500;
-      line-height: 1.4;
+      line-height: 1.25;
       display: -webkit-box;
       -webkit-line-clamp: 6;
       -webkit-box-orient: vertical;
       overflow: hidden;
     }
 
+    .ticker-card p::after {
+        content: "";
+        position: absolute;
+        left: 0;
+        right: 0;
+        bottom: 2em;
+        height: 2em;
+        background: linear-gradient(0deg, hsl(var(--tc-h), var(--tc-s), 96%) 25%, rgba(255, 255, 255, 0));
+    }
+
     .ticker-card cite {
       font-size: 0.75rem;
       font-style: normal;