feat: adds purpose + values section to Who We Are page

assets/css/custom.scss

@@ -2763,6 +2763,84 @@ footer {
   color: $pine;
 }
 
+#who-our-values {
+  padding: 5.3rem 0 4.5rem;
+  position: relative;
+  color: #fff;
+  background: $pine;
+
+  @media (max-width: 767px) {
+    padding: 3.5rem 0 3rem;
+  }
+}
+
+.valuesPurpose {
+  font-weight: 700;
+  font-size: 1.75rem;
+  line-height: 1.36em;
+  letter-spacing: -0.03em;
+  max-width: 750px;
+  margin: 0 auto;
+  padding-bottom: 0.5em;
+
+  @media (max-width: 991px) {
+    font-size: 1.5rem;
+  }
+  @media (max-width: 575px) {
+    font-size: 1.3rem;
+  }
+}
+
+.valuesGroupTitle {
+  margin-top: 2.4rem;
+  margin-bottom: 0.2rem;
+
+  @media (max-width: 767px) {
+    margin-top: 1.6rem;
+  }
+}
+
+#values-who-row {
+  justify-content: center;
+  .col {
+    margin-top: 1.22rem;
+    margin-bottom: 1.1rem;
+  }
+  .card {
+    border-radius: 3.33rem;
+    background: linear-gradient(
+      54deg,
+      rgba(95, 220, 182, 0.16) 22.51%,
+      rgba(42, 217, 194, 0.16) 45.75%,
+      rgba(138, 177, 201, 0.16) 63.83%
+    );
+    @media (max-width: 767px) {
+      border-radius: 1.5rem;
+    }
+    .card-body {
+      padding: 1.9rem 2.1rem 2rem;
+      text-align: center;
+      @media (max-width: 767px) {
+        padding: 1.5rem;
+      }
+      h4 {
+        font-size: 1.44rem;
+        line-height: 1.15em;
+        padding-bottom: 0.5em;
+        @media (max-width: 767px) {
+          font-size: 1.3rem;
+        }
+      }
+      p {
+        font-size: 1.05rem;
+        font-weight: 400;
+        line-height: 1.42em;
+        margin-bottom: 0;
+      }
+    }
+  }
+}
+
 #page-services {
   #banner {
     padding: 10.45rem 0 8.1rem;

content/sections/who-our-values.md

@@ -0,0 +1,28 @@
+---
+title: Our Values
+weight: 3
+position: justify-content-center text-center
+size: col-12
+section_categories:
+  - who-we-are
+id: who-our-values
+
+cards:
+  - title: "We communicate with excellence."
+    intro: "We are deliberate, explicit, and empathetic communicators. We listen to understand — not just to respond — and we hear the deeper concern behind what's being said. We believe being a good communicator starts with being a good listener."
+  - title: "We are experts with a point of view."
+    intro: "We stay well-read and current in our craft. We bring patterns, methodology, and opinions backed by experience. We are always improving, always curious, always bringing better thinking to the work."
+  - title: "We work with autonomy and high agency."
+    intro: "We take ownership and make sound decisions independently. We take things from start to finish with confidence. When we hear a critical issue from a client, we take it on — we don't wait to be asked."
+---
+
+<!-- Section partials start at h3: the page banner owns the higher heading levels. -->
+<!-- markdownlint-disable MD001 -->
+
+### Our Purpose {.sectionTitle .big .text-gradient .text-center .d-inline-block .mb-0}
+
+<p class="valuesPurpose">We untangle infrastructure and upskill the teams who own it.</p>
+
+#### Our Values {.groupTitle .text-gradient .text-center .d-inline-block .valuesGroupTitle}
+
+{{< cards col="col-sm-6 col-md-4" id="values-who-row" >}}

content/sections/who-we-support.md

@@ -1,12 +1,12 @@
 ---
 title: Who We Support
-weight: 3
+weight: 4
 position: justify-content-center text-center
 size: col-12 col-md-12 col-lg-8
 #section_image: /img/img_matt_gowie.png
 #image: /img/bg_our_team.jpg
 section_categories:
-    - who-we-are
+  - who-we-are
 id: section-who-we-support
 ---