fix: use vh-based hero padding at 1400px breakpoint for small PC screens

Author: ddrayko

site/style.css

@@ -1312,7 +1312,7 @@ body::after {
 
 @media (max-width: 1400px) {
   .hero {
-    padding: calc(var(--navbar-h) + 96px) 48px 60px clamp(200px, 18vw, 400px);
+    padding: calc(var(--navbar-h) + 15vh) 48px 60px clamp(200px, 18vw, 400px);
     min-height: 100dvh;
     align-items: flex-start;
   }
@@ -1410,7 +1410,7 @@ body::after {
   .feature-card--large { grid-column: 1; }
 
   .hero {
-    padding: calc(var(--navbar-h) + 20vh) 20px 32px 20px;
+    padding: calc(var(--navbar-h) + 96px) 20px 32px 20px;
     text-align: center;
     justify-content: center;
     min-height: auto;