From ead5dc13c17db0101f36ad5ff36e503686066183 Mon Sep 17 00:00:00 2001
From: Padreug <padreug@aiolabs.dev>
Date: Sun, 14 Jun 2026 16:56:29 +0200
Subject: [PATCH] style(header): shrink aside-hero title to text-3xl on mobile

The long uppercase Symposium hero title ran large at text-4xl on narrow
phones. Start at text-3xl, keep md:text-5xl at the desktop breakpoint.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/components/layout/PageHero.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout/PageHero.vue b/src/components/layout/PageHero.vue
index 0e68417..94b9f56 100644
--- a/src/components/layout/PageHero.vue
+++ b/src/components/layout/PageHero.vue
@@ -28,7 +28,7 @@ const hasAside = () => !!slots.aside
         <p v-if="kicker" class="font-display text-xs uppercase tracking-[0.3em] text-accent">
           {{ kicker }}
         </p>
-        <h1 class="mt-3 font-display text-4xl uppercase leading-tight tracking-wider md:text-5xl">
+        <h1 class="mt-3 font-display text-3xl uppercase leading-tight tracking-wider md:text-5xl">
           {{ title }}
         </h1>
         <p v-if="lede" class="mt-6 max-w-prose text-lg leading-relaxed text-foreground/90">