feature/services-pages (#7)

Reviewed-on: #7
Co-authored-by: mifi <badmf@mifi.dev>
Co-committed-by: mifi <badmf@mifi.dev>

src/app.css

@@ -323,11 +323,20 @@ a {
    Layout Containers
    ======================================== */
 
+/* Avoid in-page anchor targets sitting under sticky nav */
+[id] {
+    scroll-margin-top: 6rem;
+}
+
 .container {
     width: 100%;
     max-width: var(--max-width);
     margin: 0 auto;
     padding: 0 var(--space-md);
+
+    &.narrow {
+        max-width: var(--max-narrow-width);
+    }
 }
 
 .section {
@@ -481,6 +490,52 @@ a {
             top: 0.1em;
         }
     }
+
+    &.ordered {
+        list-style: decimal;
+        padding-left: var(--space-xl);
+
+        & li {
+            padding-left: var(--space-sm);
+
+            &::before {
+                content: none;
+            }
+        }
+    }
+}
+
+/* ========================================
+   Services Landing: Card Grid, Engagements, Ideal
+   ======================================== */
+
+.engagements-list {
+    margin: var(--space-lg) 0;
+
+    & dt {
+        font-weight: var(--font-weight-semibold);
+        color: var(--color-text);
+        margin-top: var(--space-lg);
+        margin-bottom: var(--space-xs);
+
+        &:first-child {
+            margin-top: 0;
+        }
+    }
+
+    & dd {
+        margin: 0 0 0 var(--space-md);
+        color: var(--color-text-secondary);
+        line-height: var(--line-height-relaxed);
+    }
+}
+
+.services-intro {
+    background-color: var(--color-bg-alt);
+}
+
+.services-ideal {
+    background-color: var(--color-bg-alt);
 }
 
 /* ========================================