diff --git a/web/views/timeline.ejs b/web/views/timeline.ejs
index c397b52..3229e5b 100644
--- a/web/views/timeline.ejs
+++ b/web/views/timeline.ejs
@@ -185,6 +185,22 @@
             .timeline-node:nth-child(14) { grid-area: 5 / 2; }
         }
 
+        /* Short desktop viewports (e.g. 1080p monitors): trim the hero and card
+           footprint so row 1 ends above the comet's resting spot, leaving a
+           visible "scroll down" breathing band below it. Tall screens (1440p)
+           already have that room, so they keep the roomier sizing above. */
+        @media (min-width: 1024px) and (max-height: 1080px) {
+            .timeline-hero {
+                padding-top: 4.5rem;
+                padding-bottom: 1.5rem;
+            }
+            .timeline { margin-top: 1rem; }
+            .timeline-card { padding: 1.85rem; }
+            .timeline-title { font-size: 1.5rem; }
+            .timeline-desc { font-size: 1.02rem; line-height: 1.6; }
+            .timeline-card-footer { margin-top: 1.25rem; padding-top: 0.85rem; }
+        }
+
         .timeline-card {
             position: relative;
             background: linear-gradient(135deg, rgba(55, 70, 55, 0.55) 0%, rgba(38, 38, 38, 0.55) 100%);
@@ -552,7 +568,7 @@
         // reveal line is the frontier. This keeps the comet just below the last
         // in-view card on load, then leading the draw as you scroll, instead of
         // jumping ahead off-screen.
-        var REVEAL_FRACTION = 0.72;
+        var REVEAL_FRACTION = 0.82;
         function frontierProgress() {
             if (!pathLength || !_samples) return state.progress;
             var revealY = window.innerHeight * REVEAL_FRACTION - timeline.getBoundingClientRect().top;