fix: use fixed 280px extra hero padding on small PC screens for consistent gap

Author: ddrayko

site/style.css

@@ -1312,9 +1312,9 @@ body::after {
 
 @media (max-width: 1400px) {
   .hero {
-    padding: calc(var(--navbar-h) - 10px) 48px 60px clamp(200px, 18vw, 400px);
+    padding: calc(var(--navbar-h) + 280px) 48px 60px clamp(200px, 18vw, 400px);
     min-height: 100dvh;
-    align-items: center;
+    align-items: flex-start;
   }
 
   .hero-title {