From 7706b90dfc8fce6f7afc16159278f555c69a068e Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Tue, 28 Jul 2026 08:37:48 +0200
Subject: [PATCH 1/6] Add Work archive card components with block bindings
 (LS-1616)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add 4 reusable, individually insertable card patterns: project card,
  discuss-project checklist, engagement stat, next-steps button
- Bind the project card to real Portfolio post data (LS-1617): title,
  excerpt, taxonomy terms, and permalink via core/post-title,
  core/post-excerpt, core/post-terms, and core/read-more
- Add matching section/block styles for all 4 components, built
  entirely from existing adaptive tokens — no new theme.json/dark.json
  tokens needed
- Keep computed colour values (tints, translucency) in external style
  files only, never inline in pattern block attributes, to avoid
  editor "invalid content" errors
- Add hover-lift CSS for the two interactive cards, and extend
  is-style-link-arrow-accent to support core/read-more
---
 CHANGELOG.md                                  |  8 +++
 assets/css/animations.css                     | 56 ++++++++++++++++---
 patterns/cards/work-discuss-project-list.php  | 27 +++++++++
 patterns/cards/work-engagement-stat.php       | 39 +++++++++++++
 patterns/cards/work-next-steps-card.php       | 33 +++++++++++
 patterns/cards/work-project-card.php          | 48 ++++++++++++++++
 .../blocks/paragraphs/link-arrow-accent.json  |  5 +-
 styles/blocks/post-terms/badge-brand.json     | 22 ++++++++
 styles/blocks/post-terms/tag-pills.json       | 21 +++++++
 styles/sections/cards/card-work-list.json     | 31 ++++++++++
 .../sections/cards/card-work-next-step.json   | 31 ++++++++++
 .../cards/card-work-project-banner.json       | 21 +++++++
 .../cards/card-work-project-chip.json         | 27 +++++++++
 .../cards/card-work-project-tags.json         | 19 +++++++
 styles/sections/cards/card-work-project.json  | 27 +++++++++
 styles/sections/cards/card-work-stat.json     | 25 +++++++++
 16 files changed, 431 insertions(+), 9 deletions(-)
 create mode 100644 patterns/cards/work-discuss-project-list.php
 create mode 100644 patterns/cards/work-engagement-stat.php
 create mode 100644 patterns/cards/work-next-steps-card.php
 create mode 100644 patterns/cards/work-project-card.php
 create mode 100644 styles/blocks/post-terms/badge-brand.json
 create mode 100644 styles/blocks/post-terms/tag-pills.json
 create mode 100644 styles/sections/cards/card-work-list.json
 create mode 100644 styles/sections/cards/card-work-next-step.json
 create mode 100644 styles/sections/cards/card-work-project-banner.json
 create mode 100644 styles/sections/cards/card-work-project-chip.json
 create mode 100644 styles/sections/cards/card-work-project-tags.json
 create mode 100644 styles/sections/cards/card-work-project.json
 create mode 100644 styles/sections/cards/card-work-stat.json

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 91454dd..1c5776f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
+- Added 4 Work archive component patterns (LS-1616), each an individually insertable pattern built entirely from existing adaptive semantic tokens — no new `theme.json`/`dark.json` tokens were needed:
+  - `patterns/cards/work-project-card.php` — a case-study card bound to real Portfolio post data via WordPress block bindings (LS-1617): `core/post-title`, `core/post-excerpt`, `core/post-terms` (bound to the `ls_plugin_portfolio_industry`/`_project_type`/`_service` taxonomies), and `core/read-more` for the permalink. Intended as the Post Template content inside a Query Loop scoped to `ls_plugin_portfolio`.
+  - `patterns/cards/work-discuss-project-list.php` — a static checklist card reusing the existing `tick-accent` list style.
+  - `patterns/cards/work-engagement-stat.php` — a stat segment with a split-colour big number (accent-coloured suffix) and monospace uppercase labels.
+  - `patterns/cards/work-next-steps-card.php` — a compact related-route button.
+  - Matching section/block styles: `styles/sections/cards/card-work-project.json`, `card-work-project-banner.json`, `card-work-project-chip.json`, `card-work-project-tags.json`, `card-work-list.json`, `card-work-stat.json`, `card-work-next-step.json`, and two new `core/post-terms` block styles (`styles/blocks/post-terms/badge-brand.json`, `tag-pills.json`) for rendering dynamically-bound taxonomy terms as a badge bar and individual tag pills respectively.
+  - Colour, computed values (background tints, borders) are kept out of pattern-level block attributes and defined only in these external style files — WordPress's block validator can't reliably round-trip a raw `color-mix()` value placed directly in a block's own `style` attribute.
+  - Added hover-lift behaviour for the two interactive cards (`is-style-card-work-project`, `is-style-card-work-next-step`) to `assets/css/animations.css`, reusing the existing `card.hover` shadow contract, and extended the `is-style-link-arrow-accent` style/CSS to also support `core/read-more` (previously `core/paragraph` only).
 - Added a `Menu Item Card` pattern (`patterns/menu/menu-item-card.php`) as the single reusable source of the mega-menu list item structure (icon well, title/description, hover-reveal trailing arrow), used across the Work, Solutions, Pricing, Insights, and About mega menus — Services is excluded, it uses its own per-phase item style. Deliberately a plain registered pattern, not a Synced Pattern, so each insertion stays independently editable per menu item (LS-1618).
 - Added 6 real mega menu template parts for Ollie Menu Designer's Dropdown Menu block, each with final content, no shared placeholder scaffold: `parts/work-mega-menu.html`, `parts/solutions-mega-menu.html`, `parts/pricing-mega-menu.html`, `parts/insights-mega-menu.html`, `parts/about-mega-menu.html` (Default item styling), and `parts/services-mega-menu.html` (Service item styling, 6 lifecycle-phase columns). All registered in `theme.json` `templateParts` (LS-1618).
 - Added `Mega Menu Item - Default` and `Mega Menu Item - Service` block styles (`styles/blocks/groups/mega-menu-item-default.json`, `mega-menu-item-service.json`) as the single reusable, registered source of a row's structural styling (padding, radius) — the icon well itself carries no separate style, just plain inline block attributes, so it has no independent interactive behaviour of its own.
diff --git a/assets/css/animations.css b/assets/css/animations.css
index c1f0a93..7ac38b8 100644
--- a/assets/css/animations.css
+++ b/assets/css/animations.css
@@ -97,7 +97,7 @@
 }
 
 /* Link Arrow Accent */
-.wp-block-paragraph.is-style-link-arrow-accent a {
+.wp-block-paragraph.is-style-link-arrow-accent a, .wp-block-read-more.is-style-link-arrow-accent a {
   display: inline-flex;
   align-items: center;
   gap: var(--ls-link-arrow-gap, 0.45ch);
@@ -107,16 +107,16 @@
   transition: color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard), gap var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard);
   transition-delay: var(--wp--custom--animation--delay--none);
 }
-.wp-block-paragraph.is-style-link-arrow-accent a::after {
+.wp-block-paragraph.is-style-link-arrow-accent a::after, .wp-block-read-more.is-style-link-arrow-accent a::after {
   content: "\2192";
   display: inline-block;
   transform: translateX(0);
   transition: transform var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--emphasised), color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard);
 }
-.wp-block-paragraph.is-style-link-arrow-accent a:hover, .wp-block-paragraph.is-style-link-arrow-accent a:focus-visible, .is-style-card-feature:hover .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-feature:focus-within .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-services:hover .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-services:focus-within .wp-block-paragraph.is-style-link-arrow-accent a {
+.wp-block-paragraph.is-style-link-arrow-accent a:hover, .wp-block-paragraph.is-style-link-arrow-accent a:focus-visible, .wp-block-read-more.is-style-link-arrow-accent a:hover, .wp-block-read-more.is-style-link-arrow-accent a:focus-visible, .is-style-card-feature:hover .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-feature:focus-within .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-services:hover .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-services:focus-within .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-work-project:hover .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-work-project:focus-within .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-work-project:hover .wp-block-read-more.is-style-link-arrow-accent a, .is-style-card-work-project:focus-within .wp-block-read-more.is-style-link-arrow-accent a {
   color: var(--ls-link-arrow-hover-colour, var(--wp--custom--color--link--accent-hover));
 }
-.wp-block-paragraph.is-style-link-arrow-accent a:hover::after, .wp-block-paragraph.is-style-link-arrow-accent a:focus-visible::after, .is-style-card-feature:hover .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-feature:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-services:hover .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-services:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after {
+.wp-block-paragraph.is-style-link-arrow-accent a:hover::after, .wp-block-paragraph.is-style-link-arrow-accent a:focus-visible::after, .wp-block-read-more.is-style-link-arrow-accent a:hover::after, .wp-block-read-more.is-style-link-arrow-accent a:focus-visible::after, .is-style-card-feature:hover .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-feature:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-services:hover .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-services:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-work-project:hover .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-work-project:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-work-project:hover .wp-block-read-more.is-style-link-arrow-accent a::after, .is-style-card-work-project:focus-within .wp-block-read-more.is-style-link-arrow-accent a::after {
   transform: translateX(var(--ls-link-arrow-offset, 0.35em));
 }
 
@@ -600,6 +600,42 @@
   margin: 0;
 }
 
+/* Card - Work Project */
+.is-style-card-work-project {
+  --ls-card-work-project-border-active: var(--wp--custom--color--link--accent);
+  --ls-card-work-project-shadow-active: var(--wp--custom--shadow--card--hover);
+  --ls-card-work-project-lift: -6px;
+  transition: border-color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard), box-shadow var(--wp--custom--animation--duration--medium) var(--wp--custom--animation--easing--standard), transform var(--wp--custom--animation--duration--medium) var(--wp--custom--animation--easing--emphasised);
+}
+.is-style-card-work-project:hover, .is-style-card-work-project:focus-within {
+  border-color: var(--ls-card-work-project-border-active);
+  box-shadow: var(--ls-card-work-project-shadow-active);
+  transform: translateY(var(--ls-card-work-project-lift));
+}
+
+/* Card - Work Next Step */
+.is-style-card-work-next-step {
+  --ls-card-work-next-step-border-active: var(--wp--custom--color--link--accent);
+  --ls-card-work-next-step-shadow-active: var(--wp--custom--shadow--card--hover);
+  transition: border-color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard), box-shadow var(--wp--custom--animation--duration--medium) var(--wp--custom--animation--easing--standard);
+}
+.is-style-card-work-next-step:hover, .is-style-card-work-next-step:focus-within {
+  border-color: var(--ls-card-work-next-step-border-active);
+  box-shadow: var(--ls-card-work-next-step-shadow-active);
+}
+
+/* Card - Work Project: equal-height grid cells, CTA pinned to the bottom */
+.wp-block-post-template.is-layout-grid > .is-style-card-work-project {
+  height: 100%;
+}
+.is-style-card-work-project .ls-card-work-project__content {
+  flex: 1 1 auto;
+}
+.is-style-card-work-project .wp-block-read-more {
+  margin-top: auto;
+  margin-bottom: 0;
+}
+
 @media (prefers-reduced-motion: reduce) {
   .wp-block-paragraph.is-style-link-arrow-accent a,
   .wp-block-paragraph.is-style-link-arrow-accent a::after,
@@ -611,7 +647,9 @@
   .is-style-card-services :is(.ls-card__icon-shell, .ls-card-services__icon-shell),
   .is-style-icon-frame-glow,
   :is(.is-style-card-solutions, .is-style-card-solutions-accent),
-  :is(.is-style-card-solutions, .is-style-card-solutions-accent) .wp-block-heading {
+  :is(.is-style-card-solutions, .is-style-card-solutions-accent) .wp-block-heading,
+  .is-style-card-work-project,
+  .is-style-card-work-next-step {
     transition: none;
   }
   .is-style-glass-card:hover,
@@ -619,7 +657,9 @@
   .is-style-card-feature:hover,
   .is-style-card-feature:focus-within,
   .is-style-card-services:hover,
-  .is-style-card-services:focus-within {
+  .is-style-card-services:focus-within,
+  .is-style-card-work-project:hover,
+  .is-style-card-work-project:focus-within {
     transform: none;
   }
   .wp-block-paragraph.is-style-link-arrow-accent a::after,
@@ -628,7 +668,9 @@
   .is-style-card-feature:hover .wp-block-paragraph.is-style-link-arrow-accent a::after,
   .is-style-card-feature:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after,
   .is-style-card-services:hover .wp-block-paragraph.is-style-link-arrow-accent a::after,
-  .is-style-card-services:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after {
+  .is-style-card-services:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after,
+  .is-style-card-work-project:hover .wp-block-paragraph.is-style-link-arrow-accent a::after,
+  .is-style-card-work-project:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after {
     transform: none;
   }
   .is-style-card-services:hover::before,
diff --git a/patterns/cards/work-discuss-project-list.php b/patterns/cards/work-discuss-project-list.php
new file mode 100644
index 0000000..495c5f8
--- /dev/null
+++ b/patterns/cards/work-discuss-project-list.php
@@ -0,0 +1,27 @@
+<?php
+/**
+ * Title: Card - Work Discuss Project List
+ * Slug: ls-theme/work-discuss-project-list
+ * Categories: cta
+ * Block Types: core/pattern
+ * Description: A checklist card used on the Work archive CTA to summarise the kinds of projects LightSpeed discusses. Adapts between light and dark mode using existing semantic tokens.
+ * Keywords: work, checklist, cta, list
+ * Viewport Width: 570
+ * Inserter: true
+ *
+ * @package ls-theme
+ */
+
+?>
+<!-- wp:group {"tagName":"article","className":"is-style-card-work-list","layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+<article class="wp-block-group is-style-card-work-list">
+	<!-- wp:list {"className":"is-style-tick-accent"} -->
+	<ul class="wp-block-list is-style-tick-accent">
+		<li><?php echo esc_html__( 'WordPress platforms and publishing systems', 'ls-theme' ); ?></li>
+		<li><?php echo esc_html__( 'WooCommerce and subscription stores', 'ls-theme' ); ?></li>
+		<li><?php echo esc_html__( 'Design systems, tokens and governance', 'ls-theme' ); ?></li>
+		<li><?php echo esc_html__( 'Long-term platform care and performance work', 'ls-theme' ); ?></li>
+	</ul>
+	<!-- /wp:list -->
+</article>
+<!-- /wp:group -->
diff --git a/patterns/cards/work-engagement-stat.php b/patterns/cards/work-engagement-stat.php
new file mode 100644
index 0000000..d859f62
--- /dev/null
+++ b/patterns/cards/work-engagement-stat.php
@@ -0,0 +1,39 @@
+<?php
+/**
+ * Title: Card - Work Engagement Stat
+ * Slug: ls-theme/work-engagement-stat
+ * Categories: stats
+ * Block Types: core/pattern
+ * Description: A single stat segment for the Work archive's "Across every engagement" row: label, qualifier, big number with an accent-coloured suffix, and supporting copy.
+ * Keywords: work, stats, metric
+ * Viewport Width: 342
+ * Inserter: true
+ *
+ * @package ls-theme
+ */
+
+?>
+<!-- wp:group {"tagName":"article","className":"is-style-card-work-stat","layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+<article class="wp-block-group is-style-card-work-stat">
+
+	<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"nowrap"}} -->
+	<div class="wp-block-group">
+		<!-- wp:paragraph {"style":{"typography":{"fontFamily":"var:preset|font-family|monospace","textTransform":"uppercase","letterSpacing":"1.2px","fontWeight":"var:custom|typography|font-weight|bold"},"color":{"text":"var(--wp--custom--color--text--subtle)"}},"fontSize":"100"} -->
+		<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--subtle);font-family:var(--wp--preset--font-family--monospace);font-weight:var(--wp--custom--typography--font-weight--bold);letter-spacing:1.2px;text-transform:uppercase"><?php echo esc_html__( 'Subscribers', 'ls-theme' ); ?></p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"style":{"typography":{"fontFamily":"var:preset|font-family|monospace","textTransform":"uppercase","letterSpacing":"1.2px","fontWeight":"var:custom|typography|font-weight|bold"},"color":{"text":"var(--wp--custom--color--text--brand)"}},"fontSize":"100"} -->
+		<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--brand);font-family:var(--wp--preset--font-family--monospace);font-weight:var(--wp--custom--typography--font-weight--bold);letter-spacing:1.2px;text-transform:uppercase"><?php echo esc_html__( 'Migrated cleanly', 'ls-theme' ); ?></p>
+		<!-- /wp:paragraph -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:paragraph {"style":{"typography":{"fontFamily":"var:preset|font-family|heading","fontWeight":"var:custom|typography|font-weight|extrabold"}},"fontSize":"800"} -->
+	<p class="has-800-font-size" style="font-family:var(--wp--preset--font-family--heading);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( '18k', 'ls-theme' ); ?><span style="color:var(--wp--custom--color--text--brand)"><?php echo esc_html__( '+', 'ls-theme' ); ?></span></p>
+	<!-- /wp:paragraph -->
+
+	<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
+	<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Self-serve subscription accounts moved without billing interruption', 'ls-theme' ); ?></p>
+	<!-- /wp:paragraph -->
+</article>
+<!-- /wp:group -->
diff --git a/patterns/cards/work-next-steps-card.php b/patterns/cards/work-next-steps-card.php
new file mode 100644
index 0000000..f5e5752
--- /dev/null
+++ b/patterns/cards/work-next-steps-card.php
@@ -0,0 +1,33 @@
+<?php
+/**
+ * Title: Card - Work Next Steps
+ * Slug: ls-theme/work-next-steps-card
+ * Categories: featured
+ * Block Types: core/pattern
+ * Description: A compact related-route button for the Work archive's "Where to go next" grid: title, description, and a trailing arrow.
+ * Keywords: work, related, next steps, button
+ * Viewport Width: 311
+ * Inserter: true
+ *
+ * @package ls-theme
+ */
+
+?>
+<!-- wp:group {"tagName":"article","className":"is-style-card-work-next-step","layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"center","flexWrap":"wrap"}} -->
+<article class="wp-block-group is-style-card-work-next-step">
+
+	<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+	<div class="wp-block-group">
+		<!-- wp:paragraph {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"200"} -->
+		<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'Case studies', 'ls-theme' ); ?></p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
+		<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Specific projects in depth.', 'ls-theme' ); ?></p>
+		<!-- /wp:paragraph -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:outermost/icon-block {"iconName":"arrow-right","width":"13px","style":{"color":{"text":"var(--wp--custom--color--text--subtle)"}}} /-->
+</article>
+<!-- /wp:group -->
diff --git a/patterns/cards/work-project-card.php b/patterns/cards/work-project-card.php
new file mode 100644
index 0000000..4a63c10
--- /dev/null
+++ b/patterns/cards/work-project-card.php
@@ -0,0 +1,48 @@
+<?php
+/**
+ * Title: Card - Work Project
+ * Slug: ls-theme/work-project-card
+ * Categories: featured
+ * Block Types: core/pattern
+ * Description: A single Work archive case-study card: platform banner (Portfolio Industry taxonomy), project-type badge, post title/excerpt, service tag pills, and a "View project" link to the post permalink. Intended as the Post Template content inside a Query Loop scoped to the Portfolio post type (LS-1617). Adapts between light and dark mode using existing semantic tokens.
+ * Keywords: work, portfolio, case study, card, query loop, block bindings
+ * Viewport Width: 450
+ * Inserter: true
+ *
+ * @package ls-theme
+ */
+
+?>
+<!-- wp:group {"tagName":"article","className":"is-style-card-work-project","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
+<article class="wp-block-group is-style-card-work-project">
+
+	<!-- wp:group {"className":"ls-card-work-project__banner is-style-card-work-project-banner","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
+	<div class="wp-block-group ls-card-work-project__banner is-style-card-work-project-banner">
+		<!-- wp:group {"className":"is-style-card-work-project-chip"} -->
+		<div class="wp-block-group is-style-card-work-project-chip">
+			<!-- wp:post-terms {"term":"ls_plugin_portfolio_industry","prefix":"Platform · ","style":{"typography":{"fontFamily":"var:preset|font-family|monospace","textTransform":"uppercase","letterSpacing":"1.1px"},"color":{"text":"var(--wp--custom--color--text--subtle)"}},"fontSize":"100"} /-->
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:group {"className":"ls-card-work-project__content","style":{"spacing":{"blockGap":"var:preset|spacing|10","padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+	<div class="wp-block-group ls-card-work-project__content" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)">
+
+		<!-- wp:post-terms {"term":"ls_plugin_portfolio_project_type","className":"is-style-badge-brand"} /-->
+
+		<!-- wp:post-title {"level":3,"isLink":true,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"300"} /-->
+
+		<!-- wp:post-excerpt {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}}} /-->
+
+		<!-- wp:group {"className":"is-style-card-work-project-tags"} -->
+		<div class="wp-block-group is-style-card-work-project-tags">
+			<!-- wp:post-terms {"term":"ls_plugin_portfolio_service","separator":" ","className":"is-style-tag-pills"} /-->
+		</div>
+		<!-- /wp:group -->
+
+		<!-- wp:read-more {"content":"View project","className":"is-style-link-arrow-accent"} /-->
+	</div>
+	<!-- /wp:group -->
+</article>
+<!-- /wp:group -->
diff --git a/styles/blocks/paragraphs/link-arrow-accent.json b/styles/blocks/paragraphs/link-arrow-accent.json
index f2dcbb1..647ecb3 100644
--- a/styles/blocks/paragraphs/link-arrow-accent.json
+++ b/styles/blocks/paragraphs/link-arrow-accent.json
@@ -4,9 +4,10 @@
 	"title": "Link Arrow Accent",
 	"slug": "link-arrow-accent",
 	"blockTypes": [
-		"core/paragraph"
+		"core/paragraph",
+		"core/read-more"
 	],
-	"description": "Paragraph links with an inline arrow accent for compact card CTAs.",
+	"description": "Paragraph or Read More links with an inline arrow accent for compact card CTAs.",
 	"styles": {
 		"elements": {
 			"link": {
diff --git a/styles/blocks/post-terms/badge-brand.json b/styles/blocks/post-terms/badge-brand.json
new file mode 100644
index 0000000..38b5bf9
--- /dev/null
+++ b/styles/blocks/post-terms/badge-brand.json
@@ -0,0 +1,22 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Badge - Brand",
+	"slug": "badge-brand",
+	"blockTypes": [
+		"core/post-terms"
+	],
+	"description": "Renders linked terms as a full-width brand-tinted bar, for the Work Project Card's project-type badge (bound to the Portfolio Project Type taxonomy).",
+	"styles": {
+		"color": {
+			"text": "var:custom|color|text|brand"
+		},
+		"typography": {
+			"fontFamily": "var:preset|font-family|monospace",
+			"fontSize": "var:preset|font-size|100",
+			"fontWeight": "var:custom|typography|font-weight|bold",
+			"textTransform": "uppercase"
+		},
+		"css": "&{display:block;width:100%;max-width:100%;box-sizing:border-box;background-color:color-mix(in srgb, var(--wp--custom--color--card--solutions--brand) 8%, transparent);border-radius:var(--wp--preset--border-radius--200);padding:var(--wp--preset--spacing--5) var(--wp--preset--spacing--10);letter-spacing:1px;} & a{display:block;min-width:0;max-width:100%;white-space:normal;word-break:break-word;color:inherit;text-decoration:none;}"
+	}
+}
diff --git a/styles/blocks/post-terms/tag-pills.json b/styles/blocks/post-terms/tag-pills.json
new file mode 100644
index 0000000..2ee5d13
--- /dev/null
+++ b/styles/blocks/post-terms/tag-pills.json
@@ -0,0 +1,21 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Tag Pills",
+	"slug": "tag-pills",
+	"blockTypes": [
+		"core/post-terms"
+	],
+	"description": "Renders each linked term as an individual pill chip, for the Work Project Card tag row (bound to the Portfolio Service taxonomy).",
+	"styles": {
+		"color": {
+			"text": "var:custom|color|text|muted"
+		},
+		"typography": {
+			"fontFamily": "var:preset|font-family|monospace",
+			"fontSize": "var:preset|font-size|100",
+			"fontWeight": "var:custom|typography|font-weight|bold"
+		},
+		"css": "&{display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--5);max-width:100%;} & a{display:inline-block;min-width:0;max-width:100%;box-sizing:border-box;white-space:normal;word-break:break-word;background-color:var(--wp--custom--color--surface--card-raised);color:var(--wp--custom--color--text--muted);border-radius:var(--wp--preset--border-radius--100);padding:var(--wp--preset--spacing--5) var(--wp--preset--spacing--10);text-decoration:none;}"
+	}
+}
diff --git a/styles/sections/cards/card-work-list.json b/styles/sections/cards/card-work-list.json
new file mode 100644
index 0000000..7908b78
--- /dev/null
+++ b/styles/sections/cards/card-work-list.json
@@ -0,0 +1,31 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Card - Work List",
+	"slug": "card-work-list",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Card shell wrapping a tick-accent checklist for Work archive CTA panels. Adapts between light and dark mode.",
+	"styles": {
+		"color": {
+			"background": "var:custom|color|surface|card",
+			"text": "var:custom|color|text|default"
+		},
+		"border": {
+			"color": "var:custom|color|border|card",
+			"radius": "var:preset|border-radius|300",
+			"style": "solid",
+			"width": "1px"
+		},
+		"spacing": {
+			"blockGap": "var:preset|spacing|10",
+			"padding": {
+				"top": "var:preset|spacing|30",
+				"right": "var:preset|spacing|30",
+				"bottom": "var:preset|spacing|30",
+				"left": "var:preset|spacing|30"
+			}
+		}
+	}
+}
diff --git a/styles/sections/cards/card-work-next-step.json b/styles/sections/cards/card-work-next-step.json
new file mode 100644
index 0000000..66fa51d
--- /dev/null
+++ b/styles/sections/cards/card-work-next-step.json
@@ -0,0 +1,31 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Card - Work Next Step",
+	"slug": "card-work-next-step",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Compact horizontal related-route button for the Work archive: white card surface, solid border, trailing arrow.",
+	"styles": {
+		"color": {
+			"background": "var:custom|color|surface|card",
+			"text": "var:custom|color|text|default"
+		},
+		"border": {
+			"color": "var:custom|color|border|card",
+			"radius": "var:preset|border-radius|400",
+			"style": "solid",
+			"width": "1px"
+		},
+		"spacing": {
+			"blockGap": "var:preset|spacing|10",
+			"padding": {
+				"top": "var:preset|spacing|20",
+				"right": "var:preset|spacing|20",
+				"bottom": "var:preset|spacing|20",
+				"left": "var:preset|spacing|20"
+			}
+		}
+	}
+}
diff --git a/styles/sections/cards/card-work-project-banner.json b/styles/sections/cards/card-work-project-banner.json
new file mode 100644
index 0000000..8a08612
--- /dev/null
+++ b/styles/sections/cards/card-work-project-banner.json
@@ -0,0 +1,21 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Card - Work Project Banner",
+	"slug": "card-work-project-banner",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Brand-tinted banner zone for the Work Project Card. Background colour lives here (not inline in the pattern) so the block's saved HTML stays a plain className the validator can round-trip cleanly.",
+	"styles": {
+		"spacing": {
+			"padding": {
+				"top": "var:preset|spacing|40",
+				"right": "var:preset|spacing|20",
+				"bottom": "var:preset|spacing|40",
+				"left": "var:preset|spacing|20"
+			}
+		},
+		"css": "&{background-color:color-mix(in srgb, var(--wp--custom--color--card--solutions--brand) 7%, transparent);}"
+	}
+}
diff --git a/styles/sections/cards/card-work-project-chip.json b/styles/sections/cards/card-work-project-chip.json
new file mode 100644
index 0000000..70811b8
--- /dev/null
+++ b/styles/sections/cards/card-work-project-chip.json
@@ -0,0 +1,27 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Card - Work Project Chip",
+	"slug": "card-work-project-chip",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Floating translucent chip shell for the Work Project Card's platform/industry label, sitting on top of the banner tint.",
+	"styles": {
+		"border": {
+			"color": "var:custom|color|border|card",
+			"radius": "var:preset|border-radius|200",
+			"style": "solid",
+			"width": "1px"
+		},
+		"spacing": {
+			"padding": {
+				"top": "var:preset|spacing|10",
+				"right": "var:preset|spacing|10",
+				"bottom": "var:preset|spacing|10",
+				"left": "var:preset|spacing|10"
+			}
+		},
+		"css": "&{background-color:color-mix(in srgb, var(--wp--custom--color--surface--canvas) 85%, transparent);}"
+	}
+}
diff --git a/styles/sections/cards/card-work-project-tags.json b/styles/sections/cards/card-work-project-tags.json
new file mode 100644
index 0000000..8f1d995
--- /dev/null
+++ b/styles/sections/cards/card-work-project-tags.json
@@ -0,0 +1,19 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Card - Work Project Tags",
+	"slug": "card-work-project-tags",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Tag-row wrapper for the Work Project Card: a single top divider only. Sets border-width explicitly on all four sides to avoid the has-border-color utility class defaulting the other three sides to the browser's default border.",
+	"styles": {
+		"spacing": {
+			"padding": {
+				"top": "var:preset|spacing|10",
+				"bottom": "var:preset|spacing|10"
+			}
+		},
+		"css": "&{border-style:solid;border-color:var(--wp--custom--color--border--card);border-width:1px 0 0 0;}"
+	}
+}
diff --git a/styles/sections/cards/card-work-project.json b/styles/sections/cards/card-work-project.json
new file mode 100644
index 0000000..a70f68e
--- /dev/null
+++ b/styles/sections/cards/card-work-project.json
@@ -0,0 +1,27 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Card - Work Project",
+	"slug": "card-work-project",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Case-study card shell for the Work archive: banner zone, content body, and tag row. Adapts between light and dark mode like every other card style — border uses a translucent tint of the shared card border token.",
+	"styles": {
+		"color": {
+			"background": "var:custom|color|surface|card",
+			"text": "var:custom|color|text|default"
+		},
+		"border": {
+			"color": "var:custom|color|border|card",
+			"radius": "var:preset|border-radius|300",
+			"style": "solid",
+			"width": "1px"
+		},
+		"shadow": "var:preset|shadow|100",
+		"spacing": {
+			"blockGap": "0"
+		},
+		"css": "&{overflow:hidden;border-color:color-mix(in srgb, var(--wp--custom--color--border--card) 55%, transparent);}"
+	}
+}
diff --git a/styles/sections/cards/card-work-stat.json b/styles/sections/cards/card-work-stat.json
new file mode 100644
index 0000000..2ecb7bb
--- /dev/null
+++ b/styles/sections/cards/card-work-stat.json
@@ -0,0 +1,25 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Card - Work Stat",
+	"slug": "card-work-stat",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Stat segment for the Work archive engagement row: transparent background with a translucent trailing divider border.",
+	"styles": {
+		"color": {
+			"text": "var:custom|color|text|muted"
+		},
+		"spacing": {
+			"blockGap": "var:preset|spacing|10",
+			"padding": {
+				"top": "var:preset|spacing|40",
+				"right": "var:preset|spacing|30",
+				"bottom": "var:preset|spacing|40",
+				"left": "var:preset|spacing|30"
+			}
+		},
+		"css": "&{border-inline-end:1px solid var(--wp--custom--color--border--card);}"
+	}
+}

From 3b9204f3ffb4921cb952dd032b416d6c9f826a3e Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Tue, 28 Jul 2026 10:47:37 +0200
Subject: [PATCH 2/6] Add Work archive Hero section and Work Archive template
 (LS-1616)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add the Hero section pattern (patterns/hero/work-hero.php):
  breadcrumb trail, eyebrow badge, heading, description, CTA
  buttons, and a new Work Capability List card component
- Add matching section/block styles: card-work-capability-list,
  card-work-capability-row, work-hero background, and 3 tinted
  icon-well styles (brand/commerce/accent)
- Add one new token, icon.commerce (warning-foreground), for the
  WooCommerce icon tint — no orange family exists in the palette
- Scaffold a new "Work Archive" custom page template
  (templates/page-work-archive.html + patterns/template-work-archive.php,
  registered in theme.json), so sections can be assigned and tested
  on any page as they're built
- Fix icons rendering empty across 3 patterns: outermost/icon-block
  needs the SVG embedded in its saved markup, not just an iconName
  attribute — replaced with real SVGs sourced from the official
  Phosphor package
- Fix a duplicate arrow on the "Book a consultation" button (the
  button style already adds one via CSS)
- Fix content collapsing to 800px instead of the theme's wide size:
  constrained layouts require an explicit alignwide/alignfull class,
  which the Yoast breadcrumbs block can't carry via align — forced
  it via className instead
- Fix an invisible badge dot icon caused by a viewBox/circle size
  mismatch at small render sizes
---
 patterns/cards/work-capability-list.php       | 91 +++++++++++++++++++
 patterns/cards/work-next-steps-card.php       |  4 +-
 patterns/hero/work-hero.php                   | 76 ++++++++++++++++
 patterns/template-work-archive.php            | 19 ++++
 styles/blocks/groups/icon-well-accent.json    | 13 +++
 styles/blocks/groups/icon-well-brand.json     | 13 +++
 styles/blocks/groups/icon-well-commerce.json  | 13 +++
 styles/dark.json                              |  3 +-
 .../cards/card-work-capability-list.json      | 31 +++++++
 .../cards/card-work-capability-row.json       | 18 ++++
 styles/sections/hero/work-hero.json           | 21 +++++
 templates/page-work-archive.html              |  5 +
 theme.json                                    | 10 +-
 13 files changed, 314 insertions(+), 3 deletions(-)
 create mode 100644 patterns/cards/work-capability-list.php
 create mode 100644 patterns/hero/work-hero.php
 create mode 100644 patterns/template-work-archive.php
 create mode 100644 styles/blocks/groups/icon-well-accent.json
 create mode 100644 styles/blocks/groups/icon-well-brand.json
 create mode 100644 styles/blocks/groups/icon-well-commerce.json
 create mode 100644 styles/sections/cards/card-work-capability-list.json
 create mode 100644 styles/sections/cards/card-work-capability-row.json
 create mode 100644 styles/sections/hero/work-hero.json
 create mode 100644 templates/page-work-archive.html

diff --git a/patterns/cards/work-capability-list.php b/patterns/cards/work-capability-list.php
new file mode 100644
index 0000000..dc37aa8
--- /dev/null
+++ b/patterns/cards/work-capability-list.php
@@ -0,0 +1,91 @@
+<?php
+/**
+ * Title: Card - Work Capability List
+ * Slug: ls-theme/work-capability-list
+ * Categories: featured
+ * Block Types: core/pattern
+ * Description: A bordered card listing LightSpeed's three recurring areas of Work: WordPress, WooCommerce, and Design-System, each with a tinted icon well, title, and description. Used inside the Work archive hero. Adapts between light and dark mode using existing semantic tokens.
+ * Keywords: work, hero, capability, list, card
+ * Viewport Width: 470
+ * Inserter: true
+ *
+ * @package ls-theme
+ */
+
+?>
+<!-- wp:group {"className":"is-style-card-work-capability-list","layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+<div class="wp-block-group is-style-card-work-capability-list">
+
+	<!-- wp:group {"className":"is-style-card-work-capability-row","layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
+	<div class="wp-block-group is-style-card-work-capability-row">
+		<!-- wp:group {"className":"is-style-icon-well-brand"} -->
+		<div class="wp-block-group is-style-icon-well-brand">
+			<!-- wp:outermost/icon-block {"iconName":"","width":"18px"} -->
+			<div class="wp-block-outermost-icon-block"><div class="icon-container" style="width:18px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M104,40H56A16,16,0,0,0,40,56v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,104,40Zm0,64H56V56h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,64H152V56h48v48Zm-96,32H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm0,64H56V152h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,200,136Zm0,64H152V152h48v48Z"></path></svg></div></div>
+			<!-- /wp:outermost/icon-block -->
+		</div>
+		<!-- /wp:group -->
+
+		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+		<div class="wp-block-group">
+			<!-- wp:heading {"level":4,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"200"} -->
+			<h4 class="wp-block-heading has-200-font-size" style="margin-top:0;margin-bottom:0;font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'WordPress Work', 'ls-theme' ); ?></h4>
+			<!-- /wp:heading -->
+
+			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"100"} -->
+			<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--muted);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Examples grouped around platform structure, maintainability and redesign decisions.', 'ls-theme' ); ?></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:group {"className":"is-style-card-work-capability-row","layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
+	<div class="wp-block-group is-style-card-work-capability-row">
+		<!-- wp:group {"className":"is-style-icon-well-commerce"} -->
+		<div class="wp-block-group is-style-icon-well-commerce">
+			<!-- wp:outermost/icon-block {"iconName":"","width":"18px"} -->
+			<div class="wp-block-outermost-icon-block"><div class="icon-container" style="width:18px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M230.14,58.87A8,8,0,0,0,224,56H62.68L56.6,22.57A8,8,0,0,0,48.73,16H24a8,8,0,0,0,0,16h18L67.56,172.29a24,24,0,0,0,5.33,11.27,28,28,0,1,0,44.4,8.44h45.42A27.75,27.75,0,0,0,160,204a28,28,0,1,0,28-28H91.17a8,8,0,0,1-7.87-6.57L80.13,152h116a24,24,0,0,0,23.61-19.71l12.16-66.86A8,8,0,0,0,230.14,58.87ZM104,204a12,12,0,1,1-12-12A12,12,0,0,1,104,204Zm96,0a12,12,0,1,1-12-12A12,12,0,0,1,200,204Zm4-74.57A8,8,0,0,1,196.1,136H77.22L65.59,72H214.41Z"></path></svg></div></div>
+			<!-- /wp:outermost/icon-block -->
+		</div>
+		<!-- /wp:group -->
+
+		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+		<div class="wp-block-group">
+			<!-- wp:heading {"level":4,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"200"} -->
+			<h4 class="wp-block-heading has-200-font-size" style="margin-top:0;margin-bottom:0;font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'WooCommerce Work', 'ls-theme' ); ?></h4>
+			<!-- /wp:heading -->
+
+			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"100"} -->
+			<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--muted);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Examples grouped around ecommerce complexity, conversion and operational pressure.', 'ls-theme' ); ?></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
+	<div class="wp-block-group">
+		<!-- wp:group {"className":"is-style-icon-well-accent"} -->
+		<div class="wp-block-group is-style-icon-well-accent">
+			<!-- wp:outermost/icon-block {"iconName":"","width":"18px"} -->
+			<div class="wp-block-outermost-icon-block"><div class="icon-container" style="width:18px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M223.68,66.15,135.68,18h0a15.88,15.88,0,0,0-15.36,0l-88,48.17a16,16,0,0,0-8.32,14v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,223.68,66.15ZM128,32h0l80.34,44L128,120,47.66,76ZM40,90l80,43.78v85.79L40,175.82Zm96,129.57V133.82L216,90v85.78Z"></path></svg></div></div>
+			<!-- /wp:outermost/icon-block -->
+		</div>
+		<!-- /wp:group -->
+
+		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+		<div class="wp-block-group">
+			<!-- wp:heading {"level":4,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"200"} -->
+			<h4 class="wp-block-heading has-200-font-size" style="margin-top:0;margin-bottom:0;font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'Design-System Work', 'ls-theme' ); ?></h4>
+			<!-- /wp:heading -->
+
+			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"100"} -->
+			<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--muted);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Examples that connect design consistency to implementation and long-term governance.', 'ls-theme' ); ?></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:group -->
diff --git a/patterns/cards/work-next-steps-card.php b/patterns/cards/work-next-steps-card.php
index f5e5752..8775099 100644
--- a/patterns/cards/work-next-steps-card.php
+++ b/patterns/cards/work-next-steps-card.php
@@ -28,6 +28,8 @@
 	</div>
 	<!-- /wp:group -->
 
-	<!-- wp:outermost/icon-block {"iconName":"arrow-right","width":"13px","style":{"color":{"text":"var(--wp--custom--color--text--subtle)"}}} /-->
+	<!-- wp:outermost/icon-block {"iconName":"","className":"has-text-color","width":"13px","style":{"color":{"text":"var(--wp--custom--color--text--subtle)"}}} -->
+	<div class="wp-block-outermost-icon-block has-text-color"><div class="icon-container" style="color:var(--wp--custom--color--text--subtle);width:13px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></div></div>
+	<!-- /wp:outermost/icon-block -->
 </article>
 <!-- /wp:group -->
diff --git a/patterns/hero/work-hero.php b/patterns/hero/work-hero.php
new file mode 100644
index 0000000..ea9afe9
--- /dev/null
+++ b/patterns/hero/work-hero.php
@@ -0,0 +1,76 @@
+<?php
+/**
+ * Title: Hero - Work Archive
+ * Slug: ls-theme/work-hero
+ * Categories: hero
+ * Block Types: core/pattern
+ * Description: The Work archive's hero section: breadcrumb trail, eyebrow badge, heading, description, CTA buttons, and the Work Capability List card. Two-column layout via core/columns, which stacks automatically on mobile. Adapts between light and dark mode using existing semantic tokens.
+ * Keywords: work, hero, archive, section
+ * Viewport Width: 1280
+ * Inserter: true
+ *
+ * @package ls-theme
+ */
+
+?>
+<!-- wp:group {"align":"full","tagName":"section","className":"is-style-work-hero","layout":{"type":"constrained"}} -->
+<section class="wp-block-group alignfull is-style-work-hero">
+
+	<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
+	<div class="wp-block-group alignwide">
+
+		<?php if ( function_exists( 'yoast_breadcrumb' ) ) : ?>
+		<!-- wp:yoast-seo/breadcrumbs {"className":"alignwide"} /-->
+		<?php endif; ?>
+
+		<!-- wp:columns {"align":"wide","verticalAlignment":"center"} -->
+		<div class="wp-block-columns alignwide are-vertically-aligned-center">
+
+		<!-- wp:column {"verticalAlignment":"center","width":"55%"} -->
+		<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:55%">
+
+			<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
+			<div class="wp-block-group">
+				<!-- wp:outermost/icon-block {"iconName":"","className":"has-text-color","width":"8px","style":{"color":{"text":"var(--wp--custom--color--icon--background)"}}} -->
+				<div class="wp-block-outermost-icon-block has-text-color"><div class="icon-container" style="color:var(--wp--custom--color--icon--background);width:8px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="12" r="12"></circle></svg></div></div>
+				<!-- /wp:outermost/icon-block -->
+
+				<!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"1.4px","fontWeight":"var:custom|typography|font-weight|semibold"},"color":{"text":"var(--wp--custom--color--text--brand)"}},"fontSize":"100"} -->
+				<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--brand);font-weight:var(--wp--custom--typography--font-weight--semibold);letter-spacing:1.4px;text-transform:uppercase"><?php echo esc_html__( 'Work · Proof · Outcomes', 'ls-theme' ); ?></p>
+				<!-- /wp:paragraph -->
+			</div>
+			<!-- /wp:group -->
+
+			<!-- wp:heading {"level":1,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|extrabold"},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"fontSize":"800"} -->
+			<h1 class="wp-block-heading has-800-font-size" style="margin-top:var(--wp--preset--spacing--20);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( 'See the kind of platform work LightSpeed is trusted to deliver.', 'ls-theme' ); ?></h1>
+			<!-- /wp:heading -->
+
+			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"fontSize":"300"} -->
+			<p class="has-text-color has-300-font-size" style="color:var(--wp--custom--color--text--muted);margin-top:var(--wp--preset--spacing--20)"><?php echo esc_html__( 'The Work page is the broader proof destination for buyers who want to understand the kinds of platforms, industries and delivery challenges we handle in practice — not a portfolio scrapbook.', 'ls-theme' ); ?></p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}}} -->
+			<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--30)">
+				<!-- wp:button -->
+				<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a consultation', 'ls-theme' ); ?></a></div>
+				<!-- /wp:button -->
+
+				<!-- wp:button {"className":"is-style-outline"} -->
+				<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/work/' ) ); ?>"><?php echo esc_html__( 'Explore case studies', 'ls-theme' ); ?></a></div>
+				<!-- /wp:button -->
+			</div>
+			<!-- /wp:buttons -->
+		</div>
+		<!-- /wp:column -->
+
+		<!-- wp:column {"verticalAlignment":"center","width":"45%"} -->
+		<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:45%">
+			<!-- wp:pattern {"slug":"ls-theme/work-capability-list"} /-->
+		</div>
+		<!-- /wp:column -->
+		</div>
+		<!-- /wp:columns -->
+	</div>
+	<!-- /wp:group -->
+</section>
+<!-- /wp:group -->
diff --git a/patterns/template-work-archive.php b/patterns/template-work-archive.php
new file mode 100644
index 0000000..6175677
--- /dev/null
+++ b/patterns/template-work-archive.php
@@ -0,0 +1,19 @@
+<?php
+/**
+ * Title: Template: Work Archive
+ * Slug: ls-theme/template-work-archive
+ * Categories: template
+ * Block Types: core/template-part
+ * Description: Main-content pattern for the Work Archive custom page template. Injects each Work archive section pattern in sequence — Hero, and more to follow (Selected Projects grid, Across Every Engagement stats, CTA, Where to go next). Not tied to post_content, so it renders the same sections regardless of the assigned page's own content.
+ * Inserter: false
+ *
+ * @package ls-theme
+ */
+
+?>
+
+<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
+<main class="wp-block-group">
+	<!-- wp:pattern {"slug":"ls-theme/work-hero"} /-->
+</main>
+<!-- /wp:group -->
diff --git a/styles/blocks/groups/icon-well-accent.json b/styles/blocks/groups/icon-well-accent.json
new file mode 100644
index 0000000..b1e8315
--- /dev/null
+++ b/styles/blocks/groups/icon-well-accent.json
@@ -0,0 +1,13 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Icon Well - Accent",
+	"slug": "icon-well-accent",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Compact tinted square icon well in the accent colour, for capability-list rows.",
+	"styles": {
+		"css": "&{display:flex;align-items:center;justify-content:center;inline-size:2.25rem;block-size:2.25rem;flex-shrink:0;border-radius:var(--wp--preset--border-radius--300);background-color:color-mix(in srgb, var(--wp--custom--color--card--solutions--accent) 12%, transparent);color:var(--wp--custom--color--card--solutions--accent);}"
+	}
+}
diff --git a/styles/blocks/groups/icon-well-brand.json b/styles/blocks/groups/icon-well-brand.json
new file mode 100644
index 0000000..5fba316
--- /dev/null
+++ b/styles/blocks/groups/icon-well-brand.json
@@ -0,0 +1,13 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Icon Well - Brand",
+	"slug": "icon-well-brand",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Compact tinted square icon well in the brand colour, for capability-list rows.",
+	"styles": {
+		"css": "&{display:flex;align-items:center;justify-content:center;inline-size:2.25rem;block-size:2.25rem;flex-shrink:0;border-radius:var(--wp--preset--border-radius--300);background-color:color-mix(in srgb, var(--wp--custom--color--card--solutions--brand) 10%, transparent);color:var(--wp--custom--color--card--solutions--brand);}"
+	}
+}
diff --git a/styles/blocks/groups/icon-well-commerce.json b/styles/blocks/groups/icon-well-commerce.json
new file mode 100644
index 0000000..b941194
--- /dev/null
+++ b/styles/blocks/groups/icon-well-commerce.json
@@ -0,0 +1,13 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Icon Well - Commerce",
+	"slug": "icon-well-commerce",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Compact tinted square icon well in the commerce (warning/amber) colour, for capability-list rows.",
+	"styles": {
+		"css": "&{display:flex;align-items:center;justify-content:center;inline-size:2.25rem;block-size:2.25rem;flex-shrink:0;border-radius:var(--wp--preset--border-radius--300);background-color:color-mix(in srgb, var(--wp--custom--color--icon--commerce) 10%, transparent);color:var(--wp--custom--color--icon--commerce);}"
+	}
+}
diff --git a/styles/dark.json b/styles/dark.json
index 5a1caf5..f196c3f 100644
--- a/styles/dark.json
+++ b/styles/dark.json
@@ -36,7 +36,8 @@
 				},
 				"icon": {
 					"background": "var:preset|color|cta-500",
-					"color": "var:preset|color|contrast"
+					"color": "var:preset|color|contrast",
+					"commerce": "var:preset|color|warning-foreground"
 				},
 				"card": {
 					"solutions": {
diff --git a/styles/sections/cards/card-work-capability-list.json b/styles/sections/cards/card-work-capability-list.json
new file mode 100644
index 0000000..9d15bc7
--- /dev/null
+++ b/styles/sections/cards/card-work-capability-list.json
@@ -0,0 +1,31 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Card - Work Capability List",
+	"slug": "card-work-capability-list",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Bordered card shell wrapping a 3-row icon/title/description capability list, for the Work archive hero.",
+	"styles": {
+		"color": {
+			"background": "var:custom|color|surface|card",
+			"text": "var:custom|color|text|default"
+		},
+		"border": {
+			"color": "var:custom|color|border|card",
+			"radius": "var:preset|border-radius|400",
+			"style": "solid",
+			"width": "1px"
+		},
+		"spacing": {
+			"padding": {
+				"top": "var:preset|spacing|30",
+				"right": "var:preset|spacing|30",
+				"bottom": "var:preset|spacing|30",
+				"left": "var:preset|spacing|30"
+			}
+		},
+		"css": "&{inline-size:100%;} & > .wp-block-group > *:last-child{min-width:0;flex:1 1 auto;}"
+	}
+}
diff --git a/styles/sections/cards/card-work-capability-row.json b/styles/sections/cards/card-work-capability-row.json
new file mode 100644
index 0000000..9100289
--- /dev/null
+++ b/styles/sections/cards/card-work-capability-row.json
@@ -0,0 +1,18 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Card - Work Capability Row",
+	"slug": "card-work-capability-row",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Single capability-list row with a bottom-only divider. Sets border-width explicitly on all four sides to avoid the has-border-color utility class defaulting the other three sides to the browser's default border. Not applied to the last row in a list.",
+	"styles": {
+		"spacing": {
+			"padding": {
+				"bottom": "var:preset|spacing|20"
+			}
+		},
+		"css": "&{border-style:solid;border-color:var(--wp--custom--color--border--card);border-width:0 0 1px 0;}"
+	}
+}
diff --git a/styles/sections/hero/work-hero.json b/styles/sections/hero/work-hero.json
new file mode 100644
index 0000000..e49cc07
--- /dev/null
+++ b/styles/sections/hero/work-hero.json
@@ -0,0 +1,21 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Work Hero",
+	"slug": "work-hero",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Full-width hero section shell for the Work archive: two soft radial-gradient glows using the existing hero effect tokens, reused from the CTA band's colour family.",
+	"styles": {
+		"spacing": {
+			"padding": {
+				"top": "var:preset|spacing|80",
+				"right": "var:preset|spacing|30",
+				"bottom": "var:preset|spacing|90",
+				"left": "var:preset|spacing|30"
+			}
+		},
+		"css": "&{background-image:radial-gradient(circle at 14% -10%, color-mix(in srgb, var(--wp--custom--color--effect--hero--brand) 16%, transparent) 0%, transparent 60%), radial-gradient(circle at 86% 110%, color-mix(in srgb, var(--wp--custom--color--effect--hero--accent) 12%, transparent) 0%, transparent 60%);background-repeat:no-repeat;}"
+	}
+}
diff --git a/templates/page-work-archive.html b/templates/page-work-archive.html
new file mode 100644
index 0000000..cc2ac46
--- /dev/null
+++ b/templates/page-work-archive.html
@@ -0,0 +1,5 @@
+<!-- wp:template-part {"slug":"header","theme":"ls-theme","area":"header"} /-->
+
+<!-- wp:pattern {"slug":"ls-theme/template-work-archive"} /-->
+
+<!-- wp:template-part {"slug":"footer","theme":"ls-theme","area":"footer"} /-->
diff --git a/theme.json b/theme.json
index 47b2d30..c3af7c8 100644
--- a/theme.json
+++ b/theme.json
@@ -506,7 +506,8 @@
                 },
                 "icon": {
                     "background": "var:preset|color|brand-500",
-                    "color": "var:preset|color|base"
+                    "color": "var:preset|color|base",
+                    "commerce": "var:preset|color|warning-foreground"
                 },
                 "card": {
                     "solutions": {
@@ -719,6 +720,13 @@
             "postTypes": [
                 "page"
             ]
+        },
+        {
+            "name": "page-work-archive",
+            "title": "Work Archive",
+            "postTypes": [
+                "page"
+            ]
         }
     ]
 }
\ No newline at end of file

From 760a9e13e5747715d53a139339bffa5284e53a2e Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Tue, 28 Jul 2026 15:26:42 +0200
Subject: [PATCH 3/6] Add Work archive Categories and Selected Projects
 sections (LS-1616)

- Categories section: eyebrow/heading/intro row + 3 category cards with
  a new compact `is-style-card-work-category` style
- Selected Projects section: eyebrow/heading/intro, a platform filter
  using ls-plugin/taxonomy-filter (bound to project-group), and a 3-column
  Query Loop rendering the Work Project Card pattern
- Rewired work-project-card.php bindings from the dead
  ls_plugin_portfolio_* taxonomy names to the real ones
  (project-group/project-tag) following the ls-plugin CPT/taxonomy rename
- Added card.platform.wordpress/woocommerce tokens (real light/dark
  pairs) and a render_block hook (portfolio-card-colors.php) to swap
  each card's banner/badge per post, since a Query Loop can't set that
  statically
- Fixed multi-term badge wrapping (core/post-terms forces display:block
  on links by default, orphaning the separator between terms)
- Set enhancedPagination on the Query block so the taxonomy filter
  navigates client-side instead of reloading the page
- Explicit fontSize overrides across both sections to match Figma
  instead of relying on the theme's default type scale
---
 assets/css/animations.css                     | 168 +++++++++++++-----
 functions.php                                 |   3 +
 inc/animations.php                            |   5 +
 inc/portfolio-card-colors.php                 |  59 ++++++
 patterns/cards/work-project-card.php          |  12 +-
 patterns/content/eyebrow-badge.php            |  26 +++
 patterns/sections/work-categories.php         | 148 +++++++++++++++
 patterns/sections/work-selected-projects.php  |  74 ++++++++
 patterns/template-work-archive.php            |   4 +-
 src/scss/animations.scss                      |   3 +-
 src/scss/animations/_card-motion.scss         |  86 +++++++++
 src/scss/animations/_taxonomy-filter.scss     |  47 +++++
 styles/blocks/post-terms/badge-brand.json     |   6 +-
 .../blocks/post-terms/badge-woocommerce.json  |  22 +++
 styles/dark.json                              |   4 +
 styles/sections/cards/card-work-category.json |  32 ++++
 .../card-work-project-banner-woocommerce.json |  21 +++
 .../cards/card-work-project-banner.json       |   4 +-
 styles/sections/content/work-categories.json  |  23 +++
 .../content/work-selected-projects.json       |  23 +++
 theme.json                                    |   4 +
 21 files changed, 712 insertions(+), 62 deletions(-)
 create mode 100644 inc/portfolio-card-colors.php
 create mode 100644 patterns/content/eyebrow-badge.php
 create mode 100644 patterns/sections/work-categories.php
 create mode 100644 patterns/sections/work-selected-projects.php
 create mode 100644 src/scss/animations/_taxonomy-filter.scss
 create mode 100644 styles/blocks/post-terms/badge-woocommerce.json
 create mode 100644 styles/sections/cards/card-work-category.json
 create mode 100644 styles/sections/cards/card-work-project-banner-woocommerce.json
 create mode 100644 styles/sections/content/work-categories.json
 create mode 100644 styles/sections/content/work-selected-projects.json

diff --git a/assets/css/animations.css b/assets/css/animations.css
index 7ac38b8..b94f34c 100644
--- a/assets/css/animations.css
+++ b/assets/css/animations.css
@@ -97,7 +97,7 @@
 }
 
 /* Link Arrow Accent */
-.wp-block-paragraph.is-style-link-arrow-accent a, .wp-block-read-more.is-style-link-arrow-accent a {
+.wp-block-paragraph.is-style-link-arrow-accent a {
   display: inline-flex;
   align-items: center;
   gap: var(--ls-link-arrow-gap, 0.45ch);
@@ -107,16 +107,16 @@
   transition: color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard), gap var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard);
   transition-delay: var(--wp--custom--animation--delay--none);
 }
-.wp-block-paragraph.is-style-link-arrow-accent a::after, .wp-block-read-more.is-style-link-arrow-accent a::after {
+.wp-block-paragraph.is-style-link-arrow-accent a::after {
   content: "\2192";
   display: inline-block;
   transform: translateX(0);
   transition: transform var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--emphasised), color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard);
 }
-.wp-block-paragraph.is-style-link-arrow-accent a:hover, .wp-block-paragraph.is-style-link-arrow-accent a:focus-visible, .wp-block-read-more.is-style-link-arrow-accent a:hover, .wp-block-read-more.is-style-link-arrow-accent a:focus-visible, .is-style-card-feature:hover .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-feature:focus-within .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-services:hover .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-services:focus-within .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-work-project:hover .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-work-project:focus-within .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-work-project:hover .wp-block-read-more.is-style-link-arrow-accent a, .is-style-card-work-project:focus-within .wp-block-read-more.is-style-link-arrow-accent a {
+.wp-block-paragraph.is-style-link-arrow-accent a:hover, .wp-block-paragraph.is-style-link-arrow-accent a:focus-visible, .is-style-card-feature:hover .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-feature:focus-within .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-services:hover .wp-block-paragraph.is-style-link-arrow-accent a, .is-style-card-services:focus-within .wp-block-paragraph.is-style-link-arrow-accent a {
   color: var(--ls-link-arrow-hover-colour, var(--wp--custom--color--link--accent-hover));
 }
-.wp-block-paragraph.is-style-link-arrow-accent a:hover::after, .wp-block-paragraph.is-style-link-arrow-accent a:focus-visible::after, .wp-block-read-more.is-style-link-arrow-accent a:hover::after, .wp-block-read-more.is-style-link-arrow-accent a:focus-visible::after, .is-style-card-feature:hover .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-feature:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-services:hover .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-services:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-work-project:hover .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-work-project:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-work-project:hover .wp-block-read-more.is-style-link-arrow-accent a::after, .is-style-card-work-project:focus-within .wp-block-read-more.is-style-link-arrow-accent a::after {
+.wp-block-paragraph.is-style-link-arrow-accent a:hover::after, .wp-block-paragraph.is-style-link-arrow-accent a:focus-visible::after, .is-style-card-feature:hover .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-feature:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-services:hover .wp-block-paragraph.is-style-link-arrow-accent a::after, .is-style-card-services:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after {
   transform: translateX(var(--ls-link-arrow-offset, 0.35em));
 }
 
@@ -377,6 +377,35 @@
   transform: rotate(-5deg) scale(0.98);
 }
 
+/* Card - Work Category */
+.is-style-card-work-category {
+  --ls-card-work-category-border-rest: var(--wp--custom--color--border--card);
+  --ls-card-work-category-border-active: var(--wp--custom--color--link--accent);
+  --ls-card-work-category-shadow-rest: var(--wp--custom--shadow--elevation--100);
+  --ls-card-work-category-shadow-active: var(--wp--custom--shadow--card--hover);
+  --ls-card-work-category-lift: -4px;
+  position: relative;
+  overflow: hidden;
+  border: 1px solid var(--ls-card-work-category-border-rest);
+  border-radius: var(--wp--preset--border-radius--300);
+  background: var(--wp--custom--color--surface--card);
+  box-shadow: var(--ls-card-work-category-shadow-rest);
+  gap: var(--wp--preset--spacing--20);
+  padding: var(--wp--preset--spacing--20);
+  transition: border-color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard), box-shadow var(--wp--custom--animation--duration--medium) var(--wp--custom--animation--easing--standard), transform var(--wp--custom--animation--duration--medium) var(--wp--custom--animation--easing--emphasised);
+}
+.is-style-card-work-category:hover, .is-style-card-work-category:focus-within {
+  border-color: var(--ls-card-work-category-border-active);
+  box-shadow: var(--ls-card-work-category-shadow-active);
+  transform: translateY(var(--ls-card-work-category-lift));
+}
+.is-style-card-work-category .ls-card-work-category__content {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+  gap: var(--wp--preset--spacing--10);
+}
+
 /* Card - Services */
 .is-style-card-services {
   --ls-card-services-border-rest: var(--wp--custom--color--border--card);
@@ -600,66 +629,29 @@
   margin: 0;
 }
 
-/* Card - Work Project */
-.is-style-card-work-project {
-  --ls-card-work-project-border-active: var(--wp--custom--color--link--accent);
-  --ls-card-work-project-shadow-active: var(--wp--custom--shadow--card--hover);
-  --ls-card-work-project-lift: -6px;
-  transition: border-color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard), box-shadow var(--wp--custom--animation--duration--medium) var(--wp--custom--animation--easing--standard), transform var(--wp--custom--animation--duration--medium) var(--wp--custom--animation--easing--emphasised);
-}
-.is-style-card-work-project:hover, .is-style-card-work-project:focus-within {
-  border-color: var(--ls-card-work-project-border-active);
-  box-shadow: var(--ls-card-work-project-shadow-active);
-  transform: translateY(var(--ls-card-work-project-lift));
-}
-
-/* Card - Work Next Step */
-.is-style-card-work-next-step {
-  --ls-card-work-next-step-border-active: var(--wp--custom--color--link--accent);
-  --ls-card-work-next-step-shadow-active: var(--wp--custom--shadow--card--hover);
-  transition: border-color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard), box-shadow var(--wp--custom--animation--duration--medium) var(--wp--custom--animation--easing--standard);
-}
-.is-style-card-work-next-step:hover, .is-style-card-work-next-step:focus-within {
-  border-color: var(--ls-card-work-next-step-border-active);
-  box-shadow: var(--ls-card-work-next-step-shadow-active);
-}
-
-/* Card - Work Project: equal-height grid cells, CTA pinned to the bottom */
-.wp-block-post-template.is-layout-grid > .is-style-card-work-project {
-  height: 100%;
-}
-.is-style-card-work-project .ls-card-work-project__content {
-  flex: 1 1 auto;
-}
-.is-style-card-work-project .wp-block-read-more {
-  margin-top: auto;
-  margin-bottom: 0;
-}
-
 @media (prefers-reduced-motion: reduce) {
   .wp-block-paragraph.is-style-link-arrow-accent a,
   .wp-block-paragraph.is-style-link-arrow-accent a::after,
   .is-style-glass-card,
   .is-style-card-feature,
   .is-style-card-feature :is(.ls-card__icon-shell, .ls-card-feature__icon-shell),
+  .is-style-card-work-category,
   .is-style-card-services,
   .is-style-card-services::before,
   .is-style-card-services :is(.ls-card__icon-shell, .ls-card-services__icon-shell),
   .is-style-icon-frame-glow,
   :is(.is-style-card-solutions, .is-style-card-solutions-accent),
-  :is(.is-style-card-solutions, .is-style-card-solutions-accent) .wp-block-heading,
-  .is-style-card-work-project,
-  .is-style-card-work-next-step {
+  :is(.is-style-card-solutions, .is-style-card-solutions-accent) .wp-block-heading {
     transition: none;
   }
   .is-style-glass-card:hover,
   .is-style-glass-card:focus-within,
   .is-style-card-feature:hover,
   .is-style-card-feature:focus-within,
+  .is-style-card-work-category:hover,
+  .is-style-card-work-category:focus-within,
   .is-style-card-services:hover,
-  .is-style-card-services:focus-within,
-  .is-style-card-work-project:hover,
-  .is-style-card-work-project:focus-within {
+  .is-style-card-services:focus-within {
     transform: none;
   }
   .wp-block-paragraph.is-style-link-arrow-accent a::after,
@@ -668,9 +660,7 @@
   .is-style-card-feature:hover .wp-block-paragraph.is-style-link-arrow-accent a::after,
   .is-style-card-feature:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after,
   .is-style-card-services:hover .wp-block-paragraph.is-style-link-arrow-accent a::after,
-  .is-style-card-services:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after,
-  .is-style-card-work-project:hover .wp-block-paragraph.is-style-link-arrow-accent a::after,
-  .is-style-card-work-project:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after {
+  .is-style-card-services:focus-within .wp-block-paragraph.is-style-link-arrow-accent a::after {
     transform: none;
   }
   .is-style-card-services:hover::before,
@@ -685,6 +675,49 @@
     transform: none;
   }
 }
+/* Card - Work Project (WooCommerce platform colour) */
+.is-style-card-work-project-banner-woocommerce {
+  padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
+  background-color: color-mix(in srgb, var(--wp--custom--color--card--platform--woocommerce) 7%, transparent);
+}
+
+.is-style-badge-woocommerce {
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  color: var(--wp--custom--color--card--platform--woocommerce);
+  font-family: var(--wp--preset--font-family--monospace);
+  font-size: var(--wp--preset--font-size--100);
+  font-weight: var(--wp--custom--typography--font-weight--bold);
+  text-transform: uppercase;
+  background-color: color-mix(in srgb, var(--wp--custom--color--card--platform--woocommerce) 8%, transparent);
+  border-radius: var(--wp--preset--border-radius--200);
+  padding: var(--wp--preset--spacing--5) var(--wp--preset--spacing--10);
+  letter-spacing: 1px;
+}
+
+/* Badge - multi-term wrapping (WordPress and WooCommerce both bind to
+   project-group, which can carry more than one term per post; core/post-terms
+   forces its links to display:block by default, which stacks each term
+   onto its own line and leaves the ", " separator orphaned on its own row) */
+:is(.is-style-badge-brand, .is-style-badge-woocommerce) {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+}
+:is(.is-style-badge-brand, .is-style-badge-woocommerce) a {
+  display: inline;
+  min-width: 0;
+  max-width: 100%;
+  white-space: normal;
+  word-break: break-word;
+  color: inherit;
+  text-decoration: none;
+}
+:is(.is-style-badge-brand, .is-style-badge-woocommerce) .wp-block-post-terms__separator {
+  margin-inline-end: var(--wp--preset--spacing--5);
+}
+
 /********** Button Motion **********/
 .wp-block-button:not([class*=is-style-]),
 .wp-block-button.is-style-fill,
@@ -1602,3 +1635,40 @@
     transition: none;
   }
 }
+/********** Taxonomy Filter (ls-plugin/taxonomy-filter) **********/
+.wp-block-ls-plugin-taxonomy-filter.taxonomy-filter--buttons {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--wp--preset--spacing--10);
+}
+.wp-block-ls-plugin-taxonomy-filter.taxonomy-filter--buttons .wp-element-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--wp--preset--color--neutral-200);
+  border-radius: var(--wp--preset--border-radius--500);
+  padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
+  background: transparent;
+  color: var(--wp--custom--color--text--muted);
+  font-family: var(--wp--preset--font-family--body);
+  font-weight: var(--wp--custom--typography--font-weight--semibold);
+  font-size: var(--wp--preset--font-size--100);
+  text-decoration: none;
+  white-space: nowrap;
+  transition: background-color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard), border-color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard), color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard);
+}
+.wp-block-ls-plugin-taxonomy-filter.taxonomy-filter--buttons .wp-element-button:hover, .wp-block-ls-plugin-taxonomy-filter.taxonomy-filter--buttons .wp-element-button:focus-visible {
+  border-color: var(--wp--custom--color--link--accent);
+  background-color: transparent;
+  color: var(--wp--custom--color--link--accent);
+}
+.wp-block-ls-plugin-taxonomy-filter.taxonomy-filter--buttons .wp-element-button.taxonomy-filter-current {
+  border-color: var(--wp--custom--color--card--platform--wordpress);
+  background-color: var(--wp--custom--color--card--platform--wordpress);
+  color: var(--wp--custom--color--text--on-dark);
+}
+.wp-block-ls-plugin-taxonomy-filter.taxonomy-filter--buttons .wp-element-button.taxonomy-filter-current:hover, .wp-block-ls-plugin-taxonomy-filter.taxonomy-filter--buttons .wp-element-button.taxonomy-filter-current:focus-visible {
+  border-color: var(--wp--custom--color--card--platform--wordpress);
+  background-color: var(--wp--custom--color--card--platform--wordpress);
+  color: var(--wp--custom--color--text--on-dark);
+}
diff --git a/functions.php b/functions.php
index d1e7e1e..a13e320 100644
--- a/functions.php
+++ b/functions.php
@@ -21,6 +21,9 @@
 /** Loads site header assets */
 require get_template_directory() . '/inc/header.php';
 
+/** Loads Portfolio card platform-colour swapping */
+require get_template_directory() . '/inc/portfolio-card-colors.php';
+
 /**
  * Sets up theme supports.
  */
diff --git a/inc/animations.php b/inc/animations.php
index ecae05e..d8eebb0 100644
--- a/inc/animations.php
+++ b/inc/animations.php
@@ -137,6 +137,11 @@ function ls_theme_register_effect_block_styles() {
 			'name'       => 'card-feature',
 			'label'      => __( 'Card - Feature', 'ls-theme' ),
 		),
+		array(
+			'block_name' => 'core/group',
+			'name'       => 'card-work-category',
+			'label'      => __( 'Card - Work Category', 'ls-theme' ),
+		),
 		array(
 			'block_name' => 'core/group',
 			'name'       => 'card-solutions',
diff --git a/inc/portfolio-card-colors.php b/inc/portfolio-card-colors.php
new file mode 100644
index 0000000..766292b
--- /dev/null
+++ b/inc/portfolio-card-colors.php
@@ -0,0 +1,59 @@
+<?php
+/**
+ * Portfolio Card Platform Colours.
+ *
+ * The Work Project Card colours its banner and badge by the post's
+ * project-group term (WordPress/WooCommerce/etc). Since a Query Loop
+ * renders identical block markup for every post, the WooCommerce variant
+ * class has to be swapped in per-post at render time — it can't be set
+ * statically in the pattern.
+ *
+ * @package ls-theme
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Swap the Work Project Card's banner/badge class to the WooCommerce
+ * variant when the current post's project-group term is WooCommerce.
+ * Every other term falls back to the default (WordPress-tinted) variant.
+ *
+ * @param string $block_content Rendered block HTML.
+ * @param array  $block         Parsed block data.
+ * @return string
+ */
+function ls_theme_portfolio_card_platform_class( $block_content, $block ) {
+	if ( 'core/group' !== $block['blockName'] && 'core/post-terms' !== $block['blockName'] ) {
+		return $block_content;
+	}
+
+	$class_name = $block['attrs']['className'] ?? '';
+
+	$is_banner = false !== strpos( $class_name, 'is-style-card-work-project-banner' );
+	$is_badge  = false !== strpos( $class_name, 'is-style-badge-brand' );
+
+	if ( ! $is_banner && ! $is_badge ) {
+		return $block_content;
+	}
+
+	$post_id = get_the_ID();
+
+	if ( ! $post_id ) {
+		return $block_content;
+	}
+
+	$terms = wp_get_post_terms( $post_id, 'project-group', array( 'fields' => 'slugs' ) );
+
+	if ( is_wp_error( $terms ) || empty( $terms ) || ! in_array( 'woocommerce', $terms, true ) ) {
+		return $block_content;
+	}
+
+	if ( $is_banner ) {
+		return str_replace( 'is-style-card-work-project-banner', 'is-style-card-work-project-banner-woocommerce', $block_content );
+	}
+
+	return str_replace( 'is-style-badge-brand', 'is-style-badge-woocommerce', $block_content );
+}
+add_filter( 'render_block', 'ls_theme_portfolio_card_platform_class', 10, 2 );
diff --git a/patterns/cards/work-project-card.php b/patterns/cards/work-project-card.php
index 4a63c10..9f1ec41 100644
--- a/patterns/cards/work-project-card.php
+++ b/patterns/cards/work-project-card.php
@@ -4,7 +4,7 @@
  * Slug: ls-theme/work-project-card
  * Categories: featured
  * Block Types: core/pattern
- * Description: A single Work archive case-study card: platform banner (Portfolio Industry taxonomy), project-type badge, post title/excerpt, service tag pills, and a "View project" link to the post permalink. Intended as the Post Template content inside a Query Loop scoped to the Portfolio post type (LS-1617). Adapts between light and dark mode using existing semantic tokens.
+ * Description: A single Work archive case-study card: platform banner (Portfolio project-group taxonomy), platform badge, post title/excerpt, service tag pills (project-tag taxonomy), and a "View project" link to the post permalink. Intended as the Post Template content inside a Query Loop scoped to the `project` post type (LS-1617). Adapts between light and dark mode using existing semantic tokens.
  * Keywords: work, portfolio, case study, card, query loop, block bindings
  * Viewport Width: 450
  * Inserter: true
@@ -20,7 +20,7 @@
 	<div class="wp-block-group ls-card-work-project__banner is-style-card-work-project-banner">
 		<!-- wp:group {"className":"is-style-card-work-project-chip"} -->
 		<div class="wp-block-group is-style-card-work-project-chip">
-			<!-- wp:post-terms {"term":"ls_plugin_portfolio_industry","prefix":"Platform · ","style":{"typography":{"fontFamily":"var:preset|font-family|monospace","textTransform":"uppercase","letterSpacing":"1.1px"},"color":{"text":"var(--wp--custom--color--text--subtle)"}},"fontSize":"100"} /-->
+			<!-- wp:post-terms {"term":"project-group","prefix":"Platform · ","style":{"typography":{"fontFamily":"var:preset|font-family|monospace","textTransform":"uppercase","letterSpacing":"1.1px"},"color":{"text":"var(--wp--custom--color--text--subtle)"}},"fontSize":"100"} /-->
 		</div>
 		<!-- /wp:group -->
 	</div>
@@ -29,19 +29,19 @@
 	<!-- wp:group {"className":"ls-card-work-project__content","style":{"spacing":{"blockGap":"var:preset|spacing|10","padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 	<div class="wp-block-group ls-card-work-project__content" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)">
 
-		<!-- wp:post-terms {"term":"ls_plugin_portfolio_project_type","className":"is-style-badge-brand"} /-->
+		<!-- wp:post-terms {"term":"project-group","className":"is-style-badge-brand"} /-->
 
 		<!-- wp:post-title {"level":3,"isLink":true,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"300"} /-->
 
-		<!-- wp:post-excerpt {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}}} /-->
+		<!-- wp:post-excerpt {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} /-->
 
 		<!-- wp:group {"className":"is-style-card-work-project-tags"} -->
 		<div class="wp-block-group is-style-card-work-project-tags">
-			<!-- wp:post-terms {"term":"ls_plugin_portfolio_service","separator":" ","className":"is-style-tag-pills"} /-->
+			<!-- wp:post-terms {"term":"project-tag","separator":" ","className":"is-style-tag-pills"} /-->
 		</div>
 		<!-- /wp:group -->
 
-		<!-- wp:read-more {"content":"View project","className":"is-style-link-arrow-accent"} /-->
+		<!-- wp:read-more {"content":"View project","className":"is-style-link-arrow-accent","fontSize":"100"} /-->
 	</div>
 	<!-- /wp:group -->
 </article>
diff --git a/patterns/content/eyebrow-badge.php b/patterns/content/eyebrow-badge.php
new file mode 100644
index 0000000..f9ec0c7
--- /dev/null
+++ b/patterns/content/eyebrow-badge.php
@@ -0,0 +1,26 @@
+<?php
+/**
+ * Title: Eyebrow Badge
+ * Slug: ls-theme/eyebrow-badge
+ * Categories: text
+ * Block Types: core/pattern
+ * Description: A small reusable dot-plus-uppercase-label marker used above section headings across the site (e.g. "Work · Proof · Outcomes" in the Work hero). Edit the label text per instance.
+ * Keywords: eyebrow, badge, label, kicker, section
+ * Viewport Width: 220
+ * Inserter: true
+ *
+ * @package ls-theme
+ */
+
+?>
+<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
+<div class="wp-block-group">
+	<!-- wp:outermost/icon-block {"iconName":"","className":"has-text-color","width":"8px","style":{"color":{"text":"var(--wp--custom--color--icon--background)"}}} -->
+	<div class="wp-block-outermost-icon-block has-text-color"><div class="icon-container" style="color:var(--wp--custom--color--icon--background);width:8px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="12" r="12"></circle></svg></div></div>
+	<!-- /wp:outermost/icon-block -->
+
+	<!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"1.4px","fontWeight":"var:custom|typography|font-weight|semibold"},"color":{"text":"var(--wp--custom--color--text--brand)"}},"fontSize":"100"} -->
+	<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--brand);font-weight:var(--wp--custom--typography--font-weight--semibold);letter-spacing:1.4px;text-transform:uppercase"><?php echo esc_html__( 'Project Categories', 'ls-theme' ); ?></p>
+	<!-- /wp:paragraph -->
+</div>
+<!-- /wp:group -->
diff --git a/patterns/sections/work-categories.php b/patterns/sections/work-categories.php
new file mode 100644
index 0000000..078b5e1
--- /dev/null
+++ b/patterns/sections/work-categories.php
@@ -0,0 +1,148 @@
+<?php
+/**
+ * Title: Section - Work Categories
+ * Slug: ls-theme/work-categories
+ * Categories: featured
+ * Block Types: core/pattern
+ * Description: The Work archive's "Three recurring areas of work" section: eyebrow badge, heading, and description in a two-column row, followed by a WordPress/WooCommerce/Design-System card row using the compact Card - Work Category style with tinted icon wells.
+ * Keywords: work, categories, archive, section
+ * Viewport Width: 1280
+ * Inserter: true
+ *
+ * @package ls-theme
+ */
+
+?>
+<!-- wp:group {"align":"full","tagName":"section","className":"is-style-work-categories","layout":{"type":"constrained"}} -->
+<section class="wp-block-group alignfull is-style-work-categories">
+
+	<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
+	<div class="wp-block-group alignwide">
+
+		<!-- wp:columns {"align":"wide","verticalAlignment":"center"} -->
+		<div class="wp-block-columns alignwide are-vertically-aligned-center">
+
+			<!-- wp:column {"verticalAlignment":"center","width":"60%"} -->
+			<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:60%">
+				<!-- wp:pattern {"slug":"ls-theme/eyebrow-badge"} /-->
+
+				<!-- wp:heading {"level":2,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|extrabold"},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"fontSize":"600"} -->
+				<h2 class="wp-block-heading has-600-font-size" style="margin-top:var(--wp--preset--spacing--20);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( 'Three recurring areas of work.', 'ls-theme' ); ?></h2>
+				<!-- /wp:heading -->
+			</div>
+			<!-- /wp:column -->
+
+			<!-- wp:column {"verticalAlignment":"center","width":"40%"} -->
+			<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%">
+				<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"300"} -->
+				<p class="has-text-color has-300-font-size" style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Whatever the platform, our case studies fall into one of three recurring categories of delivery work.', 'ls-theme' ); ?></p>
+				<!-- /wp:paragraph -->
+			</div>
+			<!-- /wp:column -->
+		</div>
+		<!-- /wp:columns -->
+
+		<!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} -->
+		<div class="wp-block-columns alignwide" style="margin-top:var(--wp--preset--spacing--40)">
+
+			<!-- wp:column -->
+			<div class="wp-block-column">
+				<!-- wp:group {"tagName":"article","className":"is-style-card-work-category","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
+				<article class="wp-block-group is-style-card-work-category">
+					<!-- wp:group {"className":"is-style-icon-well-brand"} -->
+					<div class="wp-block-group is-style-icon-well-brand">
+						<!-- wp:outermost/icon-block {"iconName":"","width":"18px"} -->
+						<div class="wp-block-outermost-icon-block"><div class="icon-container" style="width:18px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M104,40H56A16,16,0,0,0,40,56v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,104,40Zm0,64H56V56h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,64H152V56h48v48Zm-96,32H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm0,64H56V152h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,200,136Zm0,64H152V152h48v48Z"></path></svg></div></div>
+						<!-- /wp:outermost/icon-block -->
+					</div>
+					<!-- /wp:group -->
+
+					<!-- wp:group {"className":"ls-card-work-category__content","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
+					<div class="wp-block-group ls-card-work-category__content">
+						<!-- wp:heading {"level":3,"fontSize":"300"} -->
+						<h3 class="wp-block-heading has-300-font-size"><?php echo esc_html__( 'WordPress Work', 'ls-theme' ); ?></h3>
+						<!-- /wp:heading -->
+
+						<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}}} -->
+						<p style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Examples grouped around platform structure, maintainability and redesign decisions.', 'ls-theme' ); ?></p>
+						<!-- /wp:paragraph -->
+					</div>
+					<!-- /wp:group -->
+
+					<!-- wp:paragraph {"className":"is-style-link-arrow-accent"} -->
+					<p class="is-style-link-arrow-accent"><a href="<?php echo esc_url( home_url( '/work/' ) ); ?>"><?php echo esc_html__( 'See WordPress work', 'ls-theme' ); ?></a></p>
+					<!-- /wp:paragraph -->
+				</article>
+				<!-- /wp:group -->
+			</div>
+			<!-- /wp:column -->
+
+			<!-- wp:column -->
+			<div class="wp-block-column">
+				<!-- wp:group {"tagName":"article","className":"is-style-card-work-category","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
+				<article class="wp-block-group is-style-card-work-category">
+					<!-- wp:group {"className":"is-style-icon-well-brand"} -->
+					<div class="wp-block-group is-style-icon-well-brand">
+						<!-- wp:outermost/icon-block {"iconName":"","width":"18px"} -->
+						<div class="wp-block-outermost-icon-block"><div class="icon-container" style="width:18px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M230.14,58.87A8,8,0,0,0,224,56H62.68L56.6,22.57A8,8,0,0,0,48.73,16H24a8,8,0,0,0,0,16h18L67.56,172.29a24,24,0,0,0,5.33,11.27,28,28,0,1,0,44.4,8.44h45.42A27.75,27.75,0,0,0,160,204a28,28,0,1,0,28-28H91.17a8,8,0,0,1-7.87-6.57L80.13,152h116a24,24,0,0,0,23.61-19.71l12.16-66.86A8,8,0,0,0,230.14,58.87ZM104,204a12,12,0,1,1-12-12A12,12,0,0,1,104,204Zm96,0a12,12,0,1,1-12-12A12,12,0,0,1,200,204Zm4-74.57A8,8,0,0,1,196.1,136H77.22L65.59,72H214.41Z"></path></svg></div></div>
+						<!-- /wp:outermost/icon-block -->
+					</div>
+					<!-- /wp:group -->
+
+					<!-- wp:group {"className":"ls-card-work-category__content","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
+					<div class="wp-block-group ls-card-work-category__content">
+						<!-- wp:heading {"level":3,"fontSize":"300"} -->
+						<h3 class="wp-block-heading has-300-font-size"><?php echo esc_html__( 'WooCommerce Work', 'ls-theme' ); ?></h3>
+						<!-- /wp:heading -->
+
+						<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}}} -->
+						<p style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Examples grouped around ecommerce complexity, conversion and operational pressure.', 'ls-theme' ); ?></p>
+						<!-- /wp:paragraph -->
+					</div>
+					<!-- /wp:group -->
+
+					<!-- wp:paragraph {"className":"is-style-link-arrow-accent"} -->
+					<p class="is-style-link-arrow-accent"><a href="<?php echo esc_url( home_url( '/work/' ) ); ?>"><?php echo esc_html__( 'See WooCommerce work', 'ls-theme' ); ?></a></p>
+					<!-- /wp:paragraph -->
+				</article>
+				<!-- /wp:group -->
+			</div>
+			<!-- /wp:column -->
+
+			<!-- wp:column -->
+			<div class="wp-block-column">
+				<!-- wp:group {"tagName":"article","className":"is-style-card-work-category","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
+				<article class="wp-block-group is-style-card-work-category">
+					<!-- wp:group {"className":"is-style-icon-well-brand"} -->
+					<div class="wp-block-group is-style-icon-well-brand">
+						<!-- wp:outermost/icon-block {"iconName":"","width":"18px"} -->
+						<div class="wp-block-outermost-icon-block"><div class="icon-container" style="width:18px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M223.68,66.15,135.68,18h0a15.88,15.88,0,0,0-15.36,0l-88,48.17a16,16,0,0,0-8.32,14v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,223.68,66.15ZM128,32h0l80.34,44L128,120,47.66,76ZM40,90l80,43.78v85.79L40,175.82Zm96,129.57V133.82L216,90v85.78Z"></path></svg></div></div>
+						<!-- /wp:outermost/icon-block -->
+					</div>
+					<!-- /wp:group -->
+
+					<!-- wp:group {"className":"ls-card-work-category__content","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
+					<div class="wp-block-group ls-card-work-category__content">
+						<!-- wp:heading {"level":3,"fontSize":"300"} -->
+						<h3 class="wp-block-heading has-300-font-size"><?php echo esc_html__( 'Design-System Work', 'ls-theme' ); ?></h3>
+						<!-- /wp:heading -->
+
+						<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}}} -->
+						<p style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Examples that connect design consistency to implementation and long-term governance.', 'ls-theme' ); ?></p>
+						<!-- /wp:paragraph -->
+					</div>
+					<!-- /wp:group -->
+
+					<!-- wp:paragraph {"className":"is-style-link-arrow-accent"} -->
+					<p class="is-style-link-arrow-accent"><a href="<?php echo esc_url( home_url( '/work/' ) ); ?>"><?php echo esc_html__( 'See Design-System work', 'ls-theme' ); ?></a></p>
+					<!-- /wp:paragraph -->
+				</article>
+				<!-- /wp:group -->
+			</div>
+			<!-- /wp:column -->
+		</div>
+		<!-- /wp:columns -->
+	</div>
+	<!-- /wp:group -->
+</section>
+<!-- /wp:group -->
diff --git a/patterns/sections/work-selected-projects.php b/patterns/sections/work-selected-projects.php
new file mode 100644
index 0000000..c1b16cb
--- /dev/null
+++ b/patterns/sections/work-selected-projects.php
@@ -0,0 +1,74 @@
+<?php
+/**
+ * Title: Section - Work Selected Projects
+ * Slug: ls-theme/work-selected-projects
+ * Categories: featured
+ * Block Types: core/pattern
+ * Description: The Work archive's "Selected Projects" section: eyebrow badge, heading, intro row, a platform filter (project-group taxonomy) using the existing Taxonomy Filter block, and a 3-column Query Loop of `project` posts rendered with the Work Project Card pattern.
+ * Keywords: work, projects, archive, query loop, filter, section
+ * Viewport Width: 1280
+ * Inserter: true
+ *
+ * @package ls-theme
+ */
+
+?>
+<!-- wp:group {"align":"full","tagName":"section","className":"is-style-work-selected-projects","layout":{"type":"constrained"}} -->
+<section class="wp-block-group alignfull is-style-work-selected-projects">
+
+	<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
+	<div class="wp-block-group alignwide">
+
+		<!-- wp:columns {"align":"wide","verticalAlignment":"bottom"} -->
+		<div class="wp-block-columns alignwide are-vertically-aligned-bottom">
+
+			<!-- wp:column {"verticalAlignment":"bottom","width":"55%"} -->
+			<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:55%">
+				<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
+				<div class="wp-block-group">
+					<!-- wp:outermost/icon-block {"iconName":"","className":"has-text-color","width":"8px","style":{"color":{"text":"var(--wp--custom--color--icon--background)"}}} -->
+					<div class="wp-block-outermost-icon-block has-text-color"><div class="icon-container" style="color:var(--wp--custom--color--icon--background);width:8px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="12" r="12"></circle></svg></div></div>
+					<!-- /wp:outermost/icon-block -->
+
+					<!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"1.4px","fontWeight":"var:custom|typography|font-weight|semibold"},"color":{"text":"var(--wp--custom--color--text--brand)"}},"fontSize":"100"} -->
+					<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--brand);font-weight:var(--wp--custom--typography--font-weight--semibold);letter-spacing:1.4px;text-transform:uppercase"><?php echo esc_html__( 'Selected Projects', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+				</div>
+				<!-- /wp:group -->
+
+				<!-- wp:heading {"level":2,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|extrabold"},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"fontSize":"700"} -->
+				<h2 class="wp-block-heading has-700-font-size" style="margin-top:var(--wp--preset--spacing--20);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( 'Platform work across WordPress, WooCommerce and design systems.', 'ls-theme' ); ?></h2>
+				<!-- /wp:heading -->
+			</div>
+			<!-- /wp:column -->
+
+			<!-- wp:column {"verticalAlignment":"bottom","width":"45%"} -->
+			<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:45%">
+				<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"300"} -->
+				<p class="has-text-color has-300-font-size" style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Approved case studies and client context only — no inflated metrics, no unsourced proof. Filter by area of work or browse everything below.', 'ls-theme' ); ?></p>
+				<!-- /wp:paragraph -->
+			</div>
+			<!-- /wp:column -->
+		</div>
+		<!-- /wp:columns -->
+
+		<!-- wp:query {"queryId":0,"query":{"perPage":9,"pages":0,"offset":0,"postType":"project","order":"desc","orderBy":"date","inherit":false},"align":"wide","enhancedPagination":true,"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} -->
+		<div class="wp-block-query alignwide" style="margin-top:var(--wp--preset--spacing--40)">
+
+			<!-- wp:ls-plugin/taxonomy-filter {"taxonomy":{"name":"Project groups","all_items":"All","slug":"project-group","rest_base":"project-group"},"filterType":"buttons","allItemsText":"All","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} /-->
+
+			<!-- wp:post-template {"layout":{"type":"grid","columnCount":3}} -->
+				<!-- wp:pattern {"slug":"ls-theme/work-project-card"} /-->
+			<!-- /wp:post-template -->
+
+			<!-- wp:query-pagination {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} -->
+				<!-- wp:query-pagination-previous /-->
+				<!-- wp:query-pagination-numbers /-->
+				<!-- wp:query-pagination-next /-->
+			<!-- /wp:query-pagination -->
+		</div>
+		<!-- /wp:query -->
+	</div>
+	<!-- /wp:group -->
+</section>
+<!-- /wp:group -->
diff --git a/patterns/template-work-archive.php b/patterns/template-work-archive.php
index 6175677..18c88f3 100644
--- a/patterns/template-work-archive.php
+++ b/patterns/template-work-archive.php
@@ -4,7 +4,7 @@
  * Slug: ls-theme/template-work-archive
  * Categories: template
  * Block Types: core/template-part
- * Description: Main-content pattern for the Work Archive custom page template. Injects each Work archive section pattern in sequence — Hero, and more to follow (Selected Projects grid, Across Every Engagement stats, CTA, Where to go next). Not tied to post_content, so it renders the same sections regardless of the assigned page's own content.
+ * Description: Main-content pattern for the Work Archive custom page template. Injects each Work archive section pattern in sequence — Hero, Categories, Selected Projects, and more to follow (Across Every Engagement stats, CTA, Where to go next). Not tied to post_content, so it renders the same sections regardless of the assigned page's own content.
  * Inserter: false
  *
  * @package ls-theme
@@ -15,5 +15,7 @@
 <!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
 <main class="wp-block-group">
 	<!-- wp:pattern {"slug":"ls-theme/work-hero"} /-->
+	<!-- wp:pattern {"slug":"ls-theme/work-categories"} /-->
+	<!-- wp:pattern {"slug":"ls-theme/work-selected-projects"} /-->
 </main>
 <!-- /wp:group -->
diff --git a/src/scss/animations.scss b/src/scss/animations.scss
index 17fc0c5..15d5124 100644
--- a/src/scss/animations.scss
+++ b/src/scss/animations.scss
@@ -7,4 +7,5 @@
 @use "animations/faq-motion";
 @use "animations/menu-motion";
 @use "animations/footer-motion";
-@use "animations/header-motion";
\ No newline at end of file
+@use "animations/header-motion";
+@use "animations/taxonomy-filter";
\ No newline at end of file
diff --git a/src/scss/animations/_card-motion.scss b/src/scss/animations/_card-motion.scss
index adcf600..7623436 100644
--- a/src/scss/animations/_card-motion.scss
+++ b/src/scss/animations/_card-motion.scss
@@ -202,6 +202,44 @@
   }
 }
 
+/* Card - Work Category */
+.is-style-card-work-category {
+  --ls-card-work-category-border-rest: var(--wp--custom--color--border--card);
+  --ls-card-work-category-border-active: var(--wp--custom--color--link--accent);
+  --ls-card-work-category-shadow-rest: var(--wp--custom--shadow--elevation--100);
+  --ls-card-work-category-shadow-active: var(--wp--custom--shadow--card--hover);
+  --ls-card-work-category-lift: -4px;
+  @include surface.surface-card(
+    $radius: var(--wp--preset--border-radius--300),
+    $border: 1px solid var(--ls-card-work-category-border-rest),
+    $background: var(--wp--custom--color--surface--card),
+    $shadow: var(--ls-card-work-category-shadow-rest)
+  );
+  gap: var(--wp--preset--spacing--20);
+  padding: var(--wp--preset--spacing--20);
+  transition:
+    border-color var(--wp--custom--animation--duration--base)
+      var(--wp--custom--animation--easing--standard),
+    box-shadow var(--wp--custom--animation--duration--medium)
+      var(--wp--custom--animation--easing--standard),
+    transform var(--wp--custom--animation--duration--medium)
+      var(--wp--custom--animation--easing--emphasised);
+
+  &:hover,
+  &:focus-within {
+    border-color: var(--ls-card-work-category-border-active);
+    box-shadow: var(--ls-card-work-category-shadow-active);
+    transform: translateY(var(--ls-card-work-category-lift));
+  }
+
+  .ls-card-work-category__content {
+    flex: 1 1 auto;
+    display: flex;
+    flex-direction: column;
+    gap: var(--wp--preset--spacing--10);
+  }
+}
+
 /* Card - Services */
 .is-style-card-services {
   --ls-card-services-border-rest: var(--wp--custom--color--border--card);
@@ -486,6 +524,7 @@
   .is-style-glass-card,
   .is-style-card-feature,
   .is-style-card-feature :is(.ls-card__icon-shell, .ls-card-feature__icon-shell),
+  .is-style-card-work-category,
   .is-style-card-services,
   .is-style-card-services::before,
   .is-style-card-services :is(.ls-card__icon-shell, .ls-card-services__icon-shell),
@@ -500,6 +539,8 @@
   .is-style-glass-card:focus-within,
   .is-style-card-feature:hover,
   .is-style-card-feature:focus-within,
+  .is-style-card-work-category:hover,
+  .is-style-card-work-category:focus-within,
   .is-style-card-services:hover,
   .is-style-card-services:focus-within {
     transform: none;
@@ -529,4 +570,49 @@
     .is-style-icon-frame-glow {
     transform: none;
   }
+}
+
+/* Card - Work Project (WooCommerce platform colour) */
+.is-style-card-work-project-banner-woocommerce {
+  padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
+  background-color: color-mix(in srgb, var(--wp--custom--color--card--platform--woocommerce) 7%, transparent);
+}
+
+.is-style-badge-woocommerce {
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  color: var(--wp--custom--color--card--platform--woocommerce);
+  font-family: var(--wp--preset--font-family--monospace);
+  font-size: var(--wp--preset--font-size--100);
+  font-weight: var(--wp--custom--typography--font-weight--bold);
+  text-transform: uppercase;
+  background-color: color-mix(in srgb, var(--wp--custom--color--card--platform--woocommerce) 8%, transparent);
+  border-radius: var(--wp--preset--border-radius--200);
+  padding: var(--wp--preset--spacing--5) var(--wp--preset--spacing--10);
+  letter-spacing: 1px;
+}
+
+/* Badge - multi-term wrapping (WordPress and WooCommerce both bind to
+   project-group, which can carry more than one term per post; core/post-terms
+   forces its links to display:block by default, which stacks each term
+   onto its own line and leaves the ", " separator orphaned on its own row) */
+:is(.is-style-badge-brand, .is-style-badge-woocommerce) {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+
+  a {
+    display: inline;
+    min-width: 0;
+    max-width: 100%;
+    white-space: normal;
+    word-break: break-word;
+    color: inherit;
+    text-decoration: none;
+  }
+
+  .wp-block-post-terms__separator {
+    margin-inline-end: var(--wp--preset--spacing--5);
+  }
 }
\ No newline at end of file
diff --git a/src/scss/animations/_taxonomy-filter.scss b/src/scss/animations/_taxonomy-filter.scss
new file mode 100644
index 0000000..87108b5
--- /dev/null
+++ b/src/scss/animations/_taxonomy-filter.scss
@@ -0,0 +1,47 @@
+/********** Taxonomy Filter (ls-plugin/taxonomy-filter) **********/
+
+.wp-block-ls-plugin-taxonomy-filter.taxonomy-filter--buttons {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--wp--preset--spacing--10);
+
+  .wp-element-button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid var(--wp--preset--color--neutral-200);
+    border-radius: var(--wp--preset--border-radius--500);
+    padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
+    background: transparent;
+    color: var(--wp--custom--color--text--muted);
+    font-family: var(--wp--preset--font-family--body);
+    font-weight: var(--wp--custom--typography--font-weight--semibold);
+    font-size: var(--wp--preset--font-size--100);
+    text-decoration: none;
+    white-space: nowrap;
+    transition:
+      background-color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard),
+      border-color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard),
+      color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard);
+
+    &:hover,
+    &:focus-visible {
+      border-color: var(--wp--custom--color--link--accent);
+      background-color: transparent;
+      color: var(--wp--custom--color--link--accent);
+    }
+
+    &.taxonomy-filter-current {
+      border-color: var(--wp--custom--color--card--platform--wordpress);
+      background-color: var(--wp--custom--color--card--platform--wordpress);
+      color: var(--wp--custom--color--text--on-dark);
+
+      &:hover,
+      &:focus-visible {
+        border-color: var(--wp--custom--color--card--platform--wordpress);
+        background-color: var(--wp--custom--color--card--platform--wordpress);
+        color: var(--wp--custom--color--text--on-dark);
+      }
+    }
+  }
+}
diff --git a/styles/blocks/post-terms/badge-brand.json b/styles/blocks/post-terms/badge-brand.json
index 38b5bf9..a162cb3 100644
--- a/styles/blocks/post-terms/badge-brand.json
+++ b/styles/blocks/post-terms/badge-brand.json
@@ -6,10 +6,10 @@
 	"blockTypes": [
 		"core/post-terms"
 	],
-	"description": "Renders linked terms as a full-width brand-tinted bar, for the Work Project Card's project-type badge (bound to the Portfolio Project Type taxonomy).",
+	"description": "Renders linked terms as a full-width WordPress-tinted bar, for the Work Project Card's platform badge (bound to the Portfolio project-group taxonomy). Default/fallback variant for any project-group term other than WooCommerce.",
 	"styles": {
 		"color": {
-			"text": "var:custom|color|text|brand"
+			"text": "var:custom|color|card|platform|wordpress"
 		},
 		"typography": {
 			"fontFamily": "var:preset|font-family|monospace",
@@ -17,6 +17,6 @@
 			"fontWeight": "var:custom|typography|font-weight|bold",
 			"textTransform": "uppercase"
 		},
-		"css": "&{display:block;width:100%;max-width:100%;box-sizing:border-box;background-color:color-mix(in srgb, var(--wp--custom--color--card--solutions--brand) 8%, transparent);border-radius:var(--wp--preset--border-radius--200);padding:var(--wp--preset--spacing--5) var(--wp--preset--spacing--10);letter-spacing:1px;} & a{display:block;min-width:0;max-width:100%;white-space:normal;word-break:break-word;color:inherit;text-decoration:none;}"
+		"css": "&{display:flex;flex-wrap:wrap;align-items:baseline;width:100%;max-width:100%;box-sizing:border-box;background-color:color-mix(in srgb, var(--wp--custom--color--card--platform--wordpress) 8%, transparent);border-radius:var(--wp--preset--border-radius--200);padding:var(--wp--preset--spacing--5) var(--wp--preset--spacing--10);letter-spacing:1px;} & a{display:inline;min-width:0;max-width:100%;white-space:normal;word-break:break-word;color:inherit;text-decoration:none;} & .wp-block-post-terms__separator{margin-inline-end:var(--wp--preset--spacing--5);}"
 	}
 }
diff --git a/styles/blocks/post-terms/badge-woocommerce.json b/styles/blocks/post-terms/badge-woocommerce.json
new file mode 100644
index 0000000..b4537bc
--- /dev/null
+++ b/styles/blocks/post-terms/badge-woocommerce.json
@@ -0,0 +1,22 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Badge - WooCommerce",
+	"slug": "badge-woocommerce",
+	"blockTypes": [
+		"core/post-terms"
+	],
+	"description": "Renders linked terms as a full-width WooCommerce-tinted bar, for the Work Project Card's platform badge (bound to the Portfolio project-group taxonomy) when the post's term is WooCommerce.",
+	"styles": {
+		"color": {
+			"text": "var:custom|color|card|platform|woocommerce"
+		},
+		"typography": {
+			"fontFamily": "var:preset|font-family|monospace",
+			"fontSize": "var:preset|font-size|100",
+			"fontWeight": "var:custom|typography|font-weight|bold",
+			"textTransform": "uppercase"
+		},
+		"css": "&{display:flex;flex-wrap:wrap;align-items:baseline;width:100%;max-width:100%;box-sizing:border-box;background-color:color-mix(in srgb, var(--wp--custom--color--card--platform--woocommerce) 8%, transparent);border-radius:var(--wp--preset--border-radius--200);padding:var(--wp--preset--spacing--5) var(--wp--preset--spacing--10);letter-spacing:1px;} & a{display:inline;min-width:0;max-width:100%;white-space:normal;word-break:break-word;color:inherit;text-decoration:none;} & .wp-block-post-terms__separator{margin-inline-end:var(--wp--preset--spacing--5);}"
+	}
+}
diff --git a/styles/dark.json b/styles/dark.json
index f196c3f..bc08418 100644
--- a/styles/dark.json
+++ b/styles/dark.json
@@ -43,6 +43,10 @@
 					"solutions": {
 						"brand": "var:preset|color|cta-500",
 						"accent": "var:preset|color|accent-three-500"
+					},
+					"platform": {
+						"wordpress": "var:preset|color|brand-400",
+						"woocommerce": "var:preset|color|cta-400"
 					}
 				},
 				"phase": {
diff --git a/styles/sections/cards/card-work-category.json b/styles/sections/cards/card-work-category.json
new file mode 100644
index 0000000..3d6d779
--- /dev/null
+++ b/styles/sections/cards/card-work-category.json
@@ -0,0 +1,32 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Card - Work Category",
+	"slug": "card-work-category",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Compact card shell for the Work archive's category row: tinted icon well, H3 heading, supporting copy, and inline CTA sitting close to the copy (no bottom-anchored CTA, unlike Card - Feature).",
+	"styles": {
+		"color": {
+			"background": "var:custom|color|surface|card",
+			"text": "var:custom|color|text|default"
+		},
+		"border": {
+			"color": "var:custom|color|border|card",
+			"radius": "var:preset|border-radius|300",
+			"style": "solid",
+			"width": "1px"
+		},
+		"shadow": "var:preset|shadow|100",
+		"spacing": {
+			"blockGap": "var:preset|spacing|20",
+			"padding": {
+				"top": "var:preset|spacing|20",
+				"right": "var:preset|spacing|20",
+				"bottom": "var:preset|spacing|20",
+				"left": "var:preset|spacing|20"
+			}
+		}
+	}
+}
diff --git a/styles/sections/cards/card-work-project-banner-woocommerce.json b/styles/sections/cards/card-work-project-banner-woocommerce.json
new file mode 100644
index 0000000..b38c809
--- /dev/null
+++ b/styles/sections/cards/card-work-project-banner-woocommerce.json
@@ -0,0 +1,21 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Card - Work Project Banner (WooCommerce)",
+	"slug": "card-work-project-banner-woocommerce",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "WooCommerce-tinted banner zone for the Work Project Card, applied when the post's project-group term is WooCommerce.",
+	"styles": {
+		"spacing": {
+			"padding": {
+				"top": "var:preset|spacing|40",
+				"right": "var:preset|spacing|20",
+				"bottom": "var:preset|spacing|40",
+				"left": "var:preset|spacing|20"
+			}
+		},
+		"css": "&{background-color:color-mix(in srgb, var(--wp--custom--color--card--platform--woocommerce) 7%, transparent);}"
+	}
+}
diff --git a/styles/sections/cards/card-work-project-banner.json b/styles/sections/cards/card-work-project-banner.json
index 8a08612..17b16b7 100644
--- a/styles/sections/cards/card-work-project-banner.json
+++ b/styles/sections/cards/card-work-project-banner.json
@@ -6,7 +6,7 @@
 	"blockTypes": [
 		"core/group"
 	],
-	"description": "Brand-tinted banner zone for the Work Project Card. Background colour lives here (not inline in the pattern) so the block's saved HTML stays a plain className the validator can round-trip cleanly.",
+	"description": "WordPress-tinted banner zone for the Work Project Card. Default/fallback variant for any project-group term other than WooCommerce. Background colour lives here (not inline in the pattern) so the block's saved HTML stays a plain className the validator can round-trip cleanly.",
 	"styles": {
 		"spacing": {
 			"padding": {
@@ -16,6 +16,6 @@
 				"left": "var:preset|spacing|20"
 			}
 		},
-		"css": "&{background-color:color-mix(in srgb, var(--wp--custom--color--card--solutions--brand) 7%, transparent);}"
+		"css": "&{background-color:color-mix(in srgb, var(--wp--custom--color--card--platform--wordpress) 7%, transparent);}"
 	}
 }
diff --git a/styles/sections/content/work-categories.json b/styles/sections/content/work-categories.json
new file mode 100644
index 0000000..5a4a851
--- /dev/null
+++ b/styles/sections/content/work-categories.json
@@ -0,0 +1,23 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Work Categories Section",
+	"slug": "work-categories",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Full-width content band for the Work archive's category grid: flat near-white background, standard section padding. No gradient, unlike the Hero section's effect.hero tokens.",
+	"styles": {
+		"color": {
+			"background": "var:custom|color|surface|canvas"
+		},
+		"spacing": {
+			"padding": {
+				"top": "var:preset|spacing|80",
+				"right": "var:preset|spacing|30",
+				"bottom": "var:preset|spacing|90",
+				"left": "var:preset|spacing|30"
+			}
+		}
+	}
+}
diff --git a/styles/sections/content/work-selected-projects.json b/styles/sections/content/work-selected-projects.json
new file mode 100644
index 0000000..8f0b9ca
--- /dev/null
+++ b/styles/sections/content/work-selected-projects.json
@@ -0,0 +1,23 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Work Selected Projects Section",
+	"slug": "work-selected-projects",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Full-width content band for the Work archive's Selected Projects query loop: flat canvas background, standard section padding.",
+	"styles": {
+		"color": {
+			"background": "var:custom|color|surface|canvas"
+		},
+		"spacing": {
+			"padding": {
+				"top": "var:preset|spacing|80",
+				"right": "var:preset|spacing|30",
+				"bottom": "var:preset|spacing|90",
+				"left": "var:preset|spacing|30"
+			}
+		}
+	}
+}
diff --git a/theme.json b/theme.json
index c3af7c8..fc3a088 100644
--- a/theme.json
+++ b/theme.json
@@ -513,6 +513,10 @@
                     "solutions": {
                         "brand": "var:preset|color|brand-500",
                         "accent": "var:preset|color|accent-500"
+                    },
+                    "platform": {
+                        "wordpress": "var:preset|color|brand-500",
+                        "woocommerce": "var:preset|color|cta-800"
                     }
                 },
                 "phase": {

From a174ee306f15e5e8815e57c05891d8ce62f3079e Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Tue, 28 Jul 2026 16:32:44 +0200
Subject: [PATCH 4/6] Rename Work archive card styles to generic, reusable
 names (LS-1616)

The new card-work-* style variations were scoped to a single page by name,
breaking the existing card-feature/card-services/card-spotlight convention
of naming styles after their shape rather than where they're used. Renamed
all 11 to purpose-based slugs (card-category, card-case-study, card-chip,
card-divider-top/bottom, card-list-shell, card-link-row, card-checklist,
stat-segment, card-banner-tint(-woocommerce)) and updated every reference
across patterns, inc/animations.php, inc/portfolio-card-colors.php, and the
compiled animations.css so they read as reusable theme styles rather than
Work-archive-only assets.
---
 CHANGELOG.md                                  |  4 +--
 assets/css/animations.css                     | 34 +++++++++----------
 inc/animations.php                            |  4 +--
 inc/portfolio-card-colors.php                 |  4 +--
 patterns/cards/work-capability-list.php       | 12 +++----
 patterns/cards/work-discuss-project-list.php  |  4 +--
 patterns/cards/work-engagement-stat.php       |  4 +--
 patterns/cards/work-next-steps-card.php       |  4 +--
 patterns/cards/work-project-card.php          | 20 +++++------
 patterns/sections/work-categories.php         | 24 ++++++-------
 src/scss/animations/_card-motion.scss         | 32 ++++++++---------
 ...json => card-banner-tint-woocommerce.json} |  4 +--
 ...ject-banner.json => card-banner-tint.json} |  4 +--
 ...work-project.json => card-case-study.json} |  4 +--
 ...-work-category.json => card-category.json} |  6 ++--
 ...ard-work-list.json => card-checklist.json} |  4 +--
 ...-work-project-chip.json => card-chip.json} |  4 +--
 ...lity-row.json => card-divider-bottom.json} |  4 +--
 ...roject-tags.json => card-divider-top.json} |  6 ++--
 ...work-next-step.json => card-link-row.json} |  4 +--
 ...ability-list.json => card-list-shell.json} |  4 +--
 ...{card-work-stat.json => stat-segment.json} |  4 +--
 22 files changed, 97 insertions(+), 97 deletions(-)
 rename styles/sections/cards/{card-work-project-banner-woocommerce.json => card-banner-tint-woocommerce.json} (84%)
 rename styles/sections/cards/{card-work-project-banner.json => card-banner-tint.json} (90%)
 rename styles/sections/cards/{card-work-project.json => card-case-study.json} (92%)
 rename styles/sections/cards/{card-work-category.json => card-category.json} (70%)
 rename styles/sections/cards/{card-work-list.json => card-checklist.json} (92%)
 rename styles/sections/cards/{card-work-project-chip.json => card-chip.json} (90%)
 rename styles/sections/cards/{card-work-capability-row.json => card-divider-bottom.json} (88%)
 rename styles/sections/cards/{card-work-project-tags.json => card-divider-top.json} (52%)
 rename styles/sections/cards/{card-work-next-step.json => card-link-row.json} (91%)
 rename styles/sections/cards/{card-work-capability-list.json => card-list-shell.json} (90%)
 rename styles/sections/cards/{card-work-stat.json => stat-segment.json} (91%)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1c5776f..0f39d80 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,9 +16,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   - `patterns/cards/work-discuss-project-list.php` — a static checklist card reusing the existing `tick-accent` list style.
   - `patterns/cards/work-engagement-stat.php` — a stat segment with a split-colour big number (accent-coloured suffix) and monospace uppercase labels.
   - `patterns/cards/work-next-steps-card.php` — a compact related-route button.
-  - Matching section/block styles: `styles/sections/cards/card-work-project.json`, `card-work-project-banner.json`, `card-work-project-chip.json`, `card-work-project-tags.json`, `card-work-list.json`, `card-work-stat.json`, `card-work-next-step.json`, and two new `core/post-terms` block styles (`styles/blocks/post-terms/badge-brand.json`, `tag-pills.json`) for rendering dynamically-bound taxonomy terms as a badge bar and individual tag pills respectively.
+  - Matching section/block styles: `styles/sections/cards/card-case-study.json`, `card-banner-tint.json`, `card-chip.json`, `card-divider-top.json`, `card-checklist.json`, `stat-segment.json`, `card-link-row.json`, and two new `core/post-terms` block styles (`styles/blocks/post-terms/badge-brand.json`, `tag-pills.json`) for rendering dynamically-bound taxonomy terms as a badge bar and individual tag pills respectively.
   - Colour, computed values (background tints, borders) are kept out of pattern-level block attributes and defined only in these external style files — WordPress's block validator can't reliably round-trip a raw `color-mix()` value placed directly in a block's own `style` attribute.
-  - Added hover-lift behaviour for the two interactive cards (`is-style-card-work-project`, `is-style-card-work-next-step`) to `assets/css/animations.css`, reusing the existing `card.hover` shadow contract, and extended the `is-style-link-arrow-accent` style/CSS to also support `core/read-more` (previously `core/paragraph` only).
+  - Added hover-lift behaviour for the two interactive cards (`is-style-card-case-study`, `is-style-card-link-row`) to `assets/css/animations.css`, reusing the existing `card.hover` shadow contract, and extended the `is-style-link-arrow-accent` style/CSS to also support `core/read-more` (previously `core/paragraph` only).
 - Added a `Menu Item Card` pattern (`patterns/menu/menu-item-card.php`) as the single reusable source of the mega-menu list item structure (icon well, title/description, hover-reveal trailing arrow), used across the Work, Solutions, Pricing, Insights, and About mega menus — Services is excluded, it uses its own per-phase item style. Deliberately a plain registered pattern, not a Synced Pattern, so each insertion stays independently editable per menu item (LS-1618).
 - Added 6 real mega menu template parts for Ollie Menu Designer's Dropdown Menu block, each with final content, no shared placeholder scaffold: `parts/work-mega-menu.html`, `parts/solutions-mega-menu.html`, `parts/pricing-mega-menu.html`, `parts/insights-mega-menu.html`, `parts/about-mega-menu.html` (Default item styling), and `parts/services-mega-menu.html` (Service item styling, 6 lifecycle-phase columns). All registered in `theme.json` `templateParts` (LS-1618).
 - Added `Mega Menu Item - Default` and `Mega Menu Item - Service` block styles (`styles/blocks/groups/mega-menu-item-default.json`, `mega-menu-item-service.json`) as the single reusable, registered source of a row's structural styling (padding, radius) — the icon well itself carries no separate style, just plain inline block attributes, so it has no independent interactive behaviour of its own.
diff --git a/assets/css/animations.css b/assets/css/animations.css
index b94f34c..50d5317 100644
--- a/assets/css/animations.css
+++ b/assets/css/animations.css
@@ -378,28 +378,28 @@
 }
 
 /* Card - Work Category */
-.is-style-card-work-category {
-  --ls-card-work-category-border-rest: var(--wp--custom--color--border--card);
-  --ls-card-work-category-border-active: var(--wp--custom--color--link--accent);
-  --ls-card-work-category-shadow-rest: var(--wp--custom--shadow--elevation--100);
-  --ls-card-work-category-shadow-active: var(--wp--custom--shadow--card--hover);
-  --ls-card-work-category-lift: -4px;
+.is-style-card-category {
+  --ls-card-category-border-rest: var(--wp--custom--color--border--card);
+  --ls-card-category-border-active: var(--wp--custom--color--link--accent);
+  --ls-card-category-shadow-rest: var(--wp--custom--shadow--elevation--100);
+  --ls-card-category-shadow-active: var(--wp--custom--shadow--card--hover);
+  --ls-card-category-lift: -4px;
   position: relative;
   overflow: hidden;
-  border: 1px solid var(--ls-card-work-category-border-rest);
+  border: 1px solid var(--ls-card-category-border-rest);
   border-radius: var(--wp--preset--border-radius--300);
   background: var(--wp--custom--color--surface--card);
-  box-shadow: var(--ls-card-work-category-shadow-rest);
+  box-shadow: var(--ls-card-category-shadow-rest);
   gap: var(--wp--preset--spacing--20);
   padding: var(--wp--preset--spacing--20);
   transition: border-color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard), box-shadow var(--wp--custom--animation--duration--medium) var(--wp--custom--animation--easing--standard), transform var(--wp--custom--animation--duration--medium) var(--wp--custom--animation--easing--emphasised);
 }
-.is-style-card-work-category:hover, .is-style-card-work-category:focus-within {
-  border-color: var(--ls-card-work-category-border-active);
-  box-shadow: var(--ls-card-work-category-shadow-active);
-  transform: translateY(var(--ls-card-work-category-lift));
+.is-style-card-category:hover, .is-style-card-category:focus-within {
+  border-color: var(--ls-card-category-border-active);
+  box-shadow: var(--ls-card-category-shadow-active);
+  transform: translateY(var(--ls-card-category-lift));
 }
-.is-style-card-work-category .ls-card-work-category__content {
+.is-style-card-category .ls-card-category__content {
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
@@ -635,7 +635,7 @@
   .is-style-glass-card,
   .is-style-card-feature,
   .is-style-card-feature :is(.ls-card__icon-shell, .ls-card-feature__icon-shell),
-  .is-style-card-work-category,
+  .is-style-card-category,
   .is-style-card-services,
   .is-style-card-services::before,
   .is-style-card-services :is(.ls-card__icon-shell, .ls-card-services__icon-shell),
@@ -648,8 +648,8 @@
   .is-style-glass-card:focus-within,
   .is-style-card-feature:hover,
   .is-style-card-feature:focus-within,
-  .is-style-card-work-category:hover,
-  .is-style-card-work-category:focus-within,
+  .is-style-card-category:hover,
+  .is-style-card-category:focus-within,
   .is-style-card-services:hover,
   .is-style-card-services:focus-within {
     transform: none;
@@ -676,7 +676,7 @@
   }
 }
 /* Card - Work Project (WooCommerce platform colour) */
-.is-style-card-work-project-banner-woocommerce {
+.is-style-card-banner-tint-woocommerce {
   padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
   background-color: color-mix(in srgb, var(--wp--custom--color--card--platform--woocommerce) 7%, transparent);
 }
diff --git a/inc/animations.php b/inc/animations.php
index d8eebb0..8ebe1d2 100644
--- a/inc/animations.php
+++ b/inc/animations.php
@@ -139,8 +139,8 @@ function ls_theme_register_effect_block_styles() {
 		),
 		array(
 			'block_name' => 'core/group',
-			'name'       => 'card-work-category',
-			'label'      => __( 'Card - Work Category', 'ls-theme' ),
+			'name'       => 'card-category',
+			'label'      => __( 'Card - Category', 'ls-theme' ),
 		),
 		array(
 			'block_name' => 'core/group',
diff --git a/inc/portfolio-card-colors.php b/inc/portfolio-card-colors.php
index 766292b..23efe79 100644
--- a/inc/portfolio-card-colors.php
+++ b/inc/portfolio-card-colors.php
@@ -31,7 +31,7 @@ function ls_theme_portfolio_card_platform_class( $block_content, $block ) {
 
 	$class_name = $block['attrs']['className'] ?? '';
 
-	$is_banner = false !== strpos( $class_name, 'is-style-card-work-project-banner' );
+	$is_banner = false !== strpos( $class_name, 'is-style-card-banner-tint' );
 	$is_badge  = false !== strpos( $class_name, 'is-style-badge-brand' );
 
 	if ( ! $is_banner && ! $is_badge ) {
@@ -51,7 +51,7 @@ function ls_theme_portfolio_card_platform_class( $block_content, $block ) {
 	}
 
 	if ( $is_banner ) {
-		return str_replace( 'is-style-card-work-project-banner', 'is-style-card-work-project-banner-woocommerce', $block_content );
+		return str_replace( 'is-style-card-banner-tint', 'is-style-card-banner-tint-woocommerce', $block_content );
 	}
 
 	return str_replace( 'is-style-badge-brand', 'is-style-badge-woocommerce', $block_content );
diff --git a/patterns/cards/work-capability-list.php b/patterns/cards/work-capability-list.php
index dc37aa8..9566438 100644
--- a/patterns/cards/work-capability-list.php
+++ b/patterns/cards/work-capability-list.php
@@ -13,11 +13,11 @@
  */
 
 ?>
-<!-- wp:group {"className":"is-style-card-work-capability-list","layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
-<div class="wp-block-group is-style-card-work-capability-list">
+<!-- wp:group {"className":"is-style-card-list-shell","layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+<div class="wp-block-group is-style-card-list-shell">
 
-	<!-- wp:group {"className":"is-style-card-work-capability-row","layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
-	<div class="wp-block-group is-style-card-work-capability-row">
+	<!-- wp:group {"className":"is-style-card-divider-bottom","layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
+	<div class="wp-block-group is-style-card-divider-bottom">
 		<!-- wp:group {"className":"is-style-icon-well-brand"} -->
 		<div class="wp-block-group is-style-icon-well-brand">
 			<!-- wp:outermost/icon-block {"iconName":"","width":"18px"} -->
@@ -40,8 +40,8 @@
 	</div>
 	<!-- /wp:group -->
 
-	<!-- wp:group {"className":"is-style-card-work-capability-row","layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
-	<div class="wp-block-group is-style-card-work-capability-row">
+	<!-- wp:group {"className":"is-style-card-divider-bottom","layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
+	<div class="wp-block-group is-style-card-divider-bottom">
 		<!-- wp:group {"className":"is-style-icon-well-commerce"} -->
 		<div class="wp-block-group is-style-icon-well-commerce">
 			<!-- wp:outermost/icon-block {"iconName":"","width":"18px"} -->
diff --git a/patterns/cards/work-discuss-project-list.php b/patterns/cards/work-discuss-project-list.php
index 495c5f8..b3acf93 100644
--- a/patterns/cards/work-discuss-project-list.php
+++ b/patterns/cards/work-discuss-project-list.php
@@ -13,8 +13,8 @@
  */
 
 ?>
-<!-- wp:group {"tagName":"article","className":"is-style-card-work-list","layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
-<article class="wp-block-group is-style-card-work-list">
+<!-- wp:group {"tagName":"article","className":"is-style-card-checklist","layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+<article class="wp-block-group is-style-card-checklist">
 	<!-- wp:list {"className":"is-style-tick-accent"} -->
 	<ul class="wp-block-list is-style-tick-accent">
 		<li><?php echo esc_html__( 'WordPress platforms and publishing systems', 'ls-theme' ); ?></li>
diff --git a/patterns/cards/work-engagement-stat.php b/patterns/cards/work-engagement-stat.php
index d859f62..1d83ff5 100644
--- a/patterns/cards/work-engagement-stat.php
+++ b/patterns/cards/work-engagement-stat.php
@@ -13,8 +13,8 @@
  */
 
 ?>
-<!-- wp:group {"tagName":"article","className":"is-style-card-work-stat","layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
-<article class="wp-block-group is-style-card-work-stat">
+<!-- wp:group {"tagName":"article","className":"is-style-stat-segment","layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+<article class="wp-block-group is-style-stat-segment">
 
 	<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"nowrap"}} -->
 	<div class="wp-block-group">
diff --git a/patterns/cards/work-next-steps-card.php b/patterns/cards/work-next-steps-card.php
index 8775099..3d45243 100644
--- a/patterns/cards/work-next-steps-card.php
+++ b/patterns/cards/work-next-steps-card.php
@@ -13,8 +13,8 @@
  */
 
 ?>
-<!-- wp:group {"tagName":"article","className":"is-style-card-work-next-step","layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"center","flexWrap":"wrap"}} -->
-<article class="wp-block-group is-style-card-work-next-step">
+<!-- wp:group {"tagName":"article","className":"is-style-card-link-row","layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"center","flexWrap":"wrap"}} -->
+<article class="wp-block-group is-style-card-link-row">
 
 	<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 	<div class="wp-block-group">
diff --git a/patterns/cards/work-project-card.php b/patterns/cards/work-project-card.php
index 9f1ec41..d106a62 100644
--- a/patterns/cards/work-project-card.php
+++ b/patterns/cards/work-project-card.php
@@ -13,21 +13,21 @@
  */
 
 ?>
-<!-- wp:group {"tagName":"article","className":"is-style-card-work-project","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
-<article class="wp-block-group is-style-card-work-project">
+<!-- wp:group {"tagName":"article","className":"is-style-card-case-study","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
+<article class="wp-block-group is-style-card-case-study">
 
-	<!-- wp:group {"className":"ls-card-work-project__banner is-style-card-work-project-banner","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
-	<div class="wp-block-group ls-card-work-project__banner is-style-card-work-project-banner">
-		<!-- wp:group {"className":"is-style-card-work-project-chip"} -->
-		<div class="wp-block-group is-style-card-work-project-chip">
+	<!-- wp:group {"className":"ls-card-case-study__banner is-style-card-banner-tint","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
+	<div class="wp-block-group ls-card-case-study__banner is-style-card-banner-tint">
+		<!-- wp:group {"className":"is-style-card-chip"} -->
+		<div class="wp-block-group is-style-card-chip">
 			<!-- wp:post-terms {"term":"project-group","prefix":"Platform · ","style":{"typography":{"fontFamily":"var:preset|font-family|monospace","textTransform":"uppercase","letterSpacing":"1.1px"},"color":{"text":"var(--wp--custom--color--text--subtle)"}},"fontSize":"100"} /-->
 		</div>
 		<!-- /wp:group -->
 	</div>
 	<!-- /wp:group -->
 
-	<!-- wp:group {"className":"ls-card-work-project__content","style":{"spacing":{"blockGap":"var:preset|spacing|10","padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
-	<div class="wp-block-group ls-card-work-project__content" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)">
+	<!-- wp:group {"className":"ls-card-case-study__content","style":{"spacing":{"blockGap":"var:preset|spacing|10","padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+	<div class="wp-block-group ls-card-case-study__content" style="padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)">
 
 		<!-- wp:post-terms {"term":"project-group","className":"is-style-badge-brand"} /-->
 
@@ -35,8 +35,8 @@
 
 		<!-- wp:post-excerpt {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} /-->
 
-		<!-- wp:group {"className":"is-style-card-work-project-tags"} -->
-		<div class="wp-block-group is-style-card-work-project-tags">
+		<!-- wp:group {"className":"is-style-card-divider-top"} -->
+		<div class="wp-block-group is-style-card-divider-top">
 			<!-- wp:post-terms {"term":"project-tag","separator":" ","className":"is-style-tag-pills"} /-->
 		</div>
 		<!-- /wp:group -->
diff --git a/patterns/sections/work-categories.php b/patterns/sections/work-categories.php
index 078b5e1..4e6b92d 100644
--- a/patterns/sections/work-categories.php
+++ b/patterns/sections/work-categories.php
@@ -47,8 +47,8 @@
 
 			<!-- wp:column -->
 			<div class="wp-block-column">
-				<!-- wp:group {"tagName":"article","className":"is-style-card-work-category","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
-				<article class="wp-block-group is-style-card-work-category">
+				<!-- wp:group {"tagName":"article","className":"is-style-card-category","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
+				<article class="wp-block-group is-style-card-category">
 					<!-- wp:group {"className":"is-style-icon-well-brand"} -->
 					<div class="wp-block-group is-style-icon-well-brand">
 						<!-- wp:outermost/icon-block {"iconName":"","width":"18px"} -->
@@ -57,8 +57,8 @@
 					</div>
 					<!-- /wp:group -->
 
-					<!-- wp:group {"className":"ls-card-work-category__content","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
-					<div class="wp-block-group ls-card-work-category__content">
+					<!-- wp:group {"className":"ls-card-category__content","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
+					<div class="wp-block-group ls-card-category__content">
 						<!-- wp:heading {"level":3,"fontSize":"300"} -->
 						<h3 class="wp-block-heading has-300-font-size"><?php echo esc_html__( 'WordPress Work', 'ls-theme' ); ?></h3>
 						<!-- /wp:heading -->
@@ -79,8 +79,8 @@
 
 			<!-- wp:column -->
 			<div class="wp-block-column">
-				<!-- wp:group {"tagName":"article","className":"is-style-card-work-category","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
-				<article class="wp-block-group is-style-card-work-category">
+				<!-- wp:group {"tagName":"article","className":"is-style-card-category","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
+				<article class="wp-block-group is-style-card-category">
 					<!-- wp:group {"className":"is-style-icon-well-brand"} -->
 					<div class="wp-block-group is-style-icon-well-brand">
 						<!-- wp:outermost/icon-block {"iconName":"","width":"18px"} -->
@@ -89,8 +89,8 @@
 					</div>
 					<!-- /wp:group -->
 
-					<!-- wp:group {"className":"ls-card-work-category__content","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
-					<div class="wp-block-group ls-card-work-category__content">
+					<!-- wp:group {"className":"ls-card-category__content","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
+					<div class="wp-block-group ls-card-category__content">
 						<!-- wp:heading {"level":3,"fontSize":"300"} -->
 						<h3 class="wp-block-heading has-300-font-size"><?php echo esc_html__( 'WooCommerce Work', 'ls-theme' ); ?></h3>
 						<!-- /wp:heading -->
@@ -111,8 +111,8 @@
 
 			<!-- wp:column -->
 			<div class="wp-block-column">
-				<!-- wp:group {"tagName":"article","className":"is-style-card-work-category","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
-				<article class="wp-block-group is-style-card-work-category">
+				<!-- wp:group {"tagName":"article","className":"is-style-card-category","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
+				<article class="wp-block-group is-style-card-category">
 					<!-- wp:group {"className":"is-style-icon-well-brand"} -->
 					<div class="wp-block-group is-style-icon-well-brand">
 						<!-- wp:outermost/icon-block {"iconName":"","width":"18px"} -->
@@ -121,8 +121,8 @@
 					</div>
 					<!-- /wp:group -->
 
-					<!-- wp:group {"className":"ls-card-work-category__content","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
-					<div class="wp-block-group ls-card-work-category__content">
+					<!-- wp:group {"className":"ls-card-category__content","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
+					<div class="wp-block-group ls-card-category__content">
 						<!-- wp:heading {"level":3,"fontSize":"300"} -->
 						<h3 class="wp-block-heading has-300-font-size"><?php echo esc_html__( 'Design-System Work', 'ls-theme' ); ?></h3>
 						<!-- /wp:heading -->
diff --git a/src/scss/animations/_card-motion.scss b/src/scss/animations/_card-motion.scss
index 7623436..bcb2822 100644
--- a/src/scss/animations/_card-motion.scss
+++ b/src/scss/animations/_card-motion.scss
@@ -203,17 +203,17 @@
 }
 
 /* Card - Work Category */
-.is-style-card-work-category {
-  --ls-card-work-category-border-rest: var(--wp--custom--color--border--card);
-  --ls-card-work-category-border-active: var(--wp--custom--color--link--accent);
-  --ls-card-work-category-shadow-rest: var(--wp--custom--shadow--elevation--100);
-  --ls-card-work-category-shadow-active: var(--wp--custom--shadow--card--hover);
-  --ls-card-work-category-lift: -4px;
+.is-style-card-category {
+  --ls-card-category-border-rest: var(--wp--custom--color--border--card);
+  --ls-card-category-border-active: var(--wp--custom--color--link--accent);
+  --ls-card-category-shadow-rest: var(--wp--custom--shadow--elevation--100);
+  --ls-card-category-shadow-active: var(--wp--custom--shadow--card--hover);
+  --ls-card-category-lift: -4px;
   @include surface.surface-card(
     $radius: var(--wp--preset--border-radius--300),
-    $border: 1px solid var(--ls-card-work-category-border-rest),
+    $border: 1px solid var(--ls-card-category-border-rest),
     $background: var(--wp--custom--color--surface--card),
-    $shadow: var(--ls-card-work-category-shadow-rest)
+    $shadow: var(--ls-card-category-shadow-rest)
   );
   gap: var(--wp--preset--spacing--20);
   padding: var(--wp--preset--spacing--20);
@@ -227,12 +227,12 @@
 
   &:hover,
   &:focus-within {
-    border-color: var(--ls-card-work-category-border-active);
-    box-shadow: var(--ls-card-work-category-shadow-active);
-    transform: translateY(var(--ls-card-work-category-lift));
+    border-color: var(--ls-card-category-border-active);
+    box-shadow: var(--ls-card-category-shadow-active);
+    transform: translateY(var(--ls-card-category-lift));
   }
 
-  .ls-card-work-category__content {
+  .ls-card-category__content {
     flex: 1 1 auto;
     display: flex;
     flex-direction: column;
@@ -524,7 +524,7 @@
   .is-style-glass-card,
   .is-style-card-feature,
   .is-style-card-feature :is(.ls-card__icon-shell, .ls-card-feature__icon-shell),
-  .is-style-card-work-category,
+  .is-style-card-category,
   .is-style-card-services,
   .is-style-card-services::before,
   .is-style-card-services :is(.ls-card__icon-shell, .ls-card-services__icon-shell),
@@ -539,8 +539,8 @@
   .is-style-glass-card:focus-within,
   .is-style-card-feature:hover,
   .is-style-card-feature:focus-within,
-  .is-style-card-work-category:hover,
-  .is-style-card-work-category:focus-within,
+  .is-style-card-category:hover,
+  .is-style-card-category:focus-within,
   .is-style-card-services:hover,
   .is-style-card-services:focus-within {
     transform: none;
@@ -573,7 +573,7 @@
 }
 
 /* Card - Work Project (WooCommerce platform colour) */
-.is-style-card-work-project-banner-woocommerce {
+.is-style-card-banner-tint-woocommerce {
   padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
   background-color: color-mix(in srgb, var(--wp--custom--color--card--platform--woocommerce) 7%, transparent);
 }
diff --git a/styles/sections/cards/card-work-project-banner-woocommerce.json b/styles/sections/cards/card-banner-tint-woocommerce.json
similarity index 84%
rename from styles/sections/cards/card-work-project-banner-woocommerce.json
rename to styles/sections/cards/card-banner-tint-woocommerce.json
index b38c809..9a7c0b5 100644
--- a/styles/sections/cards/card-work-project-banner-woocommerce.json
+++ b/styles/sections/cards/card-banner-tint-woocommerce.json
@@ -1,8 +1,8 @@
 {
 	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
 	"version": 3,
-	"title": "Card - Work Project Banner (WooCommerce)",
-	"slug": "card-work-project-banner-woocommerce",
+	"title": "Card - Banner Tint (WooCommerce)",
+	"slug": "card-banner-tint-woocommerce",
 	"blockTypes": [
 		"core/group"
 	],
diff --git a/styles/sections/cards/card-work-project-banner.json b/styles/sections/cards/card-banner-tint.json
similarity index 90%
rename from styles/sections/cards/card-work-project-banner.json
rename to styles/sections/cards/card-banner-tint.json
index 17b16b7..192e062 100644
--- a/styles/sections/cards/card-work-project-banner.json
+++ b/styles/sections/cards/card-banner-tint.json
@@ -1,8 +1,8 @@
 {
 	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
 	"version": 3,
-	"title": "Card - Work Project Banner",
-	"slug": "card-work-project-banner",
+	"title": "Card - Banner Tint",
+	"slug": "card-banner-tint",
 	"blockTypes": [
 		"core/group"
 	],
diff --git a/styles/sections/cards/card-work-project.json b/styles/sections/cards/card-case-study.json
similarity index 92%
rename from styles/sections/cards/card-work-project.json
rename to styles/sections/cards/card-case-study.json
index a70f68e..c73d458 100644
--- a/styles/sections/cards/card-work-project.json
+++ b/styles/sections/cards/card-case-study.json
@@ -1,8 +1,8 @@
 {
 	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
 	"version": 3,
-	"title": "Card - Work Project",
-	"slug": "card-work-project",
+	"title": "Card - Case Study",
+	"slug": "card-case-study",
 	"blockTypes": [
 		"core/group"
 	],
diff --git a/styles/sections/cards/card-work-category.json b/styles/sections/cards/card-category.json
similarity index 70%
rename from styles/sections/cards/card-work-category.json
rename to styles/sections/cards/card-category.json
index 3d6d779..8d8e1e8 100644
--- a/styles/sections/cards/card-work-category.json
+++ b/styles/sections/cards/card-category.json
@@ -1,12 +1,12 @@
 {
 	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
 	"version": 3,
-	"title": "Card - Work Category",
-	"slug": "card-work-category",
+	"title": "Card - Category",
+	"slug": "card-category",
 	"blockTypes": [
 		"core/group"
 	],
-	"description": "Compact card shell for the Work archive's category row: tinted icon well, H3 heading, supporting copy, and inline CTA sitting close to the copy (no bottom-anchored CTA, unlike Card - Feature).",
+	"description": "Compact card shell with a tinted icon well, H3 heading, supporting copy, and inline CTA sitting close to the copy (no bottom-anchored CTA, unlike Card - Feature). Used by the Work archive's category row.",
 	"styles": {
 		"color": {
 			"background": "var:custom|color|surface|card",
diff --git a/styles/sections/cards/card-work-list.json b/styles/sections/cards/card-checklist.json
similarity index 92%
rename from styles/sections/cards/card-work-list.json
rename to styles/sections/cards/card-checklist.json
index 7908b78..480bc88 100644
--- a/styles/sections/cards/card-work-list.json
+++ b/styles/sections/cards/card-checklist.json
@@ -1,8 +1,8 @@
 {
 	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
 	"version": 3,
-	"title": "Card - Work List",
-	"slug": "card-work-list",
+	"title": "Card - Checklist",
+	"slug": "card-checklist",
 	"blockTypes": [
 		"core/group"
 	],
diff --git a/styles/sections/cards/card-work-project-chip.json b/styles/sections/cards/card-chip.json
similarity index 90%
rename from styles/sections/cards/card-work-project-chip.json
rename to styles/sections/cards/card-chip.json
index 70811b8..50f6ba1 100644
--- a/styles/sections/cards/card-work-project-chip.json
+++ b/styles/sections/cards/card-chip.json
@@ -1,8 +1,8 @@
 {
 	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
 	"version": 3,
-	"title": "Card - Work Project Chip",
-	"slug": "card-work-project-chip",
+	"title": "Card - Chip",
+	"slug": "card-chip",
 	"blockTypes": [
 		"core/group"
 	],
diff --git a/styles/sections/cards/card-work-capability-row.json b/styles/sections/cards/card-divider-bottom.json
similarity index 88%
rename from styles/sections/cards/card-work-capability-row.json
rename to styles/sections/cards/card-divider-bottom.json
index 9100289..367772e 100644
--- a/styles/sections/cards/card-work-capability-row.json
+++ b/styles/sections/cards/card-divider-bottom.json
@@ -1,8 +1,8 @@
 {
 	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
 	"version": 3,
-	"title": "Card - Work Capability Row",
-	"slug": "card-work-capability-row",
+	"title": "Card - Divider Bottom",
+	"slug": "card-divider-bottom",
 	"blockTypes": [
 		"core/group"
 	],
diff --git a/styles/sections/cards/card-work-project-tags.json b/styles/sections/cards/card-divider-top.json
similarity index 52%
rename from styles/sections/cards/card-work-project-tags.json
rename to styles/sections/cards/card-divider-top.json
index 8f1d995..c2db1f8 100644
--- a/styles/sections/cards/card-work-project-tags.json
+++ b/styles/sections/cards/card-divider-top.json
@@ -1,12 +1,12 @@
 {
 	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
 	"version": 3,
-	"title": "Card - Work Project Tags",
-	"slug": "card-work-project-tags",
+	"title": "Card - Divider Top",
+	"slug": "card-divider-top",
 	"blockTypes": [
 		"core/group"
 	],
-	"description": "Tag-row wrapper for the Work Project Card: a single top divider only. Sets border-width explicitly on all four sides to avoid the has-border-color utility class defaulting the other three sides to the browser's default border.",
+	"description": "Row wrapper with a single top divider only. Sets border-width explicitly on all four sides to avoid the has-border-color utility class defaulting the other three sides to the browser's default border. Used by the Work Project Card's tag row.",
 	"styles": {
 		"spacing": {
 			"padding": {
diff --git a/styles/sections/cards/card-work-next-step.json b/styles/sections/cards/card-link-row.json
similarity index 91%
rename from styles/sections/cards/card-work-next-step.json
rename to styles/sections/cards/card-link-row.json
index 66fa51d..5d598bf 100644
--- a/styles/sections/cards/card-work-next-step.json
+++ b/styles/sections/cards/card-link-row.json
@@ -1,8 +1,8 @@
 {
 	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
 	"version": 3,
-	"title": "Card - Work Next Step",
-	"slug": "card-work-next-step",
+	"title": "Card - Link Row",
+	"slug": "card-link-row",
 	"blockTypes": [
 		"core/group"
 	],
diff --git a/styles/sections/cards/card-work-capability-list.json b/styles/sections/cards/card-list-shell.json
similarity index 90%
rename from styles/sections/cards/card-work-capability-list.json
rename to styles/sections/cards/card-list-shell.json
index 9d15bc7..b6f4d20 100644
--- a/styles/sections/cards/card-work-capability-list.json
+++ b/styles/sections/cards/card-list-shell.json
@@ -1,8 +1,8 @@
 {
 	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
 	"version": 3,
-	"title": "Card - Work Capability List",
-	"slug": "card-work-capability-list",
+	"title": "Card - List Shell",
+	"slug": "card-list-shell",
 	"blockTypes": [
 		"core/group"
 	],
diff --git a/styles/sections/cards/card-work-stat.json b/styles/sections/cards/stat-segment.json
similarity index 91%
rename from styles/sections/cards/card-work-stat.json
rename to styles/sections/cards/stat-segment.json
index 2ecb7bb..1690937 100644
--- a/styles/sections/cards/card-work-stat.json
+++ b/styles/sections/cards/stat-segment.json
@@ -1,8 +1,8 @@
 {
 	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
 	"version": 3,
-	"title": "Card - Work Stat",
-	"slug": "card-work-stat",
+	"title": "Stat Segment",
+	"slug": "stat-segment",
 	"blockTypes": [
 		"core/group"
 	],

From 9a482c32a542389df0cb5cc1ba38a94f5a5695a8 Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Tue, 28 Jul 2026 22:10:11 +0200
Subject: [PATCH 5/6] Add Stats Grid, Discuss Project, and Related Routes
 sections to Work archive (LS-1616)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Built the 3 remaining Work archive sections by reusing existing card
  patterns/styles (stat-segment, card-checklist, card-link-row, tick-accent)
  and creating only what didn't already exist: a top+bottom row-divider
  style, a pill-shaped "Secondary" button pair reusing existing fill/outline
  color tokens, and the two new section patterns themselves
- Fixed mobile responsiveness using WordPress's own native mechanisms
  instead of custom media queries — core/columns' built-in stacking,
  core/group's minimumColumnWidth grid reflow, and core/navigation's
  built-in overlay breakpoint — registering two new breakpoints in
  theme.json (nav-toggle, columns-stack) that mirror WP core's own
  hardcoded values exactly
- Fixed inconsistent heading sizes (24-48px) across all archive sections
  to a single 32px design target
- Fixed the "Where to go next" grid's permanently-highlighted tile, which
  was meant to be a hover state rather than a static "current page"
  indicator
- Fixed card-divider-both's blockTypes registration, left pointing at
  core/group after being converted to a wp:columns block, which was
  silently dropping its CSS with no error
- Merged 5 byte-identical section-band styles into one shared
  content-band style, reused by all five Work archive sections; verified
  against live rendered output, not just source files
---
 assets/css/animations.css                     |  61 ++++++
 patterns/cards/work-discuss-project-list.php  |  13 +-
 patterns/cards/work-engagement-stat.php       |   6 +-
 patterns/cards/work-next-steps-card.php       |   2 +-
 patterns/section-stats-grid.php               | 139 ++++++++++++-
 patterns/sections/work-categories.php         |   8 +-
 patterns/sections/work-discuss-project.php    |  72 +++++++
 patterns/sections/work-related-routes.php     | 187 ++++++++++++++++++
 patterns/sections/work-selected-projects.php  |  10 +-
 patterns/template-work-archive.php            |   5 +-
 .../abstracts/mixins/_breakpoints-theme.scss  |   4 +-
 src/scss/animations/_button-motion.scss       |  14 ++
 src/scss/animations/_card-motion.scss         |  42 ++++
 src/scss/animations/_header-motion.scss       |  17 ++
 .../buttons/button-secondary-outline.json     |  35 ++++
 styles/blocks/buttons/button-secondary.json   |  35 ++++
 styles/sections/cards/card-divider-both.json  |  13 ++
 ...work-categories.json => content-band.json} |   6 +-
 .../content/work-selected-projects.json       |  23 ---
 theme.json                                    |   4 +-
 20 files changed, 650 insertions(+), 46 deletions(-)
 create mode 100644 patterns/sections/work-discuss-project.php
 create mode 100644 patterns/sections/work-related-routes.php
 create mode 100644 styles/blocks/buttons/button-secondary-outline.json
 create mode 100644 styles/blocks/buttons/button-secondary.json
 create mode 100644 styles/sections/cards/card-divider-both.json
 rename styles/sections/content/{work-categories.json => content-band.json} (52%)
 delete mode 100644 styles/sections/content/work-selected-projects.json

diff --git a/assets/css/animations.css b/assets/css/animations.css
index 50d5317..12611cb 100644
--- a/assets/css/animations.css
+++ b/assets/css/animations.css
@@ -629,6 +629,23 @@
   margin: 0;
 }
 
+/* Card - Link Row */
+.is-style-card-link-row {
+  --ls-card-link-row-border-rest: var(--wp--custom--color--border--card);
+  --ls-card-link-row-border-active: var(--wp--custom--color--link--accent);
+  --ls-card-link-row-background-active: color-mix(in srgb, var(--wp--custom--color--link--accent) 10%, transparent);
+  --ls-card-link-row-icon-active: var(--wp--custom--color--text--brand);
+  border-color: var(--ls-card-link-row-border-rest);
+  transition: background-color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard), border-color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard);
+}
+.is-style-card-link-row:hover, .is-style-card-link-row:focus-within {
+  background-color: var(--ls-card-link-row-background-active);
+  border-color: var(--ls-card-link-row-border-active);
+}
+.is-style-card-link-row:hover .wp-block-outermost-icon-block .icon-container, .is-style-card-link-row:focus-within .wp-block-outermost-icon-block .icon-container {
+  color: var(--ls-card-link-row-icon-active) !important;
+}
+
 @media (prefers-reduced-motion: reduce) {
   .wp-block-paragraph.is-style-link-arrow-accent a,
   .wp-block-paragraph.is-style-link-arrow-accent a::after,
@@ -636,6 +653,7 @@
   .is-style-card-feature,
   .is-style-card-feature :is(.ls-card__icon-shell, .ls-card-feature__icon-shell),
   .is-style-card-category,
+  .is-style-card-link-row,
   .is-style-card-services,
   .is-style-card-services::before,
   .is-style-card-services :is(.ls-card__icon-shell, .ls-card-services__icon-shell),
@@ -675,6 +693,20 @@
     transform: none;
   }
 }
+/*
+ * Stat Segment: its border-inline-end divider (styles/sections/cards/stat-segment.json) reads as
+ * a vertical rule between adjacent columns in a `wp:columns` row. Below core/columns' own native
+ * stacking breakpoint (WP core hardcodes this at `max-width: 781px` in
+ * wp-includes/blocks/columns/style.css — mirrored here as the `columns-stack` entry in
+ * theme.json's settings.custom.layout.break-points), each column becomes full-width, so that same
+ * border would just show as a stray line down the right edge of every stacked segment. Drop it at
+ * that same breakpoint instead.
+ */
+@media (max-width: 781.98px) {
+  .is-style-stat-segment {
+    border-inline-end: none;
+  }
+}
 /* Card - Work Project (WooCommerce platform colour) */
 .is-style-card-banner-tint-woocommerce {
   padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
@@ -884,6 +916,20 @@
   inset-inline-end: var(--ls-button-outline-icon-inline-start);
 }
 
+/* Button - Secondary */
+.wp-block-button.is-style-button-secondary .wp-block-button__link:hover,
+.wp-block-button.is-style-button-secondary .wp-block-button__link:focus-visible {
+  background-color: var(--wp--custom--color--button--fill--background-hover);
+  border-color: var(--wp--custom--color--button--fill--border-hover);
+  color: var(--wp--custom--color--button--fill--text-hover);
+}
+
+.wp-block-button.is-style-button-secondary-outline .wp-block-button__link:hover,
+.wp-block-button.is-style-button-secondary-outline .wp-block-button__link:focus-visible {
+  background-color: var(--wp--custom--color--button--outline--background-hover);
+  color: var(--wp--custom--color--button--outline--text-hover);
+}
+
 /* Glass Button */
 .wp-block-button.is-style-glass-button {
   max-inline-size: 100%;
@@ -1553,6 +1599,21 @@
   }
 }
 /********** Site Header **********/
+/*
+ * Below core/navigation's own native overlay-menu breakpoint (core WP hardcodes this at
+ * `min-width: 600px` in wp-includes/blocks/navigation/style.css — mirrored here as the
+ * `nav-toggle` entry in theme.json's settings.custom.layout.break-points, synced via
+ * `npm run sync:breakpoints`), the nav collapses to its own hamburger toggle automatically.
+ * Hide the search control and CTA button at that same breakpoint so the header row only has
+ * the logo and the (collapsed) nav left — with `justifyContent:"space-between"` already set on
+ * the header row, that alone pushes the hamburger to the far right, matching the desktop layout
+ * where it sits at the end of the row.
+ */
+@media (max-width: 599.98px) {
+  .site-header__actions {
+    display: none;
+  }
+}
 /*
  * Header icon buttons (search, light/dark toggle) and the gradient CTA. The base circular-button
  * shell (border/background/sizing) matches styles/blocks/groups/header-icon-button.json — kept
diff --git a/patterns/cards/work-discuss-project-list.php b/patterns/cards/work-discuss-project-list.php
index b3acf93..4d072de 100644
--- a/patterns/cards/work-discuss-project-list.php
+++ b/patterns/cards/work-discuss-project-list.php
@@ -15,12 +15,23 @@
 ?>
 <!-- wp:group {"tagName":"article","className":"is-style-card-checklist","layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 <article class="wp-block-group is-style-card-checklist">
-	<!-- wp:list {"className":"is-style-tick-accent"} -->
+	<!-- wp:list {"className":"wp-block-list is-style-tick-accent"} -->
 	<ul class="wp-block-list is-style-tick-accent">
+		<!-- wp:list-item -->
 		<li><?php echo esc_html__( 'WordPress platforms and publishing systems', 'ls-theme' ); ?></li>
+		<!-- /wp:list-item -->
+
+		<!-- wp:list-item -->
 		<li><?php echo esc_html__( 'WooCommerce and subscription stores', 'ls-theme' ); ?></li>
+		<!-- /wp:list-item -->
+
+		<!-- wp:list-item -->
 		<li><?php echo esc_html__( 'Design systems, tokens and governance', 'ls-theme' ); ?></li>
+		<!-- /wp:list-item -->
+
+		<!-- wp:list-item -->
 		<li><?php echo esc_html__( 'Long-term platform care and performance work', 'ls-theme' ); ?></li>
+		<!-- /wp:list-item -->
 	</ul>
 	<!-- /wp:list -->
 </article>
diff --git a/patterns/cards/work-engagement-stat.php b/patterns/cards/work-engagement-stat.php
index 1d83ff5..d5e1c9c 100644
--- a/patterns/cards/work-engagement-stat.php
+++ b/patterns/cards/work-engagement-stat.php
@@ -13,7 +13,7 @@
  */
 
 ?>
-<!-- wp:group {"tagName":"article","className":"is-style-stat-segment","layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+<!-- wp:group {"tagName":"article","className":"is-style-stat-segment","style":{"layout":{"selfStretch":"fill"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 <article class="wp-block-group is-style-stat-segment">
 
 	<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"nowrap"}} -->
@@ -28,8 +28,8 @@
 	</div>
 	<!-- /wp:group -->
 
-	<!-- wp:paragraph {"style":{"typography":{"fontFamily":"var:preset|font-family|heading","fontWeight":"var:custom|typography|font-weight|extrabold"}},"fontSize":"800"} -->
-	<p class="has-800-font-size" style="font-family:var(--wp--preset--font-family--heading);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( '18k', 'ls-theme' ); ?><span style="color:var(--wp--custom--color--text--brand)"><?php echo esc_html__( '+', 'ls-theme' ); ?></span></p>
+	<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--default)"},"typography":{"fontFamily":"var:preset|font-family|heading","fontWeight":"var:custom|typography|font-weight|extrabold"}},"fontSize":"800"} -->
+	<p class="has-text-color has-800-font-size" style="color:var(--wp--custom--color--text--default);font-family:var(--wp--preset--font-family--heading);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( '18k', 'ls-theme' ); ?><span style="color:var(--wp--custom--color--text--brand)"><?php echo esc_html__( '+', 'ls-theme' ); ?></span></p>
 	<!-- /wp:paragraph -->
 
 	<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
diff --git a/patterns/cards/work-next-steps-card.php b/patterns/cards/work-next-steps-card.php
index 3d45243..2ab3c66 100644
--- a/patterns/cards/work-next-steps-card.php
+++ b/patterns/cards/work-next-steps-card.php
@@ -13,7 +13,7 @@
  */
 
 ?>
-<!-- wp:group {"tagName":"article","className":"is-style-card-link-row","layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"center","flexWrap":"wrap"}} -->
+<!-- wp:group {"tagName":"article","className":"is-style-card-link-row","layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"top","flexWrap":"wrap"}} -->
 <article class="wp-block-group is-style-card-link-row">
 
 	<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
diff --git a/patterns/section-stats-grid.php b/patterns/section-stats-grid.php
index 33d8188..65188d3 100644
--- a/patterns/section-stats-grid.php
+++ b/patterns/section-stats-grid.php
@@ -4,8 +4,141 @@
  * Slug: ls-theme/section-stats-grid
  * Categories: stats
  * Block Types: core/pattern
- * Description: A grid section for displaying statistics with icons, numbers, and descriptions.
-
+ * Description: A generic 4-column stat/segment row with a heading, intro copy, and a small pill badge, wrapped in a top-and-bottom divider band. Used on the Work archive as "Across every engagement," but not tied to that page — content is edited per instance.
+ * Keywords: stats, grid, segment, metrics, section
+ * Viewport Width: 1280
+ * Inserter: true
+ *
+ * @package ls-theme
  */
 
-?>
\ No newline at end of file
+?>
+<!-- wp:group {"align":"full","tagName":"section","className":"is-style-content-band","layout":{"type":"constrained"}} -->
+<section class="wp-block-group alignfull is-style-content-band">
+
+	<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
+	<div class="wp-block-group alignwide">
+
+		<!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"bottom"}} -->
+		<div class="wp-block-group alignwide">
+
+			<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+			<div class="wp-block-group">
+				<!-- wp:heading {"level":2,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|extrabold"}},"fontSize":"500"} -->
+				<h2 class="wp-block-heading has-500-font-size" style="font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( 'Across every engagement.', 'ls-theme' ); ?></h2>
+				<!-- /wp:heading -->
+
+				<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"},"spacing":{"margin":{"top":"var:preset|spacing|10"}}},"fontSize":"300"} -->
+				<p class="has-text-color has-300-font-size" style="color:var(--wp--custom--color--text--muted);margin-top:var(--wp--preset--spacing--10)"><?php echo esc_html__( 'A flat tally of what these case studies represent in total. The numbers below cover the work index on this page.', 'ls-theme' ); ?></p>
+				<!-- /wp:paragraph -->
+			</div>
+			<!-- /wp:group -->
+
+			<!-- wp:group {"style":{"color":{"background":"color-mix(in srgb, var(--wp--custom--color--text--brand) 10%, transparent)"},"border":{"radius":"var:preset|border-radius|200"},"spacing":{"padding":{"top":"var:preset|spacing|5","right":"var:preset|spacing|10","bottom":"var:preset|spacing|5","left":"var:preset|spacing|10"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+			<div class="wp-block-group has-background" style="border-radius:var(--wp--preset--border-radius--200);background-color:color-mix(in srgb, var(--wp--custom--color--text--brand) 10%, transparent);padding-top:var(--wp--preset--spacing--5);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--5);padding-left:var(--wp--preset--spacing--10)">
+				<!-- wp:paragraph {"style":{"typography":{"fontFamily":"var:preset|font-family|monospace","textTransform":"uppercase","letterSpacing":"1px"},"color":{"text":"var(--wp--custom--color--text--brand)"}},"fontSize":"100"} -->
+				<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--brand);font-family:var(--wp--preset--font-family--monospace);letter-spacing:1px;text-transform:uppercase"><?php echo esc_html__( 'Across every engagement', 'ls-theme' ); ?></p>
+				<!-- /wp:paragraph -->
+			</div>
+			<!-- /wp:group -->
+		</div>
+		<!-- /wp:group -->
+
+		<!-- wp:columns {"align":"wide","className":"is-style-card-divider-both","style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} -->
+		<div class="wp-block-columns alignwide is-style-card-divider-both" style="margin-top:var(--wp--preset--spacing--40)">
+
+			<!-- wp:column -->
+			<div class="wp-block-column">
+				<!-- wp:group {"tagName":"article","className":"is-style-stat-segment","layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+				<article class="wp-block-group is-style-stat-segment">
+					<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"nowrap"}} -->
+					<div class="wp-block-group">
+						<!-- wp:paragraph {"style":{"typography":{"fontFamily":"var:preset|font-family|monospace","textTransform":"uppercase","letterSpacing":"1.2px","fontWeight":"var:custom|typography|font-weight|bold"},"color":{"text":"var(--wp--custom--color--text--subtle)"}},"fontSize":"100"} -->
+						<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--subtle);font-family:var(--wp--preset--font-family--monospace);font-weight:var(--wp--custom--typography--font-weight--bold);letter-spacing:1.2px;text-transform:uppercase"><?php echo esc_html__( 'Platforms', 'ls-theme' ); ?></p>
+						<!-- /wp:paragraph -->
+
+						<!-- wp:paragraph {"style":{"typography":{"fontFamily":"var:preset|font-family|monospace","textTransform":"uppercase","letterSpacing":"1.2px","fontWeight":"var:custom|typography|font-weight|bold"},"color":{"text":"var(--wp--custom--color--text--brand)"}},"fontSize":"100"} -->
+						<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--brand);font-family:var(--wp--preset--font-family--monospace);font-weight:var(--wp--custom--typography--font-weight--bold);letter-spacing:1.2px;text-transform:uppercase"><?php echo esc_html__( 'Case studies', 'ls-theme' ); ?></p>
+						<!-- /wp:paragraph -->
+					</div>
+					<!-- /wp:group -->
+
+					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--default)"},"typography":{"fontFamily":"var:preset|font-family|heading","fontWeight":"var:custom|typography|font-weight|extrabold"}},"fontSize":"800"} -->
+					<p class="has-text-color has-800-font-size" style="color:var(--wp--custom--color--text--default);font-family:var(--wp--preset--font-family--heading);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( '4', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+
+					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
+					<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Production WordPress and WooCommerce sites', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+				</article>
+				<!-- /wp:group -->
+			</div>
+			<!-- /wp:column -->
+
+			<!-- wp:column -->
+			<div class="wp-block-column">
+				<!-- wp:pattern {"slug":"ls-theme/work-engagement-stat"} /-->
+			</div>
+			<!-- /wp:column -->
+
+			<!-- wp:column -->
+			<div class="wp-block-column">
+				<!-- wp:group {"tagName":"article","className":"is-style-stat-segment","layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+				<article class="wp-block-group is-style-stat-segment">
+					<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"nowrap"}} -->
+					<div class="wp-block-group">
+						<!-- wp:paragraph {"style":{"typography":{"fontFamily":"var:preset|font-family|monospace","textTransform":"uppercase","letterSpacing":"1.2px","fontWeight":"var:custom|typography|font-weight|bold"},"color":{"text":"var(--wp--custom--color--text--subtle)"}},"fontSize":"100"} -->
+						<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--subtle);font-family:var(--wp--preset--font-family--monospace);font-weight:var(--wp--custom--typography--font-weight--bold);letter-spacing:1.2px;text-transform:uppercase"><?php echo esc_html__( 'TTFB', 'ls-theme' ); ?></p>
+						<!-- /wp:paragraph -->
+
+						<!-- wp:paragraph {"style":{"typography":{"fontFamily":"var:preset|font-family|monospace","textTransform":"uppercase","letterSpacing":"1.2px","fontWeight":"var:custom|typography|font-weight|bold"},"color":{"text":"var(--wp--custom--color--text--brand)"}},"fontSize":"100"} -->
+						<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--brand);font-family:var(--wp--preset--font-family--monospace);font-weight:var(--wp--custom--typography--font-weight--bold);letter-spacing:1.2px;text-transform:uppercase"><?php echo esc_html__( 'Avg improvement', 'ls-theme' ); ?></p>
+						<!-- /wp:paragraph -->
+					</div>
+					<!-- /wp:group -->
+
+					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--default)"},"typography":{"fontFamily":"var:preset|font-family|heading","fontWeight":"var:custom|typography|font-weight|extrabold"}},"fontSize":"800"} -->
+					<p class="has-text-color has-800-font-size" style="color:var(--wp--custom--color--text--default);font-family:var(--wp--preset--font-family--heading);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( '−1.4', 'ls-theme' ); ?><span style="color:var(--wp--custom--color--text--brand)"><?php echo esc_html__( 's', 'ls-theme' ); ?></span></p>
+					<!-- /wp:paragraph -->
+
+					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
+					<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Time-to-first-byte gain after platform reset', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+				</article>
+				<!-- /wp:group -->
+			</div>
+			<!-- /wp:column -->
+
+			<!-- wp:column -->
+			<div class="wp-block-column">
+				<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"var:preset|spacing|10","padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|30","bottom":"var:preset|spacing|40","left":"var:preset|spacing|30"}}}} -->
+				<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)">
+					<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"nowrap"}} -->
+					<div class="wp-block-group">
+						<!-- wp:paragraph {"style":{"typography":{"fontFamily":"var:preset|font-family|monospace","textTransform":"uppercase","letterSpacing":"1.2px","fontWeight":"var:custom|typography|font-weight|bold"},"color":{"text":"var(--wp--custom--color--text--subtle)"}},"fontSize":"100"} -->
+						<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--subtle);font-family:var(--wp--preset--font-family--monospace);font-weight:var(--wp--custom--typography--font-weight--bold);letter-spacing:1.2px;text-transform:uppercase"><?php echo esc_html__( 'Tokens', 'ls-theme' ); ?></p>
+						<!-- /wp:paragraph -->
+
+						<!-- wp:paragraph {"style":{"typography":{"fontFamily":"var:preset|font-family|monospace","textTransform":"uppercase","letterSpacing":"1.2px","fontWeight":"var:custom|typography|font-weight|bold"},"color":{"text":"var(--wp--custom--color--text--brand)"}},"fontSize":"100"} -->
+						<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--brand);font-family:var(--wp--preset--font-family--monospace);font-weight:var(--wp--custom--typography--font-weight--bold);letter-spacing:1.2px;text-transform:uppercase"><?php echo esc_html__( 'In system', 'ls-theme' ); ?></p>
+						<!-- /wp:paragraph -->
+					</div>
+					<!-- /wp:group -->
+
+					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--default)"},"typography":{"fontFamily":"var:preset|font-family|heading","fontWeight":"var:custom|typography|font-weight|extrabold"}},"fontSize":"800"} -->
+					<p class="has-text-color has-800-font-size" style="color:var(--wp--custom--color--text--default);font-family:var(--wp--preset--font-family--heading);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( '180', 'ls-theme' ); ?><span style="color:var(--wp--custom--color--text--brand)"><?php echo esc_html__( '+', 'ls-theme' ); ?></span></p>
+					<!-- /wp:paragraph -->
+
+					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
+					<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Design-system tokens authored across active themes', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+				</div>
+				<!-- /wp:group -->
+			</div>
+			<!-- /wp:column -->
+		</div>
+		<!-- /wp:columns -->
+	</div>
+	<!-- /wp:group -->
+</section>
+<!-- /wp:group -->
diff --git a/patterns/sections/work-categories.php b/patterns/sections/work-categories.php
index 4e6b92d..ccd6e1b 100644
--- a/patterns/sections/work-categories.php
+++ b/patterns/sections/work-categories.php
@@ -13,8 +13,8 @@
  */
 
 ?>
-<!-- wp:group {"align":"full","tagName":"section","className":"is-style-work-categories","layout":{"type":"constrained"}} -->
-<section class="wp-block-group alignfull is-style-work-categories">
+<!-- wp:group {"align":"full","tagName":"section","className":"is-style-content-band","layout":{"type":"constrained"}} -->
+<section class="wp-block-group alignfull is-style-content-band">
 
 	<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
 	<div class="wp-block-group alignwide">
@@ -26,8 +26,8 @@
 			<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:60%">
 				<!-- wp:pattern {"slug":"ls-theme/eyebrow-badge"} /-->
 
-				<!-- wp:heading {"level":2,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|extrabold"},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"fontSize":"600"} -->
-				<h2 class="wp-block-heading has-600-font-size" style="margin-top:var(--wp--preset--spacing--20);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( 'Three recurring areas of work.', 'ls-theme' ); ?></h2>
+				<!-- wp:heading {"level":2,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|extrabold"},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"fontSize":"500"} -->
+				<h2 class="wp-block-heading has-500-font-size" style="margin-top:var(--wp--preset--spacing--20);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( 'Three recurring areas of work.', 'ls-theme' ); ?></h2>
 				<!-- /wp:heading -->
 			</div>
 			<!-- /wp:column -->
diff --git a/patterns/sections/work-discuss-project.php b/patterns/sections/work-discuss-project.php
new file mode 100644
index 0000000..121408b
--- /dev/null
+++ b/patterns/sections/work-discuss-project.php
@@ -0,0 +1,72 @@
+<?php
+/**
+ * Title: Section - Work Discuss Project
+ * Slug: ls-theme/work-discuss-project
+ * Categories: cta
+ * Block Types: core/pattern
+ * Description: The Work archive's consultation CTA: eyebrow badge, heading, description, and two buttons on the left; the Work Discuss Project List checklist card on the right. Adapts between light and dark mode using existing semantic tokens.
+ * Keywords: work, cta, consultation, checklist, section
+ * Viewport Width: 1280
+ * Inserter: true
+ *
+ * @package ls-theme
+ */
+
+?>
+<!-- wp:group {"align":"wide","tagName":"section","className":"is-style-content-band","layout":{"type":"constrained"}} -->
+<section class="wp-block-group alignwide is-style-content-band">
+
+	<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
+	<div class="wp-block-group alignwide">
+
+		<!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} -->
+		<div class="wp-block-columns alignwide are-vertically-aligned-center" style="--wp--style--block-gap:var(--wp--preset--spacing--60)">
+
+			<!-- wp:column {"verticalAlignment":"center","width":"58%"} -->
+			<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:58%">
+
+				<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
+				<div class="wp-block-group">
+					<!-- wp:outermost/icon-block {"iconName":"","className":"has-text-color","width":"8px","style":{"color":{"text":"var(--wp--custom--color--icon--background)"}}} -->
+					<div class="wp-block-outermost-icon-block has-text-color"><div class="icon-container" style="color:var(--wp--custom--color--icon--background);width:8px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="12" r="12"></circle></svg></div></div>
+					<!-- /wp:outermost/icon-block -->
+
+					<!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"1.4px","fontWeight":"var:custom|typography|font-weight|semibold"},"color":{"text":"var(--wp--custom--color--text--brand)"}},"fontSize":"100"} -->
+					<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--brand);font-weight:var(--wp--custom--typography--font-weight--semibold);letter-spacing:1.4px;text-transform:uppercase"><?php echo esc_html__( 'Ready to discuss a project?', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+				</div>
+				<!-- /wp:group -->
+
+				<!-- wp:heading {"level":2,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|extrabold"},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"fontSize":"500"} -->
+				<h2 class="wp-block-heading has-500-font-size" style="margin-top:var(--wp--preset--spacing--20);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( "Tell us about the platform you're building — or the one you need to fix.", 'ls-theme' ); ?></h2>
+				<!-- /wp:heading -->
+
+				<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"fontSize":"300"} -->
+				<p class="has-text-color has-300-font-size" style="color:var(--wp--custom--color--text--muted);margin-top:var(--wp--preset--spacing--20)"><?php echo esc_html__( "We reply within a working day. If we're not the right fit, we'll say so and point you somewhere better.", 'ls-theme' ); ?></p>
+				<!-- /wp:paragraph -->
+
+				<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}}} -->
+				<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--30)">
+					<!-- wp:button {"className":"is-style-button-secondary"} -->
+					<div class="wp-block-button is-style-button-secondary"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/free-consultation/' ) ); ?>"><?php echo esc_html__( 'Book a consultation →', 'ls-theme' ); ?></a></div>
+					<!-- /wp:button -->
+
+					<!-- wp:button {"className":"is-style-button-secondary-outline"} -->
+					<div class="wp-block-button is-style-button-secondary-outline"><a class="wp-block-button__link wp-element-button" href="<?php echo esc_url( home_url( '/contact/' ) ); ?>"><?php echo esc_html__( 'Send a brief first', 'ls-theme' ); ?></a></div>
+					<!-- /wp:button -->
+				</div>
+				<!-- /wp:buttons -->
+			</div>
+			<!-- /wp:column -->
+
+			<!-- wp:column {"verticalAlignment":"center","width":"42%"} -->
+			<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:42%">
+				<!-- wp:pattern {"slug":"ls-theme/work-discuss-project-list"} /-->
+			</div>
+			<!-- /wp:column -->
+		</div>
+		<!-- /wp:columns -->
+	</div>
+	<!-- /wp:group -->
+</section>
+<!-- /wp:group -->
diff --git a/patterns/sections/work-related-routes.php b/patterns/sections/work-related-routes.php
new file mode 100644
index 0000000..0ee92a5
--- /dev/null
+++ b/patterns/sections/work-related-routes.php
@@ -0,0 +1,187 @@
+<?php
+/**
+ * Title: Section - Work Related Routes
+ * Slug: ls-theme/work-related-routes
+ * Categories: featured
+ * Block Types: core/pattern
+ * Description: The Work archive's "Where to go next" section: eyebrow badge, heading, and an 8-tile grid of related-route links using the Card - Link Row style.
+ * Keywords: work, related routes, navigation, section
+ * Viewport Width: 1280
+ * Inserter: true
+ *
+ * @package ls-theme
+ */
+
+?>
+<!-- wp:group {"align":"wide","tagName":"section","className":"is-style-content-band","layout":{"type":"constrained"}} -->
+<section class="wp-block-group alignwide is-style-content-band">
+
+	<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
+	<div class="wp-block-group alignwide">
+
+		<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
+		<div class="wp-block-group">
+			<!-- wp:outermost/icon-block {"iconName":"","className":"has-text-color","width":"8px","style":{"color":{"text":"var(--wp--custom--color--icon--background)"}}} -->
+			<div class="wp-block-outermost-icon-block has-text-color"><div class="icon-container" style="color:var(--wp--custom--color--icon--background);width:8px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="12" r="12"></circle></svg></div></div>
+			<!-- /wp:outermost/icon-block -->
+
+			<!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"1.4px","fontWeight":"var:custom|typography|font-weight|semibold"},"color":{"text":"var(--wp--custom--color--text--brand)"}},"fontSize":"100"} -->
+			<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--brand);font-weight:var(--wp--custom--typography--font-weight--semibold);letter-spacing:1.4px;text-transform:uppercase"><?php echo esc_html__( 'Related routes', 'ls-theme' ); ?></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+
+		<!-- wp:heading {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|extrabold"},"spacing":{"margin":{"top":"var:preset|spacing|10"}}},"fontSize":"500"} -->
+		<h2 class="wp-block-heading has-500-font-size" style="margin-top:var(--wp--preset--spacing--10);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( 'Where to go next', 'ls-theme' ); ?></h2>
+		<!-- /wp:heading -->
+
+		<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}},"layout":{"type":"grid","minimumColumnWidth":"280px","columnGap":"var:preset|spacing|20","rowGap":"var:preset|spacing|20"}} -->
+		<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--30)">
+
+			<!-- wp:pattern {"slug":"ls-theme/work-next-steps-card"} /-->
+
+			<!-- wp:group {"tagName":"article","className":"is-style-card-link-row","layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"top","flexWrap":"wrap"}} -->
+			<article class="wp-block-group is-style-card-link-row">
+				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+				<div class="wp-block-group">
+					<!-- wp:paragraph {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"200"} -->
+					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'Why LightSpeed', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+
+					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
+					<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Capability positioning.', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+				</div>
+				<!-- /wp:group -->
+
+				<!-- wp:outermost/icon-block {"iconName":"","className":"has-text-color","width":"13px","style":{"color":{"text":"var(--wp--custom--color--text--subtle)"}}} -->
+				<div class="wp-block-outermost-icon-block has-text-color"><div class="icon-container" style="color:var(--wp--custom--color--text--subtle);width:13px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></div></div>
+				<!-- /wp:outermost/icon-block -->
+			</article>
+			<!-- /wp:group -->
+
+			<!-- wp:group {"tagName":"article","className":"is-style-card-link-row","layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"top","flexWrap":"wrap"}} -->
+			<article class="wp-block-group is-style-card-link-row">
+				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+				<div class="wp-block-group">
+					<!-- wp:paragraph {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"200"} -->
+					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'All solutions', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+
+					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
+					<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Routes by problem type.', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+				</div>
+				<!-- /wp:group -->
+
+				<!-- wp:outermost/icon-block {"iconName":"","className":"has-text-color","width":"13px","style":{"color":{"text":"var(--wp--custom--color--text--subtle)"}}} -->
+				<div class="wp-block-outermost-icon-block has-text-color"><div class="icon-container" style="color:var(--wp--custom--color--text--subtle);width:13px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></div></div>
+				<!-- /wp:outermost/icon-block -->
+			</article>
+			<!-- /wp:group -->
+
+			<!-- wp:group {"tagName":"article","className":"is-style-card-link-row","layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"top","flexWrap":"wrap"}} -->
+			<article class="wp-block-group is-style-card-link-row">
+				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+				<div class="wp-block-group">
+					<!-- wp:paragraph {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"200"} -->
+					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'WordPress solutions', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+
+					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
+					<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'For content-heavy platforms.', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+				</div>
+				<!-- /wp:group -->
+
+				<!-- wp:outermost/icon-block {"iconName":"","className":"has-text-color","width":"13px","style":{"color":{"text":"var(--wp--custom--color--text--subtle)"}}} -->
+				<div class="wp-block-outermost-icon-block has-text-color"><div class="icon-container" style="color:var(--wp--custom--color--text--subtle);width:13px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></div></div>
+				<!-- /wp:outermost/icon-block -->
+			</article>
+			<!-- /wp:group -->
+
+			<!-- wp:group {"tagName":"article","className":"is-style-card-link-row","layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"top","flexWrap":"wrap"}} -->
+			<article class="wp-block-group is-style-card-link-row">
+				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+				<div class="wp-block-group">
+					<!-- wp:paragraph {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"200"} -->
+					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'WooCommerce solutions', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+
+					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
+					<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'For serious commerce work.', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+				</div>
+				<!-- /wp:group -->
+
+				<!-- wp:outermost/icon-block {"iconName":"","className":"has-text-color","width":"13px","style":{"color":{"text":"var(--wp--custom--color--text--subtle)"}}} -->
+				<div class="wp-block-outermost-icon-block has-text-color"><div class="icon-container" style="color:var(--wp--custom--color--text--subtle);width:13px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></div></div>
+				<!-- /wp:outermost/icon-block -->
+			</article>
+			<!-- /wp:group -->
+
+			<!-- wp:group {"tagName":"article","className":"is-style-card-link-row","layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"top","flexWrap":"wrap"}} -->
+			<article class="wp-block-group is-style-card-link-row">
+				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+				<div class="wp-block-group">
+					<!-- wp:paragraph {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"200"} -->
+					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'Design system solutions', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+
+					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
+					<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Reusable pattern work.', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+				</div>
+				<!-- /wp:group -->
+
+				<!-- wp:outermost/icon-block {"iconName":"","className":"has-text-color","width":"13px","style":{"color":{"text":"var(--wp--custom--color--text--subtle)"}}} -->
+				<div class="wp-block-outermost-icon-block has-text-color"><div class="icon-container" style="color:var(--wp--custom--color--text--subtle);width:13px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></div></div>
+				<!-- /wp:outermost/icon-block -->
+			</article>
+			<!-- /wp:group -->
+
+			<!-- wp:group {"tagName":"article","className":"is-style-card-link-row","layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"top","flexWrap":"wrap"}} -->
+			<article class="wp-block-group is-style-card-link-row">
+				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+				<div class="wp-block-group">
+					<!-- wp:paragraph {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"200"} -->
+					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'Testimonials', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+
+					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
+					<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Approved client praise.', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+				</div>
+				<!-- /wp:group -->
+
+				<!-- wp:outermost/icon-block {"iconName":"","className":"has-text-color","width":"13px","style":{"color":{"text":"var(--wp--custom--color--text--subtle)"}}} -->
+				<div class="wp-block-outermost-icon-block has-text-color"><div class="icon-container" style="color:var(--wp--custom--color--text--subtle);width:13px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></div></div>
+				<!-- /wp:outermost/icon-block -->
+			</article>
+			<!-- /wp:group -->
+
+			<!-- wp:group {"tagName":"article","className":"is-style-card-link-row","layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"top","flexWrap":"wrap"}} -->
+			<article class="wp-block-group is-style-card-link-row">
+				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+				<div class="wp-block-group">
+					<!-- wp:paragraph {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"200"} -->
+					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'Contact', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+
+					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
+					<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Start a conversation.', 'ls-theme' ); ?></p>
+					<!-- /wp:paragraph -->
+				</div>
+				<!-- /wp:group -->
+
+				<!-- wp:outermost/icon-block {"iconName":"","className":"has-text-color","width":"13px","style":{"color":{"text":"var(--wp--custom--color--text--subtle)"}}} -->
+				<div class="wp-block-outermost-icon-block has-text-color"><div class="icon-container" style="color:var(--wp--custom--color--text--subtle);width:13px;transform:rotate(0deg) scaleX(1) scaleY(1)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></div></div>
+				<!-- /wp:outermost/icon-block -->
+			</article>
+			<!-- /wp:group -->
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:group -->
+</section>
+<!-- /wp:group -->
diff --git a/patterns/sections/work-selected-projects.php b/patterns/sections/work-selected-projects.php
index c1b16cb..489acd4 100644
--- a/patterns/sections/work-selected-projects.php
+++ b/patterns/sections/work-selected-projects.php
@@ -13,8 +13,8 @@
  */
 
 ?>
-<!-- wp:group {"align":"full","tagName":"section","className":"is-style-work-selected-projects","layout":{"type":"constrained"}} -->
-<section class="wp-block-group alignfull is-style-work-selected-projects">
+<!-- wp:group {"align":"full","tagName":"section","className":"is-style-content-band","layout":{"type":"constrained"}} -->
+<section class="wp-block-group alignfull is-style-content-band">
 
 	<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
 	<div class="wp-block-group alignwide">
@@ -36,8 +36,8 @@
 				</div>
 				<!-- /wp:group -->
 
-				<!-- wp:heading {"level":2,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|extrabold"},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"fontSize":"700"} -->
-				<h2 class="wp-block-heading has-700-font-size" style="margin-top:var(--wp--preset--spacing--20);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( 'Platform work across WordPress, WooCommerce and design systems.', 'ls-theme' ); ?></h2>
+				<!-- wp:heading {"level":2,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|extrabold"},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"fontSize":"500"} -->
+				<h2 class="wp-block-heading has-500-font-size" style="margin-top:var(--wp--preset--spacing--20);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( 'Platform work across WordPress, WooCommerce and design systems.', 'ls-theme' ); ?></h2>
 				<!-- /wp:heading -->
 			</div>
 			<!-- /wp:column -->
@@ -52,7 +52,7 @@
 		</div>
 		<!-- /wp:columns -->
 
-		<!-- wp:query {"queryId":0,"query":{"perPage":9,"pages":0,"offset":0,"postType":"project","order":"desc","orderBy":"date","inherit":false},"align":"wide","enhancedPagination":true,"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} -->
+		<!-- wp:query {"queryId":0,"query":{"perPage":9,"pages":0,"offset":0,"postType":"project","order":"desc","orderBy":"date","inherit":false},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} -->
 		<div class="wp-block-query alignwide" style="margin-top:var(--wp--preset--spacing--40)">
 
 			<!-- wp:ls-plugin/taxonomy-filter {"taxonomy":{"name":"Project groups","all_items":"All","slug":"project-group","rest_base":"project-group"},"filterType":"buttons","allItemsText":"All","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} /-->
diff --git a/patterns/template-work-archive.php b/patterns/template-work-archive.php
index 18c88f3..e37e662 100644
--- a/patterns/template-work-archive.php
+++ b/patterns/template-work-archive.php
@@ -4,7 +4,7 @@
  * Slug: ls-theme/template-work-archive
  * Categories: template
  * Block Types: core/template-part
- * Description: Main-content pattern for the Work Archive custom page template. Injects each Work archive section pattern in sequence — Hero, Categories, Selected Projects, and more to follow (Across Every Engagement stats, CTA, Where to go next). Not tied to post_content, so it renders the same sections regardless of the assigned page's own content.
+ * Description: Main-content pattern for the Work Archive custom page template. Injects each Work archive section pattern in sequence — Hero, Categories, Selected Projects, Stats Grid, Discuss Project CTA, and Related Routes. Not tied to post_content, so it renders the same sections regardless of the assigned page's own content.
  * Inserter: false
  *
  * @package ls-theme
@@ -17,5 +17,8 @@
 	<!-- wp:pattern {"slug":"ls-theme/work-hero"} /-->
 	<!-- wp:pattern {"slug":"ls-theme/work-categories"} /-->
 	<!-- wp:pattern {"slug":"ls-theme/work-selected-projects"} /-->
+	<!-- wp:pattern {"slug":"ls-theme/section-stats-grid"} /-->
+	<!-- wp:pattern {"slug":"ls-theme/work-discuss-project"} /-->
+	<!-- wp:pattern {"slug":"ls-theme/work-related-routes"} /-->
 </main>
 <!-- /wp:group -->
diff --git a/src/scss/abstracts/mixins/_breakpoints-theme.scss b/src/scss/abstracts/mixins/_breakpoints-theme.scss
index 4d45625..b4c780f 100644
--- a/src/scss/abstracts/mixins/_breakpoints-theme.scss
+++ b/src/scss/abstracts/mixins/_breakpoints-theme.scss
@@ -8,5 +8,7 @@ $ls-breakpoints: (
   tablet-portrait: 768px,
   mobile-landscape: 640px,
   mobile-portrait: 390px,
-  mobile-compact: 320px
+  mobile-compact: 320px,
+  nav-toggle: 600px,
+  columns-stack: 782px
 );
diff --git a/src/scss/animations/_button-motion.scss b/src/scss/animations/_button-motion.scss
index 2db0818..dd6c221 100644
--- a/src/scss/animations/_button-motion.scss
+++ b/src/scss/animations/_button-motion.scss
@@ -239,6 +239,20 @@
   inset-inline-end: var(--ls-button-outline-icon-inline-start);
 }
 
+/* Button - Secondary */
+.wp-block-button.is-style-button-secondary .wp-block-button__link:hover,
+.wp-block-button.is-style-button-secondary .wp-block-button__link:focus-visible {
+  background-color: var(--wp--custom--color--button--fill--background-hover);
+  border-color: var(--wp--custom--color--button--fill--border-hover);
+  color: var(--wp--custom--color--button--fill--text-hover);
+}
+
+.wp-block-button.is-style-button-secondary-outline .wp-block-button__link:hover,
+.wp-block-button.is-style-button-secondary-outline .wp-block-button__link:focus-visible {
+  background-color: var(--wp--custom--color--button--outline--background-hover);
+  color: var(--wp--custom--color--button--outline--text-hover);
+}
+
 /* Glass Button */
 .wp-block-button.is-style-glass-button {
   max-inline-size: 100%;
diff --git a/src/scss/animations/_card-motion.scss b/src/scss/animations/_card-motion.scss
index bcb2822..031e62d 100644
--- a/src/scss/animations/_card-motion.scss
+++ b/src/scss/animations/_card-motion.scss
@@ -1,6 +1,7 @@
 @use "../abstracts/mixins/glass";
 @use "../abstracts/mixins/motion";
 @use "../abstracts/mixins/surface";
+@use "../abstracts/mixins/mq";
 
 /********** Card Motion **********/
 
@@ -518,6 +519,31 @@
   }
 }
 
+/* Card - Link Row */
+.is-style-card-link-row {
+  --ls-card-link-row-border-rest: var(--wp--custom--color--border--card);
+  --ls-card-link-row-border-active: var(--wp--custom--color--link--accent);
+  --ls-card-link-row-background-active: color-mix(in srgb, var(--wp--custom--color--link--accent) 10%, transparent);
+  --ls-card-link-row-icon-active: var(--wp--custom--color--text--brand);
+  border-color: var(--ls-card-link-row-border-rest);
+  transition:
+    background-color var(--wp--custom--animation--duration--base)
+      var(--wp--custom--animation--easing--standard),
+    border-color var(--wp--custom--animation--duration--base)
+      var(--wp--custom--animation--easing--standard);
+
+  &:hover,
+  &:focus-within {
+    background-color: var(--ls-card-link-row-background-active);
+    border-color: var(--ls-card-link-row-border-active);
+  }
+
+  &:hover .wp-block-outermost-icon-block .icon-container,
+  &:focus-within .wp-block-outermost-icon-block .icon-container {
+    color: var(--ls-card-link-row-icon-active) !important;
+  }
+}
+
 @include motion.reduced-motion {
   .wp-block-paragraph.is-style-link-arrow-accent a,
   .wp-block-paragraph.is-style-link-arrow-accent a::after,
@@ -525,6 +551,7 @@
   .is-style-card-feature,
   .is-style-card-feature :is(.ls-card__icon-shell, .ls-card-feature__icon-shell),
   .is-style-card-category,
+  .is-style-card-link-row,
   .is-style-card-services,
   .is-style-card-services::before,
   .is-style-card-services :is(.ls-card__icon-shell, .ls-card-services__icon-shell),
@@ -572,6 +599,21 @@
   }
 }
 
+/*
+ * Stat Segment: its border-inline-end divider (styles/sections/cards/stat-segment.json) reads as
+ * a vertical rule between adjacent columns in a `wp:columns` row. Below core/columns' own native
+ * stacking breakpoint (WP core hardcodes this at `max-width: 781px` in
+ * wp-includes/blocks/columns/style.css — mirrored here as the `columns-stack` entry in
+ * theme.json's settings.custom.layout.break-points), each column becomes full-width, so that same
+ * border would just show as a stray line down the right edge of every stacked segment. Drop it at
+ * that same breakpoint instead.
+ */
+@include mq.mq($until: "columns-stack") {
+  .is-style-stat-segment {
+    border-inline-end: none;
+  }
+}
+
 /* Card - Work Project (WooCommerce platform colour) */
 .is-style-card-banner-tint-woocommerce {
   padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
diff --git a/src/scss/animations/_header-motion.scss b/src/scss/animations/_header-motion.scss
index 0228da4..3f8b409 100644
--- a/src/scss/animations/_header-motion.scss
+++ b/src/scss/animations/_header-motion.scss
@@ -1,7 +1,24 @@
 @use "../abstracts/mixins/motion";
+@use "../abstracts/mixins/mq";
 
 /********** Site Header **********/
 
+/*
+ * Below core/navigation's own native overlay-menu breakpoint (core WP hardcodes this at
+ * `min-width: 600px` in wp-includes/blocks/navigation/style.css — mirrored here as the
+ * `nav-toggle` entry in theme.json's settings.custom.layout.break-points, synced via
+ * `npm run sync:breakpoints`), the nav collapses to its own hamburger toggle automatically.
+ * Hide the search control and CTA button at that same breakpoint so the header row only has
+ * the logo and the (collapsed) nav left — with `justifyContent:"space-between"` already set on
+ * the header row, that alone pushes the hamburger to the far right, matching the desktop layout
+ * where it sits at the end of the row.
+ */
+@include mq.mq($until: "nav-toggle") {
+  .site-header__actions {
+    display: none;
+  }
+}
+
 /*
  * Header icon buttons (search, light/dark toggle) and the gradient CTA. The base circular-button
  * shell (border/background/sizing) matches styles/blocks/groups/header-icon-button.json — kept
diff --git a/styles/blocks/buttons/button-secondary-outline.json b/styles/blocks/buttons/button-secondary-outline.json
new file mode 100644
index 0000000..91b9cc2
--- /dev/null
+++ b/styles/blocks/buttons/button-secondary-outline.json
@@ -0,0 +1,35 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Button - Secondary Outline",
+	"slug": "button-secondary-outline",
+	"blockTypes": [
+		"core/button"
+	],
+	"description": "Outline pill button for CTAs outside the header, paired with Button - Secondary — reuses the default outline button's colour tokens, just pill-shaped with tighter padding and non-uppercase type. Hover contract in src/scss/animations/_button-motion.scss.",
+	"styles": {
+		"color": {
+			"background": "var:custom|color|button|outline|background",
+			"text": "var:custom|color|button|outline|text"
+		},
+		"border": {
+			"color": "var:custom|color|button|outline|border",
+			"radius": "var:preset|border-radius|500",
+			"style": "solid",
+			"width": "1px"
+		},
+		"spacing": {
+			"padding": {
+				"top": "var:preset|spacing|20",
+				"right": "var:preset|spacing|40",
+				"bottom": "var:preset|spacing|20",
+				"left": "var:preset|spacing|40"
+			}
+		},
+		"typography": {
+			"fontSize": "var:preset|font-size|200",
+			"fontWeight": "var:custom|typography|font-weight|bold",
+			"letterSpacing": "normal"
+		}
+	}
+}
diff --git a/styles/blocks/buttons/button-secondary.json b/styles/blocks/buttons/button-secondary.json
new file mode 100644
index 0000000..d6d2e95
--- /dev/null
+++ b/styles/blocks/buttons/button-secondary.json
@@ -0,0 +1,35 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Button - Secondary",
+	"slug": "button-secondary",
+	"blockTypes": [
+		"core/button"
+	],
+	"description": "Filled pill button for CTAs outside the header — reuses the default button's fill colour tokens, just pill-shaped with tighter padding and non-uppercase type. Hover contract in src/scss/animations/_button-motion.scss.",
+	"styles": {
+		"color": {
+			"background": "var:custom|color|button|fill|background",
+			"text": "var:custom|color|button|fill|text"
+		},
+		"border": {
+			"color": "var:custom|color|button|fill|border",
+			"radius": "var:preset|border-radius|500",
+			"style": "solid",
+			"width": "1px"
+		},
+		"spacing": {
+			"padding": {
+				"top": "var:preset|spacing|20",
+				"right": "var:preset|spacing|40",
+				"bottom": "var:preset|spacing|20",
+				"left": "var:preset|spacing|40"
+			}
+		},
+		"typography": {
+			"fontSize": "var:preset|font-size|200",
+			"fontWeight": "var:custom|typography|font-weight|bold",
+			"letterSpacing": "normal"
+		}
+	}
+}
diff --git a/styles/sections/cards/card-divider-both.json b/styles/sections/cards/card-divider-both.json
new file mode 100644
index 0000000..5147dac
--- /dev/null
+++ b/styles/sections/cards/card-divider-both.json
@@ -0,0 +1,13 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "Card - Divider Both",
+	"slug": "card-divider-both",
+	"blockTypes": [
+		"core/columns"
+	],
+	"description": "Row wrapper with top and bottom dividers only, for a horizontal band of stat/segment columns. Sets border-width explicitly on all four sides to avoid the has-border-color utility class defaulting the other two sides to the browser's default border. Also stretches each column's own child to the column's full (flexbox-equalised) height, so a per-segment border-inline-end divider spans the whole row instead of stopping at its own content height.",
+	"styles": {
+		"css": "&{border-style:solid;border-color:var(--wp--custom--color--border--card);border-width:1px 0;} &>.wp-block-column{display:flex;flex-direction:column;} &>.wp-block-column>*{flex:1 1 auto;}"
+	}
+}
diff --git a/styles/sections/content/work-categories.json b/styles/sections/content/content-band.json
similarity index 52%
rename from styles/sections/content/work-categories.json
rename to styles/sections/content/content-band.json
index 5a4a851..b0d6178 100644
--- a/styles/sections/content/work-categories.json
+++ b/styles/sections/content/content-band.json
@@ -1,12 +1,12 @@
 {
 	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
 	"version": 3,
-	"title": "Work Categories Section",
-	"slug": "work-categories",
+	"title": "Content Band",
+	"slug": "content-band",
 	"blockTypes": [
 		"core/group"
 	],
-	"description": "Full-width content band for the Work archive's category grid: flat near-white background, standard section padding. No gradient, unlike the Hero section's effect.hero tokens.",
+	"description": "Full-width content band for a page section: flat canvas background, standard section padding. Generic — shared by every Work archive section (Categories, Selected Projects, Stats Grid, Discuss Project, Related Routes) and any future section with the same plain band treatment.",
 	"styles": {
 		"color": {
 			"background": "var:custom|color|surface|canvas"
diff --git a/styles/sections/content/work-selected-projects.json b/styles/sections/content/work-selected-projects.json
deleted file mode 100644
index 8f0b9ca..0000000
--- a/styles/sections/content/work-selected-projects.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
-	"version": 3,
-	"title": "Work Selected Projects Section",
-	"slug": "work-selected-projects",
-	"blockTypes": [
-		"core/group"
-	],
-	"description": "Full-width content band for the Work archive's Selected Projects query loop: flat canvas background, standard section padding.",
-	"styles": {
-		"color": {
-			"background": "var:custom|color|surface|canvas"
-		},
-		"spacing": {
-			"padding": {
-				"top": "var:preset|spacing|80",
-				"right": "var:preset|spacing|30",
-				"bottom": "var:preset|spacing|90",
-				"left": "var:preset|spacing|30"
-			}
-		}
-	}
-}
diff --git a/theme.json b/theme.json
index fc3a088..1f2b7e9 100644
--- a/theme.json
+++ b/theme.json
@@ -471,7 +471,9 @@
                     "tablet-portrait": "768px",
                     "mobile-landscape": "640px",
                     "mobile-portrait": "390px",
-                    "mobile-compact": "320px"
+                    "mobile-compact": "320px",
+                    "nav-toggle": "600px",
+                    "columns-stack": "782px"
                 }
             },
             "color": {

From 297e2486c2243bd83b9663f4585ce802cbc95aa9 Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Wed, 29 Jul 2026 08:23:11 +0200
Subject: [PATCH 6/6] Address CodeRabbit review findings on Work archive PR
 (LS-1616)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Fix heading hierarchy: bump the 3 capability-list headings (WordPress
  Work, WooCommerce Work, Design-System Work) from H4 to H2, since they
  were the first sub-headings after the archive's H1 with no H2/H3 in
  between
- Fix category CTA links: "See WordPress work"/"See WooCommerce work" now
  deep-link to their taxonomy-filtered destination
  (?filter-0-project-group=<slug>) instead of all three pointing at the
  same unfiltered /work/ URL; Design-System left unfiltered since no
  matching project-group term exists yet
- Fix related-route cards having no actual links: all 8 "Where to go
  next" cards rendered only <article> + text + an SVG arrow, with zero
  <a href> anywhere — not navigable, not keyboard-focusable despite
  looking clickable. Added a real link per card via a stretched-link
  pattern (visible <a> wraps the title, CSS extends the click target to
  the full card)
- Fix untranslated block-attribute strings: allItemsText, prefix, and
  read-more content now run through wp_json_encode( __(...) ), matching
  the existing header.php/template-search.php convention for
  translatable JSON block attributes
- Fix deprecated word-break: break-word (4 locations): replaced with
  overflow-wrap: anywhere in the shared badge rule plus the three
  registered badge/tag-pill styles
- Fix stale documentation: tag-pills.json described the old "Portfolio
  Service taxonomy" instead of project-tag; CHANGELOG.md still named the
  pre-rename ls_plugin_portfolio_* taxonomies
- Fix mobile header: only the "Start a project" CTA hides below the
  nav-toggle breakpoint now, not search — search has no other entry
  point on mobile since the nav overlay drawer doesn't include it
- Fix the 4th stat card ("Tokens") duplicating is-style-stat-segment's
  spacing/colour values instead of reusing the class; re-applied the
  shared class and suppressed its trailing divider with a :last-child
  rule instead, so the design's 3-divider intent (not 4) is preserved
- Fix button-secondary-outline's hover state changing background/text
  but not border-color; reused the existing background-hover token,
  since button.outline has no dedicated border-hover token to point at
- Fix button-secondary-outline rendering a solid near-black background
  at rest — it was pointing at button.outline.background
  (surface-400 = #12121A, a dark-mode surface colour) on a light
  section; set to transparent instead, matching an existing literal-
  transparent precedent already used elsewhere in the theme

Verified: npm run build:css, lint:json, schema:validate, security:scan,
and PHP syntax lint all pass; every fix re-checked directly against the
live rendered page/CSS output, not just source.
---
 CHANGELOG.md                                  |  2 +-
 assets/css/animations.css                     | 45 ++++++++++++++++---
 patterns/cards/work-capability-list.php       | 12 ++---
 patterns/cards/work-next-steps-card.php       |  2 +-
 patterns/cards/work-project-card.php          |  4 +-
 patterns/section-stats-grid.php               |  6 +--
 patterns/sections/work-categories.php         |  4 +-
 patterns/sections/work-related-routes.php     | 14 +++---
 patterns/sections/work-selected-projects.php  |  2 +-
 src/scss/animations/_button-motion.scss       |  4 ++
 src/scss/animations/_card-motion.scss         | 32 ++++++++++++-
 src/scss/animations/_header-motion.scss       | 10 ++---
 .../buttons/button-secondary-outline.json     |  4 +-
 styles/blocks/post-terms/badge-brand.json     |  2 +-
 .../blocks/post-terms/badge-woocommerce.json  |  2 +-
 styles/blocks/post-terms/tag-pills.json       |  4 +-
 16 files changed, 108 insertions(+), 41 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0f39d80..a518f56 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,7 +12,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 - Added 4 Work archive component patterns (LS-1616), each an individually insertable pattern built entirely from existing adaptive semantic tokens — no new `theme.json`/`dark.json` tokens were needed:
-  - `patterns/cards/work-project-card.php` — a case-study card bound to real Portfolio post data via WordPress block bindings (LS-1617): `core/post-title`, `core/post-excerpt`, `core/post-terms` (bound to the `ls_plugin_portfolio_industry`/`_project_type`/`_service` taxonomies), and `core/read-more` for the permalink. Intended as the Post Template content inside a Query Loop scoped to `ls_plugin_portfolio`.
+  - `patterns/cards/work-project-card.php` — a case-study card bound to real Portfolio post data via WordPress block bindings (LS-1617): `core/post-title`, `core/post-excerpt`, `core/post-terms` (badge bound to `project-group`, tag pills bound to `project-tag`), and `core/read-more` for the permalink. Intended as the Post Template content inside a Query Loop scoped to the `project` post type.
   - `patterns/cards/work-discuss-project-list.php` — a static checklist card reusing the existing `tick-accent` list style.
   - `patterns/cards/work-engagement-stat.php` — a stat segment with a split-colour big number (accent-coloured suffix) and monospace uppercase labels.
   - `patterns/cards/work-next-steps-card.php` — a compact related-route button.
diff --git a/assets/css/animations.css b/assets/css/animations.css
index 12611cb..705dd93 100644
--- a/assets/css/animations.css
+++ b/assets/css/animations.css
@@ -635,6 +635,7 @@
   --ls-card-link-row-border-active: var(--wp--custom--color--link--accent);
   --ls-card-link-row-background-active: color-mix(in srgb, var(--wp--custom--color--link--accent) 10%, transparent);
   --ls-card-link-row-icon-active: var(--wp--custom--color--text--brand);
+  position: relative;
   border-color: var(--ls-card-link-row-border-rest);
   transition: background-color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard), border-color var(--wp--custom--animation--duration--base) var(--wp--custom--animation--easing--standard);
 }
@@ -645,6 +646,24 @@
 .is-style-card-link-row:hover .wp-block-outermost-icon-block .icon-container, .is-style-card-link-row:focus-within .wp-block-outermost-icon-block .icon-container {
   color: var(--ls-card-link-row-icon-active) !important;
 }
+.is-style-card-link-row {
+  /* Stretched-link pattern: the visible <a> only wraps the title text, but its
+   * ::before covers the whole card so the entire row is clickable — while
+   * keeping a single real, keyboard-focusable link (not a fake click handler). */
+}
+.is-style-card-link-row .ls-card-link-row__link {
+  color: inherit;
+  text-decoration: none;
+}
+.is-style-card-link-row .ls-card-link-row__link::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+}
+.is-style-card-link-row .ls-card-link-row__link:focus-visible {
+  outline: 2px solid var(--wp--custom--color--focus--ring);
+  outline-offset: 2px;
+}
 
 @media (prefers-reduced-motion: reduce) {
   .wp-block-paragraph.is-style-link-arrow-accent a,
@@ -707,6 +726,16 @@
     border-inline-end: none;
   }
 }
+/*
+ * The last column in a stat row (e.g. "Tokens") reuses is-style-stat-segment for its shared
+ * spacing/colour contract like every sibling, but shouldn't carry a trailing divider — there's no
+ * column after it to divide from. Suppress it by position instead of duplicating the shared
+ * style's properties on a class-less wrapper.
+ */
+.wp-block-columns > .wp-block-column:last-child > .is-style-stat-segment {
+  border-inline-end: none;
+}
+
 /* Card - Work Project (WooCommerce platform colour) */
 .is-style-card-banner-tint-woocommerce {
   padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
@@ -742,7 +771,7 @@
   min-width: 0;
   max-width: 100%;
   white-space: normal;
-  word-break: break-word;
+  overflow-wrap: anywhere;
   color: inherit;
   text-decoration: none;
 }
@@ -926,7 +955,11 @@
 
 .wp-block-button.is-style-button-secondary-outline .wp-block-button__link:hover,
 .wp-block-button.is-style-button-secondary-outline .wp-block-button__link:focus-visible {
+  /* button.outline has no dedicated border-hover token — reuse background-hover (brand-500) so
+   * the border matches the solid fill it's transitioning to, same as the filled variant's border
+   * matching its own background-hover above. */
   background-color: var(--wp--custom--color--button--outline--background-hover);
+  border-color: var(--wp--custom--color--button--outline--background-hover);
   color: var(--wp--custom--color--button--outline--text-hover);
 }
 
@@ -1604,13 +1637,13 @@
  * `min-width: 600px` in wp-includes/blocks/navigation/style.css — mirrored here as the
  * `nav-toggle` entry in theme.json's settings.custom.layout.break-points, synced via
  * `npm run sync:breakpoints`), the nav collapses to its own hamburger toggle automatically.
- * Hide the search control and CTA button at that same breakpoint so the header row only has
- * the logo and the (collapsed) nav left — with `justifyContent:"space-between"` already set on
- * the header row, that alone pushes the hamburger to the far right, matching the desktop layout
- * where it sits at the end of the row.
+ * Hide only the "Start a project" CTA button at that same breakpoint — not search, which stays
+ * the site's only search entry point on mobile (the nav overlay drawer doesn't include it).
+ * With `justifyContent:"space-between"` already set on the header row, hiding just the buttons
+ * still leaves enough room for the collapsed nav's hamburger to sit at the far right.
  */
 @media (max-width: 599.98px) {
-  .site-header__actions {
+  .site-header__actions .wp-block-buttons {
     display: none;
   }
 }
diff --git a/patterns/cards/work-capability-list.php b/patterns/cards/work-capability-list.php
index 9566438..36bdb42 100644
--- a/patterns/cards/work-capability-list.php
+++ b/patterns/cards/work-capability-list.php
@@ -28,8 +28,8 @@
 
 		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 		<div class="wp-block-group">
-			<!-- wp:heading {"level":4,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"200"} -->
-			<h4 class="wp-block-heading has-200-font-size" style="margin-top:0;margin-bottom:0;font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'WordPress Work', 'ls-theme' ); ?></h4>
+			<!-- wp:heading {"level":2,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"200"} -->
+			<h2 class="wp-block-heading has-200-font-size" style="margin-top:0;margin-bottom:0;font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'WordPress Work', 'ls-theme' ); ?></h2>
 			<!-- /wp:heading -->
 
 			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"100"} -->
@@ -52,8 +52,8 @@
 
 		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 		<div class="wp-block-group">
-			<!-- wp:heading {"level":4,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"200"} -->
-			<h4 class="wp-block-heading has-200-font-size" style="margin-top:0;margin-bottom:0;font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'WooCommerce Work', 'ls-theme' ); ?></h4>
+			<!-- wp:heading {"level":2,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"200"} -->
+			<h2 class="wp-block-heading has-200-font-size" style="margin-top:0;margin-bottom:0;font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'WooCommerce Work', 'ls-theme' ); ?></h2>
 			<!-- /wp:heading -->
 
 			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"100"} -->
@@ -76,8 +76,8 @@
 
 		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 		<div class="wp-block-group">
-			<!-- wp:heading {"level":4,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"200"} -->
-			<h4 class="wp-block-heading has-200-font-size" style="margin-top:0;margin-bottom:0;font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'Design-System Work', 'ls-theme' ); ?></h4>
+			<!-- wp:heading {"level":2,"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"200"} -->
+			<h2 class="wp-block-heading has-200-font-size" style="margin-top:0;margin-bottom:0;font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'Design-System Work', 'ls-theme' ); ?></h2>
 			<!-- /wp:heading -->
 
 			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"100"} -->
diff --git a/patterns/cards/work-next-steps-card.php b/patterns/cards/work-next-steps-card.php
index 2ab3c66..6efce63 100644
--- a/patterns/cards/work-next-steps-card.php
+++ b/patterns/cards/work-next-steps-card.php
@@ -19,7 +19,7 @@
 	<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 	<div class="wp-block-group">
 		<!-- wp:paragraph {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"200"} -->
-		<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'Case studies', 'ls-theme' ); ?></p>
+		<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><a class="ls-card-link-row__link" href="<?php echo esc_url( home_url( '/work/' ) ); ?>"><?php echo esc_html__( 'Case studies', 'ls-theme' ); ?></a></p>
 		<!-- /wp:paragraph -->
 
 		<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
diff --git a/patterns/cards/work-project-card.php b/patterns/cards/work-project-card.php
index d106a62..7a5f5e9 100644
--- a/patterns/cards/work-project-card.php
+++ b/patterns/cards/work-project-card.php
@@ -20,7 +20,7 @@
 	<div class="wp-block-group ls-card-case-study__banner is-style-card-banner-tint">
 		<!-- wp:group {"className":"is-style-card-chip"} -->
 		<div class="wp-block-group is-style-card-chip">
-			<!-- wp:post-terms {"term":"project-group","prefix":"Platform · ","style":{"typography":{"fontFamily":"var:preset|font-family|monospace","textTransform":"uppercase","letterSpacing":"1.1px"},"color":{"text":"var(--wp--custom--color--text--subtle)"}},"fontSize":"100"} /-->
+			<!-- wp:post-terms {"term":"project-group","prefix":<?php echo wp_json_encode( __( 'Platform · ', 'ls-theme' ) ); ?>,"style":{"typography":{"fontFamily":"var:preset|font-family|monospace","textTransform":"uppercase","letterSpacing":"1.1px"},"color":{"text":"var(--wp--custom--color--text--subtle)"}},"fontSize":"100"} /-->
 		</div>
 		<!-- /wp:group -->
 	</div>
@@ -41,7 +41,7 @@
 		</div>
 		<!-- /wp:group -->
 
-		<!-- wp:read-more {"content":"View project","className":"is-style-link-arrow-accent","fontSize":"100"} /-->
+		<!-- wp:read-more {"content":<?php echo wp_json_encode( __( 'View project', 'ls-theme' ) ); ?>,"className":"is-style-link-arrow-accent","fontSize":"100"} /-->
 	</div>
 	<!-- /wp:group -->
 </article>
diff --git a/patterns/section-stats-grid.php b/patterns/section-stats-grid.php
index 65188d3..68da9ca 100644
--- a/patterns/section-stats-grid.php
+++ b/patterns/section-stats-grid.php
@@ -111,8 +111,8 @@
 
 			<!-- wp:column -->
 			<div class="wp-block-column">
-				<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"var:preset|spacing|10","padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|30","bottom":"var:preset|spacing|40","left":"var:preset|spacing|30"}}}} -->
-				<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)">
+				<!-- wp:group {"tagName":"article","className":"is-style-stat-segment","layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+				<article class="wp-block-group is-style-stat-segment">
 					<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"nowrap"}} -->
 					<div class="wp-block-group">
 						<!-- wp:paragraph {"style":{"typography":{"fontFamily":"var:preset|font-family|monospace","textTransform":"uppercase","letterSpacing":"1.2px","fontWeight":"var:custom|typography|font-weight|bold"},"color":{"text":"var(--wp--custom--color--text--subtle)"}},"fontSize":"100"} -->
@@ -132,7 +132,7 @@
 					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
 					<p class="has-text-color has-100-font-size" style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Design-system tokens authored across active themes', 'ls-theme' ); ?></p>
 					<!-- /wp:paragraph -->
-				</div>
+				</article>
 				<!-- /wp:group -->
 			</div>
 			<!-- /wp:column -->
diff --git a/patterns/sections/work-categories.php b/patterns/sections/work-categories.php
index ccd6e1b..0e196a0 100644
--- a/patterns/sections/work-categories.php
+++ b/patterns/sections/work-categories.php
@@ -70,7 +70,7 @@
 					<!-- /wp:group -->
 
 					<!-- wp:paragraph {"className":"is-style-link-arrow-accent"} -->
-					<p class="is-style-link-arrow-accent"><a href="<?php echo esc_url( home_url( '/work/' ) ); ?>"><?php echo esc_html__( 'See WordPress work', 'ls-theme' ); ?></a></p>
+					<p class="is-style-link-arrow-accent"><a href="<?php echo esc_url( add_query_arg( 'filter-0-project-group', 'wordpress', home_url( '/work/' ) ) ); ?>"><?php echo esc_html__( 'See WordPress work', 'ls-theme' ); ?></a></p>
 					<!-- /wp:paragraph -->
 				</article>
 				<!-- /wp:group -->
@@ -102,7 +102,7 @@
 					<!-- /wp:group -->
 
 					<!-- wp:paragraph {"className":"is-style-link-arrow-accent"} -->
-					<p class="is-style-link-arrow-accent"><a href="<?php echo esc_url( home_url( '/work/' ) ); ?>"><?php echo esc_html__( 'See WooCommerce work', 'ls-theme' ); ?></a></p>
+					<p class="is-style-link-arrow-accent"><a href="<?php echo esc_url( add_query_arg( 'filter-0-project-group', 'woocommerce', home_url( '/work/' ) ) ); ?>"><?php echo esc_html__( 'See WooCommerce work', 'ls-theme' ); ?></a></p>
 					<!-- /wp:paragraph -->
 				</article>
 				<!-- /wp:group -->
diff --git a/patterns/sections/work-related-routes.php b/patterns/sections/work-related-routes.php
index 0ee92a5..0faaee2 100644
--- a/patterns/sections/work-related-routes.php
+++ b/patterns/sections/work-related-routes.php
@@ -45,7 +45,7 @@
 				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 				<div class="wp-block-group">
 					<!-- wp:paragraph {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"200"} -->
-					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'Why LightSpeed', 'ls-theme' ); ?></p>
+					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><a class="ls-card-link-row__link" href="#"><?php echo esc_html__( 'Why LightSpeed', 'ls-theme' ); ?></a></p>
 					<!-- /wp:paragraph -->
 
 					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
@@ -65,7 +65,7 @@
 				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 				<div class="wp-block-group">
 					<!-- wp:paragraph {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"200"} -->
-					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'All solutions', 'ls-theme' ); ?></p>
+					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><a class="ls-card-link-row__link" href="#"><?php echo esc_html__( 'All solutions', 'ls-theme' ); ?></a></p>
 					<!-- /wp:paragraph -->
 
 					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
@@ -85,7 +85,7 @@
 				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 				<div class="wp-block-group">
 					<!-- wp:paragraph {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"200"} -->
-					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'WordPress solutions', 'ls-theme' ); ?></p>
+					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><a class="ls-card-link-row__link" href="#"><?php echo esc_html__( 'WordPress solutions', 'ls-theme' ); ?></a></p>
 					<!-- /wp:paragraph -->
 
 					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
@@ -105,7 +105,7 @@
 				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 				<div class="wp-block-group">
 					<!-- wp:paragraph {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"200"} -->
-					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'WooCommerce solutions', 'ls-theme' ); ?></p>
+					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><a class="ls-card-link-row__link" href="#"><?php echo esc_html__( 'WooCommerce solutions', 'ls-theme' ); ?></a></p>
 					<!-- /wp:paragraph -->
 
 					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
@@ -125,7 +125,7 @@
 				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 				<div class="wp-block-group">
 					<!-- wp:paragraph {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"200"} -->
-					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'Design system solutions', 'ls-theme' ); ?></p>
+					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><a class="ls-card-link-row__link" href="#"><?php echo esc_html__( 'Design system solutions', 'ls-theme' ); ?></a></p>
 					<!-- /wp:paragraph -->
 
 					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
@@ -145,7 +145,7 @@
 				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 				<div class="wp-block-group">
 					<!-- wp:paragraph {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"200"} -->
-					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'Testimonials', 'ls-theme' ); ?></p>
+					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><a class="ls-card-link-row__link" href="#"><?php echo esc_html__( 'Testimonials', 'ls-theme' ); ?></a></p>
 					<!-- /wp:paragraph -->
 
 					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
@@ -165,7 +165,7 @@
 				<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 				<div class="wp-block-group">
 					<!-- wp:paragraph {"style":{"typography":{"fontWeight":"var:custom|typography|font-weight|semibold"}},"fontSize":"200"} -->
-					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><?php echo esc_html__( 'Contact', 'ls-theme' ); ?></p>
+					<p class="has-200-font-size" style="font-weight:var(--wp--custom--typography--font-weight--semibold)"><a class="ls-card-link-row__link" href="<?php echo esc_url( home_url( '/contact/' ) ); ?>"><?php echo esc_html__( 'Contact', 'ls-theme' ); ?></a></p>
 					<!-- /wp:paragraph -->
 
 					<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"100"} -->
diff --git a/patterns/sections/work-selected-projects.php b/patterns/sections/work-selected-projects.php
index 489acd4..3da705a 100644
--- a/patterns/sections/work-selected-projects.php
+++ b/patterns/sections/work-selected-projects.php
@@ -55,7 +55,7 @@
 		<!-- wp:query {"queryId":0,"query":{"perPage":9,"pages":0,"offset":0,"postType":"project","order":"desc","orderBy":"date","inherit":false},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} -->
 		<div class="wp-block-query alignwide" style="margin-top:var(--wp--preset--spacing--40)">
 
-			<!-- wp:ls-plugin/taxonomy-filter {"taxonomy":{"name":"Project groups","all_items":"All","slug":"project-group","rest_base":"project-group"},"filterType":"buttons","allItemsText":"All","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} /-->
+			<!-- wp:ls-plugin/taxonomy-filter {"taxonomy":{"name":"Project groups","all_items":"All","slug":"project-group","rest_base":"project-group"},"filterType":"buttons","allItemsText":<?php echo wp_json_encode( __( 'All', 'ls-theme' ) ); ?>,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} /-->
 
 			<!-- wp:post-template {"layout":{"type":"grid","columnCount":3}} -->
 				<!-- wp:pattern {"slug":"ls-theme/work-project-card"} /-->
diff --git a/src/scss/animations/_button-motion.scss b/src/scss/animations/_button-motion.scss
index dd6c221..91a5b3b 100644
--- a/src/scss/animations/_button-motion.scss
+++ b/src/scss/animations/_button-motion.scss
@@ -249,7 +249,11 @@
 
 .wp-block-button.is-style-button-secondary-outline .wp-block-button__link:hover,
 .wp-block-button.is-style-button-secondary-outline .wp-block-button__link:focus-visible {
+  /* button.outline has no dedicated border-hover token — reuse background-hover (brand-500) so
+   * the border matches the solid fill it's transitioning to, same as the filled variant's border
+   * matching its own background-hover above. */
   background-color: var(--wp--custom--color--button--outline--background-hover);
+  border-color: var(--wp--custom--color--button--outline--background-hover);
   color: var(--wp--custom--color--button--outline--text-hover);
 }
 
diff --git a/src/scss/animations/_card-motion.scss b/src/scss/animations/_card-motion.scss
index 031e62d..80d77fd 100644
--- a/src/scss/animations/_card-motion.scss
+++ b/src/scss/animations/_card-motion.scss
@@ -525,6 +525,7 @@
   --ls-card-link-row-border-active: var(--wp--custom--color--link--accent);
   --ls-card-link-row-background-active: color-mix(in srgb, var(--wp--custom--color--link--accent) 10%, transparent);
   --ls-card-link-row-icon-active: var(--wp--custom--color--text--brand);
+  position: relative;
   border-color: var(--ls-card-link-row-border-rest);
   transition:
     background-color var(--wp--custom--animation--duration--base)
@@ -542,6 +543,25 @@
   &:focus-within .wp-block-outermost-icon-block .icon-container {
     color: var(--ls-card-link-row-icon-active) !important;
   }
+
+  /* Stretched-link pattern: the visible <a> only wraps the title text, but its
+   * ::before covers the whole card so the entire row is clickable — while
+   * keeping a single real, keyboard-focusable link (not a fake click handler). */
+  .ls-card-link-row__link {
+    color: inherit;
+    text-decoration: none;
+
+    &::before {
+      content: "";
+      position: absolute;
+      inset: 0;
+    }
+
+    &:focus-visible {
+      outline: 2px solid var(--wp--custom--color--focus--ring);
+      outline-offset: 2px;
+    }
+  }
 }
 
 @include motion.reduced-motion {
@@ -614,6 +634,16 @@
   }
 }
 
+/*
+ * The last column in a stat row (e.g. "Tokens") reuses is-style-stat-segment for its shared
+ * spacing/colour contract like every sibling, but shouldn't carry a trailing divider — there's no
+ * column after it to divide from. Suppress it by position instead of duplicating the shared
+ * style's properties on a class-less wrapper.
+ */
+.wp-block-columns > .wp-block-column:last-child > .is-style-stat-segment {
+  border-inline-end: none;
+}
+
 /* Card - Work Project (WooCommerce platform colour) */
 .is-style-card-banner-tint-woocommerce {
   padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
@@ -649,7 +679,7 @@
     min-width: 0;
     max-width: 100%;
     white-space: normal;
-    word-break: break-word;
+    overflow-wrap: anywhere;
     color: inherit;
     text-decoration: none;
   }
diff --git a/src/scss/animations/_header-motion.scss b/src/scss/animations/_header-motion.scss
index 3f8b409..653d637 100644
--- a/src/scss/animations/_header-motion.scss
+++ b/src/scss/animations/_header-motion.scss
@@ -8,13 +8,13 @@
  * `min-width: 600px` in wp-includes/blocks/navigation/style.css — mirrored here as the
  * `nav-toggle` entry in theme.json's settings.custom.layout.break-points, synced via
  * `npm run sync:breakpoints`), the nav collapses to its own hamburger toggle automatically.
- * Hide the search control and CTA button at that same breakpoint so the header row only has
- * the logo and the (collapsed) nav left — with `justifyContent:"space-between"` already set on
- * the header row, that alone pushes the hamburger to the far right, matching the desktop layout
- * where it sits at the end of the row.
+ * Hide only the "Start a project" CTA button at that same breakpoint — not search, which stays
+ * the site's only search entry point on mobile (the nav overlay drawer doesn't include it).
+ * With `justifyContent:"space-between"` already set on the header row, hiding just the buttons
+ * still leaves enough room for the collapsed nav's hamburger to sit at the far right.
  */
 @include mq.mq($until: "nav-toggle") {
-  .site-header__actions {
+  .site-header__actions .wp-block-buttons {
     display: none;
   }
 }
diff --git a/styles/blocks/buttons/button-secondary-outline.json b/styles/blocks/buttons/button-secondary-outline.json
index 91b9cc2..4fceabe 100644
--- a/styles/blocks/buttons/button-secondary-outline.json
+++ b/styles/blocks/buttons/button-secondary-outline.json
@@ -6,10 +6,10 @@
 	"blockTypes": [
 		"core/button"
 	],
-	"description": "Outline pill button for CTAs outside the header, paired with Button - Secondary — reuses the default outline button's colour tokens, just pill-shaped with tighter padding and non-uppercase type. Hover contract in src/scss/animations/_button-motion.scss.",
+	"description": "Outline pill button for CTAs outside the header, paired with Button - Secondary — transparent background (not the default outline button's surface-400 fill, which reads as solid black against a light section), reusing the default outline button's border/text colour tokens. Pill-shaped with tighter padding and non-uppercase type. Hover contract in src/scss/animations/_button-motion.scss.",
 	"styles": {
 		"color": {
-			"background": "var:custom|color|button|outline|background",
+			"background": "transparent",
 			"text": "var:custom|color|button|outline|text"
 		},
 		"border": {
diff --git a/styles/blocks/post-terms/badge-brand.json b/styles/blocks/post-terms/badge-brand.json
index a162cb3..4d2bc3e 100644
--- a/styles/blocks/post-terms/badge-brand.json
+++ b/styles/blocks/post-terms/badge-brand.json
@@ -17,6 +17,6 @@
 			"fontWeight": "var:custom|typography|font-weight|bold",
 			"textTransform": "uppercase"
 		},
-		"css": "&{display:flex;flex-wrap:wrap;align-items:baseline;width:100%;max-width:100%;box-sizing:border-box;background-color:color-mix(in srgb, var(--wp--custom--color--card--platform--wordpress) 8%, transparent);border-radius:var(--wp--preset--border-radius--200);padding:var(--wp--preset--spacing--5) var(--wp--preset--spacing--10);letter-spacing:1px;} & a{display:inline;min-width:0;max-width:100%;white-space:normal;word-break:break-word;color:inherit;text-decoration:none;} & .wp-block-post-terms__separator{margin-inline-end:var(--wp--preset--spacing--5);}"
+		"css": "&{display:flex;flex-wrap:wrap;align-items:baseline;width:100%;max-width:100%;box-sizing:border-box;background-color:color-mix(in srgb, var(--wp--custom--color--card--platform--wordpress) 8%, transparent);border-radius:var(--wp--preset--border-radius--200);padding:var(--wp--preset--spacing--5) var(--wp--preset--spacing--10);letter-spacing:1px;} & a{display:inline;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;color:inherit;text-decoration:none;} & .wp-block-post-terms__separator{margin-inline-end:var(--wp--preset--spacing--5);}"
 	}
 }
diff --git a/styles/blocks/post-terms/badge-woocommerce.json b/styles/blocks/post-terms/badge-woocommerce.json
index b4537bc..1a9f02d 100644
--- a/styles/blocks/post-terms/badge-woocommerce.json
+++ b/styles/blocks/post-terms/badge-woocommerce.json
@@ -17,6 +17,6 @@
 			"fontWeight": "var:custom|typography|font-weight|bold",
 			"textTransform": "uppercase"
 		},
-		"css": "&{display:flex;flex-wrap:wrap;align-items:baseline;width:100%;max-width:100%;box-sizing:border-box;background-color:color-mix(in srgb, var(--wp--custom--color--card--platform--woocommerce) 8%, transparent);border-radius:var(--wp--preset--border-radius--200);padding:var(--wp--preset--spacing--5) var(--wp--preset--spacing--10);letter-spacing:1px;} & a{display:inline;min-width:0;max-width:100%;white-space:normal;word-break:break-word;color:inherit;text-decoration:none;} & .wp-block-post-terms__separator{margin-inline-end:var(--wp--preset--spacing--5);}"
+		"css": "&{display:flex;flex-wrap:wrap;align-items:baseline;width:100%;max-width:100%;box-sizing:border-box;background-color:color-mix(in srgb, var(--wp--custom--color--card--platform--woocommerce) 8%, transparent);border-radius:var(--wp--preset--border-radius--200);padding:var(--wp--preset--spacing--5) var(--wp--preset--spacing--10);letter-spacing:1px;} & a{display:inline;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;color:inherit;text-decoration:none;} & .wp-block-post-terms__separator{margin-inline-end:var(--wp--preset--spacing--5);}"
 	}
 }
diff --git a/styles/blocks/post-terms/tag-pills.json b/styles/blocks/post-terms/tag-pills.json
index 2ee5d13..5688273 100644
--- a/styles/blocks/post-terms/tag-pills.json
+++ b/styles/blocks/post-terms/tag-pills.json
@@ -6,7 +6,7 @@
 	"blockTypes": [
 		"core/post-terms"
 	],
-	"description": "Renders each linked term as an individual pill chip, for the Work Project Card tag row (bound to the Portfolio Service taxonomy).",
+	"description": "Renders each linked term as an individual pill chip, for the Work Project Card tag row (bound to the project-tag taxonomy).",
 	"styles": {
 		"color": {
 			"text": "var:custom|color|text|muted"
@@ -16,6 +16,6 @@
 			"fontSize": "var:preset|font-size|100",
 			"fontWeight": "var:custom|typography|font-weight|bold"
 		},
-		"css": "&{display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--5);max-width:100%;} & a{display:inline-block;min-width:0;max-width:100%;box-sizing:border-box;white-space:normal;word-break:break-word;background-color:var(--wp--custom--color--surface--card-raised);color:var(--wp--custom--color--text--muted);border-radius:var(--wp--preset--border-radius--100);padding:var(--wp--preset--spacing--5) var(--wp--preset--spacing--10);text-decoration:none;}"
+		"css": "&{display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--5);max-width:100%;} & a{display:inline-block;min-width:0;max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;background-color:var(--wp--custom--color--surface--card-raised);color:var(--wp--custom--color--text--muted);border-radius:var(--wp--preset--border-radius--100);padding:var(--wp--preset--spacing--5) var(--wp--preset--spacing--10);text-decoration:none;}"
 	}
 }