diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 0e79112..6bdad1a 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -59,16 +59,13 @@ const featuredEvents = [
     <!-- Hero: full-viewport, transparent over the pinned backdrop. Content is
          anchored near the top on mobile (avoids a tall dead band under the
          header) and vertically centered from lg up. -->
-    <section class="relative isolate flex min-h-screen flex-col items-center justify-start overflow-hidden pt-12 sm:pt-16 lg:justify-center lg:pt-0">
-      <div
-        class="pointer-events-none absolute inset-0 -z-10 bg-gradient-to-b from-background/55 to-transparent"
-      ></div>
-
+    <section class="relative isolate flex flex-col items-center justify-start overflow-hidden pt-12 pb-16 sm:pt-16 lg:min-h-screen lg:justify-center lg:pb-0 lg:pt-20">
       <div
         class="relative mx-auto flex max-w-7xl flex-col items-center px-4 text-center lg:px-6"
       >
         <p
-          class="font-display text-xl uppercase tracking-[0.25em] text-accent drop-shadow-[0_1px_4px_rgba(0,0,0,0.85)] md:text-3xl lg:text-4xl"
+          class="whitespace-nowrap bg-clip-text font-display text-[clamp(0.62rem,2.4vw,1.875rem)] uppercase tracking-[0.12em] text-transparent drop-shadow-[0_1px_4px_rgba(0,0,0,0.85)] sm:tracking-[0.2em]"
+          style="background-image: linear-gradient(to right, #b99f2c, #855c16)"
         >
           {{ t('common.tagline') }}
         </p>