Case study: tighten the gap between hero and first section — kill the

hero's bottom padding, halve the first cs-section's top padding

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: rmdevpro

case-studies/riverside-mill-complex.html

@@ -8,7 +8,7 @@
 <link rel="icon" href="../assets/logos/favicon.ico">
 <link rel="stylesheet" href="../css/style.css">
 <style>
-.cs-hero { padding-block: clamp(2.5rem, 5vw, 4rem); }
+.cs-hero { padding-top: clamp(2.5rem, 5vw, 4rem); padding-bottom: 0; }
 .cs-hero .back {
   font-family: var(--mono);
   font-size: 0.78rem;
@@ -68,6 +68,7 @@
   padding-block: clamp(2rem, 4vw, 3rem);
   border-bottom: 1px solid var(--rule);
 }
+.cs-section:first-of-type { padding-top: 1.5rem; }
 .cs-section:last-of-type { border-bottom: none; }
 .cs-section:has(+ .figure-section) { border-bottom: none; padding-bottom: 0.5rem; }
 .cs-section h2 { font-size: clamp(1.5rem, 2.6vw, 1.95rem); font-weight: 500; letter-spacing: -0.02em; margin-bottom: 1rem; }