From af4f4f8d2f8873b73f55386d42f1146536cca3d3 Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Wed, 21 Oct 2026 08:45:47 +0800
Subject: [PATCH] fix: scale category subtitle margin with the hero heading

The subtitle's fixed top margin did not grow with the fluid h1, so heading descenders crowded the subtitle on category and sponsorship heroes.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 website/static/style.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/website/static/style.css b/website/static/style.css
index bdc3b7f1..3c3bd9c8 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -493,7 +493,8 @@ kbd {
 }
 
 .category-subtitle {
-  margin-top: 1.1rem;
+  /* Cormorant descenders hang ~0.28em below the h1's 0.9 line box, so the gap scales with the h1. */
+  margin-top: max(1.1rem, var(--display-lg) * 0.3);
   color: var(--hero-muted);
   font-size: var(--text-xl);
   text-wrap: pretty;