Tighten homepage vertical spacing

Cut the stacked hero padding, section margins, and heading
top-margins so the landing page has less empty space without
changing the layout.

Author: ejboy

style.css

@@ -304,10 +304,10 @@ a:hover {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.9fr);
   gap: clamp(1.5rem, 4vw, 3.5rem);
-  align-items: center;
+  align-items: start;
   width: min(100% - 2rem, var(--site-width));
   margin-inline: auto;
-  padding-block: clamp(2rem, 5vw, 4rem);
+  padding-block: clamp(1.15rem, 2.5vw, 2rem);
 }
 
 .hero h1 {
@@ -354,8 +354,17 @@ a:hover {
   text-transform: uppercase;
 }
 
+.page-shell.home-content {
+  padding-top: clamp(1.25rem, 2.5vw, 1.75rem);
+}
+
+.home-content > section > h2:first-child,
+.home-content > section > :first-child > h2:first-child {
+  margin-top: 0;
+}
+
 .home-content > section + section {
-  margin-top: clamp(2.5rem, 6vw, 4.5rem);
+  margin-top: clamp(1.75rem, 3.5vw, 2.5rem);
 }
 
 .feature-grid,
@@ -387,7 +396,7 @@ a:hover {
   display: grid;
   grid-template-columns: minmax(15rem, 0.75fr) minmax(0, 1.25fr);
   gap: clamp(1.5rem, 5vw, 4rem);
-  padding-block: 2rem;
+  padding-block: 1.25rem;
   border-block: 1px solid var(--border);
 }