From 5e5e3da021a7d6becaf2df793b0678f5e5257f29 Mon Sep 17 00:00:00 2001
From: Keith Casko <kcasko@wgu.edu>
Date: Sun, 21 Jun 2026 10:17:49 -0400
Subject: [PATCH] Tighten hero spacing above the fold

---
 style.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/style.css b/style.css
index 4ec7b81..948c936 100644
--- a/style.css
+++ b/style.css
@@ -46,7 +46,7 @@ img {
 
 .site-header {
   width: min(calc(100% - 48px), var(--max));
-  height: 76px;
+  height: 64px;
   margin: 0 auto;
   display: flex;
   background: linear-gradient(180deg, rgba(15, 20, 25, 0.4) 0%, transparent 100%);
@@ -114,12 +114,12 @@ img {
 
 .hero {
   width: min(calc(100% - 48px), var(--max));
-  min-height: 690px;
+  min-height: 0;
   margin: 0 auto;
-  padding: 92px 0 84px;
+  padding: 28px 0 38px;
   display: grid;
-  grid-template-columns: minmax(390px, 0.72fr) minmax(560px, 1.28fr);
-  gap: 56px;
+  grid-template-columns: minmax(480px, 0.9fr) minmax(520px, 1.1fr);
+  gap: 44px;
   align-items: center;
 }
 
@@ -174,7 +174,7 @@ h2 {
 
 h1 {
   max-width: 660px;
-  font-size: clamp(3.1rem, 5.5vw, 5.25rem);
+  font-size: clamp(3.1rem, 5vw, 4.7rem);
   line-height: 0.98;
   background: linear-gradient(135deg, #f0f6fc 0%, var(--accent-soft) 60%);
   background-clip: text;
@@ -286,8 +286,8 @@ h1 {
 }
 
 .project-facts div {
-  min-height: 180px;
-  padding: 48px 24px 48px 0;
+  min-height: 126px;
+  padding: 28px 24px 28px 0;
   border-right: 1px solid var(--line);
   transition: background 300ms ease;
   background: linear-gradient(180deg, rgba(88, 166, 255, 0.02) 0%, transparent 100%);
@@ -671,7 +671,7 @@ footer p {
   .hero {
     min-height: auto;
     grid-template-columns: 1fr;
-    gap: 70px;
+    gap: 34px;
   }
 
   .hero-copy {
@@ -747,7 +747,7 @@ footer p {
   }
 
   .hero {
-    padding: 68px 0 64px;
+    padding: 26px 0 36px;
   }
 
   h1 {