Home page content, some more styling for headings & the page nav

src/css/compositions/stack.css

@@ -1,15 +1,23 @@
 [class*="stack"] > * + * {
-	margin-block-start: var(--vertical-spacing, 1.5rem);
+  margin-block-start: var(--vertical-spacing, 1.5rem);
 }
 
 .stack-sm {
-	--vertical-spacing: var(--space-size-s);
+  --vertical-spacing: var(--space-size-s);
 }
 
 .stack-md {
-	--vertical-spacing: var(--space-size-m);
+  --vertical-spacing: var(--space-size-m);
 }
 
 .stack-lg {
-	--vertical-spacing: var(--space-size-l);
-}
+  --vertical-spacing: var(--space-size-l);
+}
+
+.stack-xl {
+  --vertical-spacing: var(--space-size-xl);
+}
+
+.stack-2xl {
+  --vertical-spacing: var(--space-size-2xl);
+}