diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 9175929..298a293 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -212,7 +212,7 @@ body:not(.has-hero) .md-content__inner {
 /* === 8. MOBILE ADJUSTMENTS === */
 @media screen and (max-width: 76.25em) {
   .hero-banner {
-    min-height: 70vh;
+    min-height: 100vh;
     /* MOBILE BACKGROUND - Override the desktop image */
     background-image: 
       linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),