Home: collapse Software + Engagements back into a single "Our Work." section

with two category labels (Custom Software R&D + End-to-End Agentic IT
Services), Workbench and Riverside Mill as examples under each

- Nav reverts to Services / Work / Leadership
- Hero CTA + case study back link reset to #work
- New .work-cat / .cat-label / .cat-lead styles for the in-section category
  headings

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

Author: rmdevpro

case-studies/riverside-mill-complex.html

@@ -99,7 +99,7 @@
 
 <section class="cs-hero">
   <div class="wrap">
-    <a class="back" href="../index.html#engagements">← Engagements</a>
+    <a class="back" href="../index.html#work">← Work</a>
     <h1>Riverside Mill Complex</h1>
     <p class="tagline">Full campus technology stack for a 240,000 sq ft multi-tenant commercial and light manufacturing facility &mdash; a brick former papermill built in the 1890s.</p>
     <p class="sub">One partner across agentic transformation, HVAC, security, power, and IT. Five co-located tenants run daily operations on the systems we designed and built.</p>

css/style.css

@@ -168,6 +168,11 @@ h3 { font-size: 1.125rem; font-weight: 600; }
 .section-head h2 { max-width: 30ch; }
 .section-head p { font-size: 1rem; color: var(--text-soft); margin-top: 0.6rem; max-width: 60ch; line-height: 1.55; }
 
+/* Work sub-categories (within #work section) */
+.work-cat { margin-bottom: 1.25rem; }
+.work-cat .cat-label { font-size: 1.15rem; font-weight: 600; color: var(--text); letter-spacing: -0.01em; margin-bottom: 0.5rem; }
+.work-cat .cat-lead { font-size: 0.95rem; color: var(--text-soft); line-height: 1.55; margin: 0; max-width: 65ch; }
+
 /* ---- Services list (non-marketing) ------------------- */
 .services-list {
   display: grid; gap: 0;

index.html

@@ -96,8 +96,7 @@
     </a>
     <ul>
       <li><a href="#services">Services</a></li>
-      <li><a href="#software">Software</a></li>
-      <li><a href="#engagements">Engagements</a></li>
+      <li><a href="#work">Work</a></li>
       <li><a href="#leadership">Leadership</a></li>
     </ul>
     <a class="go" href="#contact">Contact →</a>
@@ -112,7 +111,7 @@ <h1><em>Technology leadership</em> for small and medium businesses.</h1>
         <p class="sub">AI-led organizational transformation, technology strategy, and end-to-end technology engineering services for startups as well as small and medium businesses.</p>
         <div class="cta">
           <a class="btn" href="#contact">Start a conversation</a>
-          <a class="btn ghost" href="#engagements">See the work</a>
+          <a class="btn ghost" href="#work">See the work</a>
         </div>
       </div>
     </div>
@@ -146,12 +145,17 @@ <h3>Engineering &amp; implementation.</h3>
   </div>
 </section>
 
-<section id="software">
+<section id="work">
   <div class="wrap">
     <div class="section-head">
-      <h2>Custom Software Research &amp; Development</h2>
-      <p>The practice builds custom agentic software where the off-the-shelf options don&rsquo;t fit the work. An example:</p>
+      <h2>Our Work.</h2>
     </div>
+
+    <div class="work-cat">
+      <div class="cat-label">Custom Software Research &amp; Development</div>
+      <p class="cat-lead">The practice builds custom agentic software where the off-the-shelf options don&rsquo;t fit the work. An example:</p>
+    </div>
+
     <div class="flagship">
       <div class="art">
         <img src="assets/workbench-preview.png" alt="Blueprint Agentic Workbench — multi-agent environment">
@@ -162,15 +166,12 @@ <h3>Blueprint Agentic Workbench</h3>
         <a class="link" href="open-source/blueprint-agentic-workbench.html">Read more →</a>
       </div>
     </div>
-  </div>
-</section>
 
-<section id="engagements">
-  <div class="wrap">
-    <div class="section-head">
-      <h2>End-to-End Agentic IT Services</h2>
-      <p>Network, security, power, building systems, business systems &mdash; all of it, with agents woven through. An example:</p>
+    <div class="work-cat" style="margin-top: clamp(2.5rem, 5vw, 4rem);">
+      <div class="cat-label">End-to-End Agentic IT Services</div>
+      <p class="cat-lead">Network, security, power, building systems, business systems &mdash; all of it, with agents woven through. An example:</p>
     </div>
+
     <div class="feature">
       <div>
         <h3>Riverside Mill Complex</h3>