diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 06a349a..0e79112 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -56,8 +56,10 @@ const featuredEvents = [
       class="fixed inset-0 -z-50 h-screen w-screen object-cover"
     />
 
-    <!-- Hero: full-viewport, transparent over the pinned backdrop -->
-    <section class="relative isolate flex min-h-screen flex-col items-center justify-center overflow-hidden">
+    <!-- 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>