From 168a6c6b0cac15f98a3ae9bbddaecdae1d0c3413 Mon Sep 17 00:00:00 2001
From: Calum Muir <calumamuir@outlook.com>
Date: Thu, 30 Apr 2026 19:57:50 +0000
Subject: [PATCH] Add frosted panel to homepage CTA editorial cards

Matches the same rgba(0,0,0,0.48) backdrop-filter treatment applied
to the Support Us cards for consistent text readability.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/pages/index.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 8ee4446..831a0ae 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -275,8 +275,8 @@ const ctaCards = [
                             loading="lazy"
                             decoding="async"
                         />
-                        <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) 100%);" />
-                        <div style="position: absolute; bottom: 0; left: 0; right: 0; padding: 28px 28px 32px;">
+                        <div style="position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.05) 100%);" />
+                        <div style="position: absolute; bottom: 0; left: 0; right: 0; padding: 28px 28px 32px; background: rgba(0,0,0,0.48); backdrop-filter: blur(4px);">
                             <p style="font-family: 'Public Sans', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255,255,255,0.65); margin-bottom: 8px;">
                                 {card.label}
                             </p>