Fix: landing hero character always fully visible below navbar

templates/landing.html

@@ -17,6 +17,22 @@
       rel="stylesheet"
     />
     <style>
+              @media (max-width: 900px) {
+                .hero {
+                  padding-top: 120px;
+                }
+                .hero-visual {
+                  margin-top: 24px;
+                }
+              }
+              @media (max-width: 600px) {
+                .hero {
+                  padding-top: 90px;
+                }
+                .hero-visual {
+                  margin-top: 32px;
+                }
+              }
           /* Responsive: Mobile First */
           @media (max-width: 900px) {
             .hero {