From 6109b8573047d993f88c7da127955aee5f4f1365 Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Tue, 7 Jul 2026 12:18:54 +0200
Subject: [PATCH 01/11] ## Add cta-consultation-band pattern

- Created `patterns/cta/cta-consultation-band.php` with badge, heading, CTA buttons, and reassurance tiles
- Added 4 new colour tokens for fixed-dark surfaces to `theme.json` and `styles/dark.json`
- Mapped Phosphor icons: `check`, `chat-circle`, `star`
---
 patterns/cta/cta-consultation-band.php | 102 +++++++++++++++++++++++++
 styles/dark.json                       |   8 +-
 theme.json                             |   8 +-
 3 files changed, 114 insertions(+), 4 deletions(-)
 create mode 100644 patterns/cta/cta-consultation-band.php

diff --git a/patterns/cta/cta-consultation-band.php b/patterns/cta/cta-consultation-band.php
new file mode 100644
index 0000000..ae267fc
--- /dev/null
+++ b/patterns/cta/cta-consultation-band.php
@@ -0,0 +1,102 @@
+<?php
+/**
+ * Title: CTA - Consultation Band
+ * Slug: ls-theme/cta-consultation-band
+ * Categories: cta
+ * Block Types: core/pattern
+ * Description: A dark gradient call-to-action band inviting visitors to book a free consultation, paired with a "see our work" link and three reassurance tiles.
+ * Keywords: cta, consultation, call to action, band
+ * Viewport Width: 1240
+ * Inserter: true
+ *
+ * @package ls-theme
+ */
+
+?>
+<!-- wp:group {"align":"wide","tagName":"section","className":"ls-cta-band","style":{"border":{"radius":"var:preset|border-radius|300"},"spacing":{"blockGap":"var:preset|spacing|60","padding":{"top":"var:preset|spacing|80","right":"var:preset|spacing|60","bottom":"var:preset|spacing|80","left":"var:preset|spacing|60"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center","verticalAlignment":"center"}} -->
+<section class="wp-block-group alignwide ls-cta-band" style="border-radius:var(--wp--preset--border-radius--300);padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--60);background-image:linear-gradient(158deg, var(--wp--custom--color--surface--band-start) 0%, var(--wp--custom--color--surface--band-end) 100%)">
+
+	<!-- wp:group {"className":"ls-cta-band__primary","style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+	<div class="wp-block-group ls-cta-band__primary">
+
+		<!-- wp:group {"className":"ls-cta-band__content","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+		<div class="wp-block-group ls-cta-band__content">
+
+			<!-- wp:group {"className":"ls-cta-band__badge","layout":{"type":"flex","verticalAlignment":"center","flexWrap":"nowrap"}} -->
+			<div class="wp-block-group ls-cta-band__badge">
+				<!-- wp:group {"className":"ls-cta-band__badge-dot","style":{"color":{"background":"var(--wp--custom--color--icon--background)"},"border":{"radius":"var:preset|border-radius|500"}}} -->
+				<div class="wp-block-group ls-cta-band__badge-dot" style="background-color:var(--wp--custom--color--icon--background);border-radius:var(--wp--preset--border-radius--500)"></div>
+				<!-- /wp:group -->
+
+				<!-- wp:paragraph {"className":"ls-cta-band__badge-label","style":{"color":{"text":"var(--wp--custom--color--text--brand)"},"typography":{"textTransform":"uppercase","letterSpacing":"1.2px"}},"fontSize":"x-small"} -->
+				<p class="ls-cta-band__badge-label has-x-small-font-size" style="color:var(--wp--custom--color--text--brand);letter-spacing:1.2px;text-transform:uppercase"><?php echo esc_html__( 'Free consultation', 'ls-theme' ); ?></p>
+				<!-- /wp:paragraph -->
+			</div>
+			<!-- /wp:group -->
+
+			<!-- wp:heading {"level":2,"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"},"typography":{"fontWeight":"var:custom|typography|font-weight|extrabold"}}} -->
+			<h2 class="wp-block-heading" style="color:var(--wp--custom--color--text--on-dark);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( 'Ready to talk through your project?', 'ls-theme' ); ?></h2>
+			<!-- /wp:heading -->
+
+			<!-- wp:paragraph {"className":"ls-cta-band__lead","style":{"color":{"text":"var(--wp--custom--color--text--on-dark-muted)"}}} -->
+			<p class="ls-cta-band__lead" style="color:var(--wp--custom--color--text--on-dark-muted)"><?php echo esc_html__( "Tell us what you are planning and we'll get back to you quickly with clear next steps.", 'ls-theme' ); ?></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+
+		<!-- wp:group {"className":"ls-cta-band__actions","style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"center"}} -->
+		<div class="wp-block-group ls-cta-band__actions">
+			<!-- wp:buttons -->
+			<div class="wp-block-buttons">
+				<!-- wp:button {"className":"ls-cta-band__button"} -->
+				<div class="wp-block-button ls-cta-band__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 free consultation', 'ls-theme' ); ?></a></div>
+				<!-- /wp:button -->
+			</div>
+			<!-- /wp:buttons -->
+
+			<!-- wp:paragraph {"className":"ls-cta-band__secondary is-style-link-arrow-accent","style":{"css":"&{--ls-link-arrow-colour:var(--wp--custom--color--text--on-dark);--ls-link-arrow-hover-colour:var(--wp--custom--color--text--brand);}"}} -->
+			<p class="ls-cta-band__secondary is-style-link-arrow-accent" style="--ls-link-arrow-colour:var(--wp--custom--color--text--on-dark);--ls-link-arrow-hover-colour:var(--wp--custom--color--text--brand)"><a href="<?php echo esc_url( home_url( '/work/' ) ); ?>"><?php echo esc_html__( 'or see our work', 'ls-theme' ); ?></a></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:group {"className":"ls-cta-band__reassurance","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","flexWrap":"nowrap"}} -->
+	<div class="wp-block-group ls-cta-band__reassurance">
+
+		<!-- wp:group {"tagName":"article","className":"is-style-glass-card ls-cta-band__tile","layout":{"type":"flex","verticalAlignment":"center","flexWrap":"nowrap"}} -->
+		<article class="wp-block-group is-style-glass-card ls-cta-band__tile">
+			<!-- wp:outermost/icon-block {"iconName":"check","width":"20px","style":{"color":{"text":"var(--wp--custom--color--text--brand)"}}} /-->
+
+			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"},"typography":{"fontWeight":"var:custom|typography|font-weight|bold"}}} -->
+			<p style="color:var(--wp--custom--color--text--on-dark);font-weight:var(--wp--custom--typography--font-weight--bold)"><?php echo esc_html__( 'Clear next steps', 'ls-theme' ); ?></p>
+			<!-- /wp:paragraph -->
+		</article>
+		<!-- /wp:group -->
+
+		<!-- wp:group {"tagName":"article","className":"is-style-glass-card ls-cta-band__tile","layout":{"type":"flex","verticalAlignment":"center","flexWrap":"nowrap"}} -->
+		<article class="wp-block-group is-style-glass-card ls-cta-band__tile">
+			<!-- wp:outermost/icon-block {"iconName":"chat-circle","width":"20px","style":{"color":{"text":"var(--wp--custom--color--text--brand)"}}} /-->
+
+			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"},"typography":{"fontWeight":"var:custom|typography|font-weight|bold"}}} -->
+			<p style="color:var(--wp--custom--color--text--on-dark);font-weight:var(--wp--custom--typography--font-weight--bold)"><?php echo esc_html__( 'No pressure, just useful advice', 'ls-theme' ); ?></p>
+			<!-- /wp:paragraph -->
+		</article>
+		<!-- /wp:group -->
+
+		<!-- wp:group {"tagName":"article","className":"is-style-glass-card ls-cta-band__tile","layout":{"type":"flex","verticalAlignment":"center","flexWrap":"nowrap"}} -->
+		<article class="wp-block-group is-style-glass-card ls-cta-band__tile">
+			<!-- wp:outermost/icon-block {"iconName":"star","width":"20px","style":{"color":{"text":"var(--wp--custom--color--text--brand)"}}} /-->
+
+			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"},"typography":{"fontWeight":"var:custom|typography|font-weight|bold"}}} -->
+			<p style="color:var(--wp--custom--color--text--on-dark);font-weight:var(--wp--custom--typography--font-weight--bold)"><?php echo esc_html__( '21 years of WordPress expertise', 'ls-theme' ); ?></p>
+			<!-- /wp:paragraph -->
+		</article>
+		<!-- /wp:group -->
+
+	</div>
+	<!-- /wp:group -->
+
+</section>
+<!-- /wp:group -->
diff --git a/styles/dark.json b/styles/dark.json
index 9a14f5b..b4e1a41 100644
--- a/styles/dark.json
+++ b/styles/dark.json
@@ -10,7 +10,9 @@
 					"inverse": "var:preset|color|contrast",
 					"muted": "var:preset|color|neutral-400",
 					"brand": "var:preset|color|cta-500",
-					"brand-strong": "var:preset|color|cta-200"
+					"brand-strong": "var:preset|color|cta-200",
+					"on-dark": "var:preset|color|base",
+					"on-dark-muted": "var:preset|color|neutral-400"
 				},
 				"surface": {
 					"canvas": "var:preset|color|contrast",
@@ -23,7 +25,9 @@
                     "cta": "var:preset|color|accent-two-500",
                     "accent-light": "var:preset|color|accent-900",
                     "accent-two-light": "var:preset|color|accent-two-900",
-                    "accent-three-light": "var:preset|color|accent-three-900"
+                    "accent-three-light": "var:preset|color|accent-three-900",
+                    "band-start": "var:preset|color|surface-700",
+                    "band-end": "var:preset|color|surface-300"
 				},
 				"border": {
 					"card": "var:preset|color|neutral-800"
diff --git a/theme.json b/theme.json
index f89a1da..a92f5be 100644
--- a/theme.json
+++ b/theme.json
@@ -416,7 +416,9 @@
                     "inverse": "var:preset|color|base",
                     "muted": "var:preset|color|neutral-700",
                     "brand": "var:preset|color|brand-500",
-                    "brand-strong": "var:preset|color|brand-800"
+                    "brand-strong": "var:preset|color|brand-800",
+                    "on-dark": "var:preset|color|base",
+                    "on-dark-muted": "var:preset|color|neutral-400"
                 },
                 "surface": {
                     "canvas": "var:preset|color|base",
@@ -429,7 +431,9 @@
                     "cta": "var:preset|color|cta-500",
                     "accent-light": "var:preset|color|accent-100",
                     "accent-two-light": "var:preset|color|accent-two-100",
-                    "accent-three-light": "var:preset|color|accent-three-100"
+                    "accent-three-light": "var:preset|color|accent-three-100",
+                    "band-start": "var:preset|color|surface-700",
+                    "band-end": "var:preset|color|surface-300"
                 },
                 "border": {
                     "card": "var:preset|color|neutral-300"

From 4af8187aecb2228b17123b12323ef3bbcb861205 Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Tue, 7 Jul 2026 14:11:22 +0200
Subject: [PATCH 02/11] ## Add cta-consultation-inline pattern
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Created `patterns/cta/cta-consultation-inline.php` — compact inline CTA card with phone badge, heading, body copy, and button
- Created `styles/sections/cta/cta-inline-card.json` — new fixed-dark card shell with accent left border
- Added 1 new colour token (`surface.on-dark-card`) to `theme.json` and `styles/dark.json`
- Reused existing tokens: `icon.background`, `icon.color`, `text.brand`, `text.on-dark`
---
 patterns/cta/cta-consultation-inline.php | 51 ++++++++++++++++++++++++
 styles/dark.json                         |  3 +-
 styles/sections/cta/cta-inline-card.json | 32 +++++++++++++++
 theme.json                               |  3 +-
 4 files changed, 87 insertions(+), 2 deletions(-)
 create mode 100644 patterns/cta/cta-consultation-inline.php
 create mode 100644 styles/sections/cta/cta-inline-card.json

diff --git a/patterns/cta/cta-consultation-inline.php b/patterns/cta/cta-consultation-inline.php
new file mode 100644
index 0000000..6d2e1d9
--- /dev/null
+++ b/patterns/cta/cta-consultation-inline.php
@@ -0,0 +1,51 @@
+<?php
+/**
+ * Title: CTA - Consultation Inline
+ * Slug: ls-theme/cta-consultation-inline
+ * Categories: cta
+ * Block Types: core/pattern
+ * Description: A compact inline call-to-action card inviting visitors to book a free consultation, for use inside articles, sidebars, or content flows.
+ * Keywords: cta, consultation, call to action, inline
+ * Viewport Width: 640
+ * Inserter: true
+ *
+ * @package ls-theme
+ */
+
+?>
+<!-- wp:group {"tagName":"aside","className":"is-style-cta-inline-card ls-cta-inline","layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+<aside class="wp-block-group is-style-cta-inline-card ls-cta-inline">
+
+	<!-- wp:group {"className":"ls-cta-inline__content","style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+	<div class="wp-block-group ls-cta-inline__content">
+
+		<!-- wp:group {"className":"ls-cta-inline__badge","layout":{"type":"flex","verticalAlignment":"center","flexWrap":"nowrap"}} -->
+		<div class="wp-block-group ls-cta-inline__badge">
+			<!-- wp:outermost/icon-block {"iconName":"phone","width":"22px","style":{"border":{"radius":"var:preset|border-radius|200"},"color":{"text":"var(--wp--custom--color--icon--color)","background":"var(--wp--custom--color--icon--background)"}}} /-->
+
+			<!-- wp:paragraph {"className":"ls-cta-inline__badge-label","style":{"color":{"text":"var(--wp--custom--color--text--brand)"},"typography":{"textTransform":"uppercase","letterSpacing":"1.2px"}},"fontSize":"x-small"} -->
+			<p class="ls-cta-inline__badge-label has-x-small-font-size" style="color:var(--wp--custom--color--text--brand);letter-spacing:1.2px;text-transform:uppercase"><?php echo esc_html__( 'Free consultation', 'ls-theme' ); ?></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+
+		<!-- wp:heading {"level":3,"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"},"typography":{"fontWeight":"var:custom|typography|font-weight|bold"}},"fontSize":"small"} -->
+		<h3 class="wp-block-heading has-small-font-size" style="color:var(--wp--custom--color--text--on-dark);font-weight:var(--wp--custom--typography--font-weight--bold)"><?php echo esc_html__( 'Want to talk this through for your site?', 'ls-theme' ); ?></h3>
+		<!-- /wp:heading -->
+
+		<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"}}} -->
+		<p style="color:var(--wp--custom--color--text--on-dark)"><?php echo esc_html__( 'We can help you work out the next sensible step — no pressure, just a practical conversation.', 'ls-theme' ); ?></p>
+		<!-- /wp:paragraph -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:buttons -->
+	<div class="wp-block-buttons">
+		<!-- wp:button {"className":"ls-cta-inline__button"} -->
+		<div class="wp-block-button ls-cta-inline__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 free consultation', 'ls-theme' ); ?></a></div>
+		<!-- /wp:button -->
+	</div>
+	<!-- /wp:buttons -->
+
+</aside>
+<!-- /wp:group -->
diff --git a/styles/dark.json b/styles/dark.json
index b4e1a41..d64a5c3 100644
--- a/styles/dark.json
+++ b/styles/dark.json
@@ -27,7 +27,8 @@
                     "accent-two-light": "var:preset|color|accent-two-900",
                     "accent-three-light": "var:preset|color|accent-three-900",
                     "band-start": "var:preset|color|surface-700",
-                    "band-end": "var:preset|color|surface-300"
+                    "band-end": "var:preset|color|surface-300",
+                    "on-dark-card": "var:preset|color|surface-200"
 				},
 				"border": {
 					"card": "var:preset|color|neutral-800"
diff --git a/styles/sections/cta/cta-inline-card.json b/styles/sections/cta/cta-inline-card.json
new file mode 100644
index 0000000..4c01dc5
--- /dev/null
+++ b/styles/sections/cta/cta-inline-card.json
@@ -0,0 +1,32 @@
+{
+	"$schema": "https://schemas.wp.org/wp/6.9/theme.json",
+	"version": 3,
+	"title": "CTA Inline Card",
+	"slug": "cta-inline-card",
+	"blockTypes": [
+		"core/group"
+	],
+	"description": "Fixed-dark inline CTA card shell with an accent left border, for compact consultation callouts.",
+	"styles": {
+		"color": {
+			"background": "var:custom|color|surface|on-dark-card",
+			"text": "var:custom|color|text|on-dark"
+		},
+		"border": {
+			"color": "var:custom|color|text|brand",
+			"radius": "var:preset|border-radius|200",
+			"style": "solid",
+			"width": "1px"
+		},
+		"spacing": {
+			"blockGap": "var:preset|spacing|20",
+			"padding": {
+				"top": "var:preset|spacing|30",
+				"right": "var:preset|spacing|30",
+				"bottom": "var:preset|spacing|30",
+				"left": "var:preset|spacing|30"
+			}
+		},
+		"css": "&{border-left-width:3px;}"
+	}
+}
diff --git a/theme.json b/theme.json
index a92f5be..0a91e65 100644
--- a/theme.json
+++ b/theme.json
@@ -433,7 +433,8 @@
                     "accent-two-light": "var:preset|color|accent-two-100",
                     "accent-three-light": "var:preset|color|accent-three-100",
                     "band-start": "var:preset|color|surface-700",
-                    "band-end": "var:preset|color|surface-300"
+                    "band-end": "var:preset|color|surface-300",
+                    "on-dark-card": "var:preset|color|surface-200"
                 },
                 "border": {
                     "card": "var:preset|color|neutral-300"

From 67897661b7dfe4bbb0f4fcc2a28a45172da531be Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Tue, 7 Jul 2026 15:03:19 +0200
Subject: [PATCH 03/11] ## Fix invalid-content editor errors on CTA patterns
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Fixed `cta-consultation-band.php` gradient background — moved from an unsupported raw inline style to `style.color.gradient`, a properly supported block attribute
- Reverted icon usage in both patterns from raw inline SVG (silently stripped by WordPress on save) back to `outermost/icon-block`, using only its supported `iconName`/`width`/`color.text` attributes
- Corrected `chat-circle` to the valid Phosphor slug `chat`
---
 patterns/cta/cta-consultation-band.php   | 6 +++---
 patterns/cta/cta-consultation-inline.php | 6 +++++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/patterns/cta/cta-consultation-band.php b/patterns/cta/cta-consultation-band.php
index ae267fc..cbae908 100644
--- a/patterns/cta/cta-consultation-band.php
+++ b/patterns/cta/cta-consultation-band.php
@@ -13,8 +13,8 @@
  */
 
 ?>
-<!-- wp:group {"align":"wide","tagName":"section","className":"ls-cta-band","style":{"border":{"radius":"var:preset|border-radius|300"},"spacing":{"blockGap":"var:preset|spacing|60","padding":{"top":"var:preset|spacing|80","right":"var:preset|spacing|60","bottom":"var:preset|spacing|80","left":"var:preset|spacing|60"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center","verticalAlignment":"center"}} -->
-<section class="wp-block-group alignwide ls-cta-band" style="border-radius:var(--wp--preset--border-radius--300);padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--60);background-image:linear-gradient(158deg, var(--wp--custom--color--surface--band-start) 0%, var(--wp--custom--color--surface--band-end) 100%)">
+<!-- wp:group {"align":"wide","tagName":"section","className":"ls-cta-band","style":{"color":{"gradient":"linear-gradient(158deg,var(--wp--custom--color--surface--band-start) 0%,var(--wp--custom--color--surface--band-end) 100%)"},"border":{"radius":"var:preset|border-radius|300"},"spacing":{"blockGap":"var:preset|spacing|60","padding":{"top":"var:preset|spacing|80","right":"var:preset|spacing|60","bottom":"var:preset|spacing|80","left":"var:preset|spacing|60"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center","verticalAlignment":"center"}} -->
+<section class="wp-block-group alignwide ls-cta-band has-background" style="border-radius:var(--wp--preset--border-radius--300);padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--60);background:linear-gradient(158deg,var(--wp--custom--color--surface--band-start) 0%,var(--wp--custom--color--surface--band-end) 100%)">
 
 	<!-- wp:group {"className":"ls-cta-band__primary","style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 	<div class="wp-block-group ls-cta-band__primary">
@@ -77,7 +77,7 @@
 
 		<!-- wp:group {"tagName":"article","className":"is-style-glass-card ls-cta-band__tile","layout":{"type":"flex","verticalAlignment":"center","flexWrap":"nowrap"}} -->
 		<article class="wp-block-group is-style-glass-card ls-cta-band__tile">
-			<!-- wp:outermost/icon-block {"iconName":"chat-circle","width":"20px","style":{"color":{"text":"var(--wp--custom--color--text--brand)"}}} /-->
+			<!-- wp:outermost/icon-block {"iconName":"chat","width":"20px","style":{"color":{"text":"var(--wp--custom--color--text--brand)"}}} /-->
 
 			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"},"typography":{"fontWeight":"var:custom|typography|font-weight|bold"}}} -->
 			<p style="color:var(--wp--custom--color--text--on-dark);font-weight:var(--wp--custom--typography--font-weight--bold)"><?php echo esc_html__( 'No pressure, just useful advice', 'ls-theme' ); ?></p>
diff --git a/patterns/cta/cta-consultation-inline.php b/patterns/cta/cta-consultation-inline.php
index 6d2e1d9..9601bae 100644
--- a/patterns/cta/cta-consultation-inline.php
+++ b/patterns/cta/cta-consultation-inline.php
@@ -21,7 +21,11 @@
 
 		<!-- wp:group {"className":"ls-cta-inline__badge","layout":{"type":"flex","verticalAlignment":"center","flexWrap":"nowrap"}} -->
 		<div class="wp-block-group ls-cta-inline__badge">
-			<!-- wp:outermost/icon-block {"iconName":"phone","width":"22px","style":{"border":{"radius":"var:preset|border-radius|200"},"color":{"text":"var(--wp--custom--color--icon--color)","background":"var(--wp--custom--color--icon--background)"}}} /-->
+			<!-- wp:group {"className":"ls-cta-inline__badge-icon","style":{"color":{"background":"var(--wp--custom--color--icon--background)"},"border":{"radius":"var:preset|border-radius|200"},"spacing":{"padding":{"top":"var:preset|spacing|10","right":"var:preset|spacing|10","bottom":"var:preset|spacing|10","left":"var:preset|spacing|10"}}},"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center","flexWrap":"nowrap"}} -->
+			<div class="wp-block-group ls-cta-inline__badge-icon" style="background-color:var(--wp--custom--color--icon--background);border-radius:var(--wp--preset--border-radius--200);padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)">
+				<!-- wp:outermost/icon-block {"iconName":"phone","width":"12px","style":{"color":{"text":"var(--wp--custom--color--icon--color)"}}} /-->
+			</div>
+			<!-- /wp:group -->
 
 			<!-- wp:paragraph {"className":"ls-cta-inline__badge-label","style":{"color":{"text":"var(--wp--custom--color--text--brand)"},"typography":{"textTransform":"uppercase","letterSpacing":"1.2px"}},"fontSize":"x-small"} -->
 			<p class="ls-cta-inline__badge-label has-x-small-font-size" style="color:var(--wp--custom--color--text--brand);letter-spacing:1.2px;text-transform:uppercase"><?php echo esc_html__( 'Free consultation', 'ls-theme' ); ?></p>

From 51ac2969c0a99f9d9fd84405e24b62b473709159 Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Tue, 7 Jul 2026 16:35:07 +0200
Subject: [PATCH 04/11] ## Fix icon rendering and validation errors in CTA
 patterns
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Replaced `outermost/icon-block` usage with CSS `mask-image` spans referencing new SVG assets — the plugin's bundled icon library has no matching icons and self-closing authoring conflicts with its `save()` output for icons that do resolve (e.g. `check`)
- Added `assets/icons/check.svg`, `chat.svg`, `star.svg`, `phone.svg`
- Fixed invalid `style.css` key on the "or see our work" link — moved its custom properties to a plain wrapping `<span>`
---
 assets/icons/chat.svg                    |  1 +
 assets/icons/check.svg                   |  1 +
 assets/icons/phone.svg                   |  1 +
 assets/icons/star.svg                    |  1 +
 patterns/cta/cta-consultation-band.php   | 12 +++++++-----
 patterns/cta/cta-consultation-inline.php |  2 +-
 6 files changed, 12 insertions(+), 6 deletions(-)
 create mode 100644 assets/icons/chat.svg
 create mode 100644 assets/icons/check.svg
 create mode 100644 assets/icons/phone.svg
 create mode 100644 assets/icons/star.svg

diff --git a/assets/icons/chat.svg b/assets/icons/chat.svg
new file mode 100644
index 0000000..99a8020
--- /dev/null
+++ b/assets/icons/chat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M216,48H40A16,16,0,0,0,24,64V224a15.84,15.84,0,0,0,9.25,14.5A16.05,16.05,0,0,0,40,240a15.89,15.89,0,0,0,10.25-3.78l.09-.07L83,208H216a16,16,0,0,0,16-16V64A16,16,0,0,0,216,48ZM40,224h0ZM216,192H80a8,8,0,0,0-5.23,1.95L40,224V64H216Z"/></svg>
diff --git a/assets/icons/check.svg b/assets/icons/check.svg
new file mode 100644
index 0000000..63acbf0
--- /dev/null
+++ b/assets/icons/check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z"/></svg>
diff --git a/assets/icons/phone.svg b/assets/icons/phone.svg
new file mode 100644
index 0000000..6d1ebe5
--- /dev/null
+++ b/assets/icons/phone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M222.37,158.46l-47.11-21.11-.13-.06a16,16,0,0,0-15.17,1.4,8.12,8.12,0,0,0-.75.56L134.87,160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16,16,0,0,0,1.32-15.06l0-.12L97.54,33.64a16,16,0,0,0-16.62-9.52A56.26,56.26,0,0,0,32,80c0,79.4,64.6,144,144,144a56.26,56.26,0,0,0,55.88-48.92A16,16,0,0,0,222.37,158.46ZM176,208A128.14,128.14,0,0,1,48,80,40.2,40.2,0,0,1,82.87,40a.61.61,0,0,0,0,.12l21,47L83.2,111.86a6.13,6.13,0,0,0-.57.77,16,16,0,0,0-1,15.7c9.06,18.53,27.73,37.06,46.46,46.11a16,16,0,0,0,15.75-1.14,8.44,8.44,0,0,0,.74-.56L168.89,152l47,21.05h0s.08,0,.11,0A40.21,40.21,0,0,1,176,208Z"/></svg>
diff --git a/assets/icons/star.svg b/assets/icons/star.svg
new file mode 100644
index 0000000..e544193
--- /dev/null
+++ b/assets/icons/star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z"/></svg>
diff --git a/patterns/cta/cta-consultation-band.php b/patterns/cta/cta-consultation-band.php
index cbae908..a5cc497 100644
--- a/patterns/cta/cta-consultation-band.php
+++ b/patterns/cta/cta-consultation-band.php
@@ -54,9 +54,11 @@
 			</div>
 			<!-- /wp:buttons -->
 
-			<!-- wp:paragraph {"className":"ls-cta-band__secondary is-style-link-arrow-accent","style":{"css":"&{--ls-link-arrow-colour:var(--wp--custom--color--text--on-dark);--ls-link-arrow-hover-colour:var(--wp--custom--color--text--brand);}"}} -->
-			<p class="ls-cta-band__secondary is-style-link-arrow-accent" style="--ls-link-arrow-colour:var(--wp--custom--color--text--on-dark);--ls-link-arrow-hover-colour:var(--wp--custom--color--text--brand)"><a href="<?php echo esc_url( home_url( '/work/' ) ); ?>"><?php echo esc_html__( 'or see our work', 'ls-theme' ); ?></a></p>
+			<span style="--ls-link-arrow-colour:var(--wp--custom--color--text--on-dark);--ls-link-arrow-hover-colour:var(--wp--custom--color--text--brand)">
+			<!-- wp:paragraph {"className":"ls-cta-band__secondary is-style-link-arrow-accent"} -->
+			<p class="ls-cta-band__secondary is-style-link-arrow-accent"><a href="<?php echo esc_url( home_url( '/work/' ) ); ?>"><?php echo esc_html__( 'or see our work', 'ls-theme' ); ?></a></p>
 			<!-- /wp:paragraph -->
+			</span>
 		</div>
 		<!-- /wp:group -->
 	</div>
@@ -67,7 +69,7 @@
 
 		<!-- wp:group {"tagName":"article","className":"is-style-glass-card ls-cta-band__tile","layout":{"type":"flex","verticalAlignment":"center","flexWrap":"nowrap"}} -->
 		<article class="wp-block-group is-style-glass-card ls-cta-band__tile">
-			<!-- wp:outermost/icon-block {"iconName":"check","width":"20px","style":{"color":{"text":"var(--wp--custom--color--text--brand)"}}} /-->
+			<span class="ls-icon ls-icon--check" aria-hidden="true" style="display:inline-flex;flex-shrink:0;width:20px;height:20px;background-color:var(--wp--custom--color--text--brand);mask-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/icons/check.svg' ) ); ?>);-webkit-mask-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/icons/check.svg' ) ); ?>);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center"></span>
 
 			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"},"typography":{"fontWeight":"var:custom|typography|font-weight|bold"}}} -->
 			<p style="color:var(--wp--custom--color--text--on-dark);font-weight:var(--wp--custom--typography--font-weight--bold)"><?php echo esc_html__( 'Clear next steps', 'ls-theme' ); ?></p>
@@ -77,7 +79,7 @@
 
 		<!-- wp:group {"tagName":"article","className":"is-style-glass-card ls-cta-band__tile","layout":{"type":"flex","verticalAlignment":"center","flexWrap":"nowrap"}} -->
 		<article class="wp-block-group is-style-glass-card ls-cta-band__tile">
-			<!-- wp:outermost/icon-block {"iconName":"chat","width":"20px","style":{"color":{"text":"var(--wp--custom--color--text--brand)"}}} /-->
+			<span class="ls-icon ls-icon--chat" aria-hidden="true" style="display:inline-flex;flex-shrink:0;width:20px;height:20px;background-color:var(--wp--custom--color--text--brand);mask-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/icons/chat.svg' ) ); ?>);-webkit-mask-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/icons/chat.svg' ) ); ?>);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center"></span>
 
 			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"},"typography":{"fontWeight":"var:custom|typography|font-weight|bold"}}} -->
 			<p style="color:var(--wp--custom--color--text--on-dark);font-weight:var(--wp--custom--typography--font-weight--bold)"><?php echo esc_html__( 'No pressure, just useful advice', 'ls-theme' ); ?></p>
@@ -87,7 +89,7 @@
 
 		<!-- wp:group {"tagName":"article","className":"is-style-glass-card ls-cta-band__tile","layout":{"type":"flex","verticalAlignment":"center","flexWrap":"nowrap"}} -->
 		<article class="wp-block-group is-style-glass-card ls-cta-band__tile">
-			<!-- wp:outermost/icon-block {"iconName":"star","width":"20px","style":{"color":{"text":"var(--wp--custom--color--text--brand)"}}} /-->
+			<span class="ls-icon ls-icon--star" aria-hidden="true" style="display:inline-flex;flex-shrink:0;width:20px;height:20px;background-color:var(--wp--custom--color--text--brand);mask-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/icons/star.svg' ) ); ?>);-webkit-mask-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/icons/star.svg' ) ); ?>);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center"></span>
 
 			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"},"typography":{"fontWeight":"var:custom|typography|font-weight|bold"}}} -->
 			<p style="color:var(--wp--custom--color--text--on-dark);font-weight:var(--wp--custom--typography--font-weight--bold)"><?php echo esc_html__( '21 years of WordPress expertise', 'ls-theme' ); ?></p>
diff --git a/patterns/cta/cta-consultation-inline.php b/patterns/cta/cta-consultation-inline.php
index 9601bae..c1c16b2 100644
--- a/patterns/cta/cta-consultation-inline.php
+++ b/patterns/cta/cta-consultation-inline.php
@@ -23,7 +23,7 @@
 		<div class="wp-block-group ls-cta-inline__badge">
 			<!-- wp:group {"className":"ls-cta-inline__badge-icon","style":{"color":{"background":"var(--wp--custom--color--icon--background)"},"border":{"radius":"var:preset|border-radius|200"},"spacing":{"padding":{"top":"var:preset|spacing|10","right":"var:preset|spacing|10","bottom":"var:preset|spacing|10","left":"var:preset|spacing|10"}}},"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center","flexWrap":"nowrap"}} -->
 			<div class="wp-block-group ls-cta-inline__badge-icon" style="background-color:var(--wp--custom--color--icon--background);border-radius:var(--wp--preset--border-radius--200);padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)">
-				<!-- wp:outermost/icon-block {"iconName":"phone","width":"12px","style":{"color":{"text":"var(--wp--custom--color--icon--color)"}}} /-->
+				<span class="ls-icon ls-icon--phone" aria-hidden="true" style="display:inline-flex;flex-shrink:0;width:12px;height:12px;background-color:var(--wp--custom--color--icon--color);mask-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/icons/phone.svg' ) ); ?>);-webkit-mask-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/icons/phone.svg' ) ); ?>);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center"></span>
 			</div>
 			<!-- /wp:group -->
 

From f17721ad876220bcd36ac42892523f87ba068b0e Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Tue, 7 Jul 2026 16:48:15 +0200
Subject: [PATCH 05/11] Replace icon spans with SVGs in consultation patterns
 for improved rendering

---
 patterns/cta/cta-consultation-band.php   | 16 ++++++++++------
 patterns/cta/cta-consultation-inline.php |  4 +++-
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/patterns/cta/cta-consultation-band.php b/patterns/cta/cta-consultation-band.php
index a5cc497..12cc1c4 100644
--- a/patterns/cta/cta-consultation-band.php
+++ b/patterns/cta/cta-consultation-band.php
@@ -45,7 +45,7 @@
 		<!-- /wp:group -->
 
 		<!-- wp:group {"className":"ls-cta-band__actions","style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"center"}} -->
-		<div class="wp-block-group ls-cta-band__actions">
+		<div class="wp-block-group ls-cta-band__actions" style="--ls-link-arrow-colour:var(--wp--custom--color--text--on-dark);--ls-link-arrow-hover-colour:var(--wp--custom--color--text--brand)">
 			<!-- wp:buttons -->
 			<div class="wp-block-buttons">
 				<!-- wp:button {"className":"ls-cta-band__button"} -->
@@ -54,11 +54,9 @@
 			</div>
 			<!-- /wp:buttons -->
 
-			<span style="--ls-link-arrow-colour:var(--wp--custom--color--text--on-dark);--ls-link-arrow-hover-colour:var(--wp--custom--color--text--brand)">
 			<!-- wp:paragraph {"className":"ls-cta-band__secondary is-style-link-arrow-accent"} -->
 			<p class="ls-cta-band__secondary is-style-link-arrow-accent"><a href="<?php echo esc_url( home_url( '/work/' ) ); ?>"><?php echo esc_html__( 'or see our work', 'ls-theme' ); ?></a></p>
 			<!-- /wp:paragraph -->
-			</span>
 		</div>
 		<!-- /wp:group -->
 	</div>
@@ -69,7 +67,9 @@
 
 		<!-- wp:group {"tagName":"article","className":"is-style-glass-card ls-cta-band__tile","layout":{"type":"flex","verticalAlignment":"center","flexWrap":"nowrap"}} -->
 		<article class="wp-block-group is-style-glass-card ls-cta-band__tile">
-			<span class="ls-icon ls-icon--check" aria-hidden="true" style="display:inline-flex;flex-shrink:0;width:20px;height:20px;background-color:var(--wp--custom--color--text--brand);mask-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/icons/check.svg' ) ); ?>);-webkit-mask-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/icons/check.svg' ) ); ?>);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center"></span>
+			<!-- wp:html -->
+			<span class="ls-icon ls-icon--check" aria-hidden="true" style="display:inline-flex;flex-shrink:0;width:20px;height:20px;color:var(--wp--custom--color--text--brand)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="20" height="20" fill="currentColor"><path d="M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z"></path></svg></span>
+			<!-- /wp:html -->
 
 			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"},"typography":{"fontWeight":"var:custom|typography|font-weight|bold"}}} -->
 			<p style="color:var(--wp--custom--color--text--on-dark);font-weight:var(--wp--custom--typography--font-weight--bold)"><?php echo esc_html__( 'Clear next steps', 'ls-theme' ); ?></p>
@@ -79,7 +79,9 @@
 
 		<!-- wp:group {"tagName":"article","className":"is-style-glass-card ls-cta-band__tile","layout":{"type":"flex","verticalAlignment":"center","flexWrap":"nowrap"}} -->
 		<article class="wp-block-group is-style-glass-card ls-cta-band__tile">
-			<span class="ls-icon ls-icon--chat" aria-hidden="true" style="display:inline-flex;flex-shrink:0;width:20px;height:20px;background-color:var(--wp--custom--color--text--brand);mask-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/icons/chat.svg' ) ); ?>);-webkit-mask-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/icons/chat.svg' ) ); ?>);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center"></span>
+			<!-- wp:html -->
+			<span class="ls-icon ls-icon--chat" aria-hidden="true" style="display:inline-flex;flex-shrink:0;width:20px;height:20px;color:var(--wp--custom--color--text--brand)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="20" height="20" fill="currentColor"><path d="M216,48H40A16,16,0,0,0,24,64V224a15.84,15.84,0,0,0,9.25,14.5A16.05,16.05,0,0,0,40,240a15.89,15.89,0,0,0,10.25-3.78l.09-.07L83,208H216a16,16,0,0,0,16-16V64A16,16,0,0,0,216,48ZM40,224h0ZM216,192H80a8,8,0,0,0-5.23,1.95L40,224V64H216Z"></path></svg></span>
+			<!-- /wp:html -->
 
 			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"},"typography":{"fontWeight":"var:custom|typography|font-weight|bold"}}} -->
 			<p style="color:var(--wp--custom--color--text--on-dark);font-weight:var(--wp--custom--typography--font-weight--bold)"><?php echo esc_html__( 'No pressure, just useful advice', 'ls-theme' ); ?></p>
@@ -89,7 +91,9 @@
 
 		<!-- wp:group {"tagName":"article","className":"is-style-glass-card ls-cta-band__tile","layout":{"type":"flex","verticalAlignment":"center","flexWrap":"nowrap"}} -->
 		<article class="wp-block-group is-style-glass-card ls-cta-band__tile">
-			<span class="ls-icon ls-icon--star" aria-hidden="true" style="display:inline-flex;flex-shrink:0;width:20px;height:20px;background-color:var(--wp--custom--color--text--brand);mask-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/icons/star.svg' ) ); ?>);-webkit-mask-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/icons/star.svg' ) ); ?>);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center"></span>
+			<!-- wp:html -->
+			<span class="ls-icon ls-icon--star" aria-hidden="true" style="display:inline-flex;flex-shrink:0;width:20px;height:20px;color:var(--wp--custom--color--text--brand)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="20" height="20" fill="currentColor"><path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z"></path></svg></span>
+			<!-- /wp:html -->
 
 			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"},"typography":{"fontWeight":"var:custom|typography|font-weight|bold"}}} -->
 			<p style="color:var(--wp--custom--color--text--on-dark);font-weight:var(--wp--custom--typography--font-weight--bold)"><?php echo esc_html__( '21 years of WordPress expertise', 'ls-theme' ); ?></p>
diff --git a/patterns/cta/cta-consultation-inline.php b/patterns/cta/cta-consultation-inline.php
index c1c16b2..d4b733f 100644
--- a/patterns/cta/cta-consultation-inline.php
+++ b/patterns/cta/cta-consultation-inline.php
@@ -23,7 +23,9 @@
 		<div class="wp-block-group ls-cta-inline__badge">
 			<!-- wp:group {"className":"ls-cta-inline__badge-icon","style":{"color":{"background":"var(--wp--custom--color--icon--background)"},"border":{"radius":"var:preset|border-radius|200"},"spacing":{"padding":{"top":"var:preset|spacing|10","right":"var:preset|spacing|10","bottom":"var:preset|spacing|10","left":"var:preset|spacing|10"}}},"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center","flexWrap":"nowrap"}} -->
 			<div class="wp-block-group ls-cta-inline__badge-icon" style="background-color:var(--wp--custom--color--icon--background);border-radius:var(--wp--preset--border-radius--200);padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)">
-				<span class="ls-icon ls-icon--phone" aria-hidden="true" style="display:inline-flex;flex-shrink:0;width:12px;height:12px;background-color:var(--wp--custom--color--icon--color);mask-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/icons/phone.svg' ) ); ?>);-webkit-mask-image:url(<?php echo esc_url( get_theme_file_uri( 'assets/icons/phone.svg' ) ); ?>);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center"></span>
+				<!-- wp:html -->
+				<span class="ls-icon ls-icon--phone" aria-hidden="true" style="display:inline-flex;flex-shrink:0;width:12px;height:12px;color:var(--wp--custom--color--icon--color)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="12" height="12" fill="currentColor"><path d="M222.37,158.46l-47.11-21.11-.13-.06a16,16,0,0,0-15.17,1.4,8.12,8.12,0,0,0-.75.56L134.87,160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16,16,0,0,0,1.32-15.06l0-.12L97.54,33.64a16,16,0,0,0-16.62-9.52A56.26,56.26,0,0,0,32,80c0,79.4,64.6,144,144,144a56.26,56.26,0,0,0,55.88-48.92A16,16,0,0,0,222.37,158.46ZM176,208A128.14,128.14,0,0,1,48,80,40.2,40.2,0,0,1,82.87,40a.61.61,0,0,0,0,.12l21,47L83.2,111.86a6.13,6.13,0,0,0-.57.77,16,16,0,0,0-1,15.7c9.06,18.53,27.73,37.06,46.46,46.11a16,16,0,0,0,15.75-1.14,8.44,8.44,0,0,0,.74-.56L168.89,152l47,21.05h0s.08,0,.11,0A40.21,40.21,0,0,1,176,208Z"></path></svg></span>
+				<!-- /wp:html -->
 			</div>
 			<!-- /wp:group -->
 

From 254952c5745c0d4e36a406e998bae0d5ec06ebeb Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Wed, 8 Jul 2026 09:09:19 +0200
Subject: [PATCH 06/11] ## Add cta-consultation-strip pattern
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Created `patterns/cta/cta-consultation-strip.php` with icon chip, heading, body copy, and glass-style button
- Added `assets/icons/arrow-right.svg`
- Reused existing `is-style-glass-card`, `is-style-glass-button`, and `assets/icons/phone.svg` — no new tokens or styles required
---
 assets/icons/arrow-right.svg            |  1 +
 patterns/cta/cta-consultation-strip.php | 57 +++++++++++++++++++++++++
 2 files changed, 58 insertions(+)
 create mode 100644 assets/icons/arrow-right.svg
 create mode 100644 patterns/cta/cta-consultation-strip.php

diff --git a/assets/icons/arrow-right.svg b/assets/icons/arrow-right.svg
new file mode 100644
index 0000000..0afaf5d
--- /dev/null
+++ b/assets/icons/arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><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"/></svg>
diff --git a/patterns/cta/cta-consultation-strip.php b/patterns/cta/cta-consultation-strip.php
new file mode 100644
index 0000000..3072206
--- /dev/null
+++ b/patterns/cta/cta-consultation-strip.php
@@ -0,0 +1,57 @@
+<?php
+/**
+ * Title: CTA - Consultation Strip
+ * Slug: ls-theme/cta-consultation-strip
+ * Categories: cta
+ * Block Types: core/pattern
+ * Description: A compact glass-panel strip inviting visitors to book a free consultation, for use as a lightweight inline call to action.
+ * Keywords: cta, consultation, call to action, strip
+ * Viewport Width: 800
+ * Inserter: true
+ *
+ * @package ls-theme
+ */
+
+?>
+<!-- wp:group {"className":"is-style-glass-card ls-cta-strip","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
+<div class="wp-block-group is-style-glass-card ls-cta-strip">
+
+	<!-- wp:group {"className":"ls-cta-strip__intro","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","verticalAlignment":"center","flexWrap":"nowrap"}} -->
+	<div class="wp-block-group ls-cta-strip__intro">
+
+		<!-- wp:group {"className":"ls-cta-strip__icon","style":{"color":{"background":"color-mix(in srgb, var(--wp--custom--color--text--brand) 20%, transparent)"},"border":{"radius":"var:preset|border-radius|300"},"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center","flexWrap":"nowrap"}} -->
+		<div class="wp-block-group ls-cta-strip__icon" style="background-color:color-mix(in srgb, var(--wp--custom--color--text--brand) 20%, transparent);border-radius:var(--wp--preset--border-radius--300);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:html -->
+			<span class="ls-icon ls-icon--phone" aria-hidden="true" style="display:inline-flex;flex-shrink:0;width:20px;height:20px;color:var(--wp--custom--color--text--brand)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="20" height="20" fill="currentColor"><path d="M222.37,158.46l-47.11-21.11-.13-.06a16,16,0,0,0-15.17,1.4,8.12,8.12,0,0,0-.75.56L134.87,160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16,16,0,0,0,1.32-15.06l0-.12L97.54,33.64a16,16,0,0,0-16.62-9.52A56.26,56.26,0,0,0,32,80c0,79.4,64.6,144,144,144a56.26,56.26,0,0,0,55.88-48.92A16,16,0,0,0,222.37,158.46ZM176,208A128.14,128.14,0,0,1,48,80,40.2,40.2,0,0,1,82.87,40a.61.61,0,0,0,0,.12l21,47L83.2,111.86a6.13,6.13,0,0,0-.57.77,16,16,0,0,0-1,15.7c9.06,18.53,27.73,37.06,46.46,46.11a16,16,0,0,0,15.75-1.14,8.44,8.44,0,0,0,.74-.56L168.89,152l47,21.05h0s.08,0,.11,0A40.21,40.21,0,0,1,176,208Z"></path></svg></span>
+			<!-- /wp:html -->
+		</div>
+		<!-- /wp:group -->
+
+		<!-- wp:group {"className":"ls-cta-strip__text","style":{"spacing":{"blockGap":"var:preset|spacing|5"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+		<div class="wp-block-group ls-cta-strip__text">
+			<!-- wp:heading {"level":3,"style":{"color":{"text":"var(--wp--custom--color--text--default)"},"typography":{"fontWeight":"var:custom|typography|font-weight|extrabold"}},"fontSize":"small"} -->
+			<h3 class="wp-block-heading has-small-font-size" style="color:var(--wp--custom--color--text--default);font-weight:var(--wp--custom--typography--font-weight--extrabold)"><?php echo esc_html__( 'Prefer to talk it through first?', 'ls-theme' ); ?></h3>
+			<!-- /wp:heading -->
+
+			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--muted)"}},"fontSize":"x-small"} -->
+			<p class="has-x-small-font-size" style="color:var(--wp--custom--color--text--muted)"><?php echo esc_html__( 'Skip the planner, get a straight answer from a person.', 'ls-theme' ); ?></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:buttons {"className":"ls-cta-strip__cta"} -->
+	<div class="wp-block-buttons ls-cta-strip__cta">
+		<!-- wp:button {"className":"is-style-glass-button ls-cta-strip__button"} -->
+		<div class="wp-block-button is-style-glass-button ls-cta-strip__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 free consultation', 'ls-theme' ); ?></a></div>
+		<!-- /wp:button -->
+
+		<!-- wp:html -->
+		<span class="ls-icon ls-icon--arrow-right ls-cta-strip__button-arrow" aria-hidden="true" style="display:inline-flex;flex-shrink:0;align-self:center;width:13px;height:13px;color:var(--wp--custom--color--text--default)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="13" height="13" 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></span>
+		<!-- /wp:html -->
+	</div>
+	<!-- /wp:buttons -->
+
+</div>
+<!-- /wp:group -->

From dee5b4b6713e6fa552ba0cd0a4be9192184b1dc5 Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Wed, 8 Jul 2026 09:17:25 +0200
Subject: [PATCH 07/11] Refactor CTA button structure and reposition arrow icon
 for improved layout

---
 patterns/cta/cta-consultation-strip.php | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/patterns/cta/cta-consultation-strip.php b/patterns/cta/cta-consultation-strip.php
index 3072206..c28be2e 100644
--- a/patterns/cta/cta-consultation-strip.php
+++ b/patterns/cta/cta-consultation-strip.php
@@ -41,17 +41,19 @@
 	</div>
 	<!-- /wp:group -->
 
-	<!-- wp:buttons {"className":"ls-cta-strip__cta"} -->
-	<div class="wp-block-buttons ls-cta-strip__cta">
+	<div class="ls-cta-strip__cta-wrap" style="position:relative;display:inline-flex">
+	<!-- wp:buttons -->
+	<div class="wp-block-buttons">
 		<!-- wp:button {"className":"is-style-glass-button ls-cta-strip__button"} -->
 		<div class="wp-block-button is-style-glass-button ls-cta-strip__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 free consultation', 'ls-theme' ); ?></a></div>
 		<!-- /wp:button -->
-
-		<!-- wp:html -->
-		<span class="ls-icon ls-icon--arrow-right ls-cta-strip__button-arrow" aria-hidden="true" style="display:inline-flex;flex-shrink:0;align-self:center;width:13px;height:13px;color:var(--wp--custom--color--text--default)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="13" height="13" 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></span>
-		<!-- /wp:html -->
 	</div>
 	<!-- /wp:buttons -->
 
+	<!-- wp:html -->
+	<span class="ls-icon ls-icon--arrow-right ls-cta-strip__button-arrow" aria-hidden="true" style="position:absolute;top:50%;right:var(--wp--preset--spacing--20);transform:translateY(-50%);display:inline-flex;flex-shrink:0;width:13px;height:13px;color:var(--wp--custom--color--text--default);pointer-events:none"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="13" height="13" 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></span>
+	<!-- /wp:html -->
+	</div>
+
 </div>
 <!-- /wp:group -->

From 7faf0a1227a7097c3cb3062a93ac3f55a37c4312 Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Wed, 8 Jul 2026 09:28:55 +0200
Subject: [PATCH 08/11] ## Add cta-consultation-reassurance pattern
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Created `patterns/cta/cta-consultation-reassurance.php` with two-column layout, badge, heading, button, and 3-item reassurance list
- Reused existing tokens (`surface.on-dark-card`, `text.brand`, `text.on-dark`, `text.on-dark-muted`, `button.fill.text`) and existing icon assets (`check.svg`, `arrow-right.svg`) — no new tokens or assets
- Avoided unverified per-side border JSON for row/column dividers, using plain freeform wrapper elements instead to guarantee no validation errors
---
 patterns/cta/cta-consultation-reassurance.php | 115 ++++++++++++++++++
 1 file changed, 115 insertions(+)
 create mode 100644 patterns/cta/cta-consultation-reassurance.php

diff --git a/patterns/cta/cta-consultation-reassurance.php b/patterns/cta/cta-consultation-reassurance.php
new file mode 100644
index 0000000..0d720c4
--- /dev/null
+++ b/patterns/cta/cta-consultation-reassurance.php
@@ -0,0 +1,115 @@
+<?php
+/**
+ * Title: CTA - Consultation Reassurance
+ * Slug: ls-theme/cta-consultation-reassurance
+ * Categories: cta
+ * Block Types: core/pattern
+ * Description: A two-column call-to-action card pairing a consultation pitch with a short list of reassurances, for use before a commitment point.
+ * Keywords: cta, consultation, call to action, reassurance
+ * Viewport Width: 1000
+ * Inserter: true
+ *
+ * @package ls-theme
+ */
+
+?>
+<!-- wp:group {"className":"ls-cta-reassurance","style":{"color":{"background":"var(--wp--custom--color--surface--on-dark-card)"},"border":{"color":"color-mix(in srgb, var(--wp--custom--color--text--on-dark) 8%, transparent)","width":"1px","radius":"var:preset|border-radius|300"},"spacing":{"blockGap":"var:preset|spacing|60","padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60"}}},"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"center"}} -->
+<div class="wp-block-group ls-cta-reassurance" style="background-color:var(--wp--custom--color--surface--on-dark-card);border-color:color-mix(in srgb, var(--wp--custom--color--text--on-dark) 8%, transparent);border-width:1px;border-radius:var(--wp--preset--border-radius--300);padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
+
+	<!-- wp:group {"className":"ls-cta-reassurance__primary","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+	<div class="wp-block-group ls-cta-reassurance__primary">
+
+		<!-- wp:group {"className":"ls-cta-reassurance__content","style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+		<div class="wp-block-group ls-cta-reassurance__content">
+			<!-- wp:paragraph {"className":"ls-cta-reassurance__badge","style":{"color":{"text":"var(--wp--custom--color--text--brand)"},"typography":{"textTransform":"uppercase","letterSpacing":"1.2px"}},"fontSize":"100"} -->
+			<p class="ls-cta-reassurance__badge has-100-font-size" style="color:var(--wp--custom--color--text--brand);letter-spacing:1.2px;text-transform:uppercase"><?php echo esc_html__( 'Free consultation', 'ls-theme' ); ?></p>
+			<!-- /wp:paragraph -->
+
+			<!-- wp:heading {"level":2,"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"},"typography":{"fontWeight":"var:custom|typography|font-weight|bold"}},"fontSize":"500"} -->
+			<h2 class="wp-block-heading has-500-font-size" style="color:var(--wp--custom--color--text--on-dark);font-weight:var(--wp--custom--typography--font-weight--bold)"><?php echo esc_html__( 'A quick call before you commit', 'ls-theme' ); ?></h2>
+			<!-- /wp:heading -->
+
+			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--on-dark-muted)"}}} -->
+			<p style="color:var(--wp--custom--color--text--on-dark-muted)"><?php echo esc_html__( 'Use a free consultation to check fit, ask questions and understand what a sensible next step could look like.', 'ls-theme' ); ?></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+
+		<div class="ls-cta-reassurance__cta-wrap" style="position:relative;display:inline-flex">
+		<!-- wp:buttons -->
+		<div class="wp-block-buttons">
+			<!-- wp:button {"className":"ls-cta-reassurance__button"} -->
+			<div class="wp-block-button ls-cta-reassurance__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 free consultation', 'ls-theme' ); ?></a></div>
+			<!-- /wp:button -->
+		</div>
+		<!-- /wp:buttons -->
+
+		<!-- wp:html -->
+		<span class="ls-icon ls-icon--arrow-right ls-cta-reassurance__button-arrow" aria-hidden="true" style="position:absolute;top:50%;right:var(--wp--preset--spacing--20);transform:translateY(-50%);display:inline-flex;flex-shrink:0;width:15px;height:15px;color:var(--wp--custom--color--button--fill--text);pointer-events:none"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="15" height="15" 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></span>
+		<!-- /wp:html -->
+		</div>
+	</div>
+	<!-- /wp:group -->
+
+	<span style="width:1px;align-self:stretch;background-color:color-mix(in srgb, var(--wp--custom--color--text--on-dark) 8%, transparent);flex-shrink:0"></span>
+
+	<!-- wp:group {"className":"ls-cta-reassurance__list","style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
+	<div class="wp-block-group ls-cta-reassurance__list">
+
+		<div style="border-bottom:1px solid color-mix(in srgb, var(--wp--custom--color--text--on-dark) 8%, transparent);padding-bottom:var(--wp--preset--spacing--10)">
+		<!-- wp:group {"className":"ls-cta-reassurance__item","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","verticalAlignment":"top","flexWrap":"nowrap"}} -->
+		<div class="wp-block-group ls-cta-reassurance__item">
+			<!-- wp:group {"className":"ls-cta-reassurance__item-icon","style":{"color":{"background":"color-mix(in srgb, var(--wp--custom--color--text--brand) 20%, transparent)"},"border":{"radius":"var:preset|border-radius|300"},"spacing":{"padding":{"top":"var:preset|spacing|5","right":"var:preset|spacing|5","bottom":"var:preset|spacing|5","left":"var:preset|spacing|5"}}},"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center","flexWrap":"nowrap"}} -->
+			<div class="wp-block-group ls-cta-reassurance__item-icon" style="background-color:color-mix(in srgb, var(--wp--custom--color--text--brand) 20%, transparent);border-radius:var(--wp--preset--border-radius--300);padding-top:var(--wp--preset--spacing--5);padding-right:var(--wp--preset--spacing--5);padding-bottom:var(--wp--preset--spacing--5);padding-left:var(--wp--preset--spacing--5)">
+				<!-- wp:html -->
+				<span class="ls-icon ls-icon--check" aria-hidden="true" style="display:inline-flex;flex-shrink:0;width:13px;height:13px;color:var(--wp--custom--color--text--brand)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="13" height="13" fill="currentColor"><path d="M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z"></path></svg></span>
+				<!-- /wp:html -->
+			</div>
+			<!-- /wp:group -->
+
+			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"},"typography":{"fontWeight":"var:custom|typography|font-weight|bold"}}} -->
+			<p style="color:var(--wp--custom--color--text--on-dark);font-weight:var(--wp--custom--typography--font-weight--bold)"><?php echo esc_html__( 'A focused, practical conversation', 'ls-theme' ); ?></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+		</div>
+
+		<div style="border-bottom:1px solid color-mix(in srgb, var(--wp--custom--color--text--on-dark) 8%, transparent);padding-bottom:var(--wp--preset--spacing--10)">
+		<!-- wp:group {"className":"ls-cta-reassurance__item","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","verticalAlignment":"top","flexWrap":"nowrap"}} -->
+		<div class="wp-block-group ls-cta-reassurance__item">
+			<!-- wp:group {"className":"ls-cta-reassurance__item-icon","style":{"color":{"background":"color-mix(in srgb, var(--wp--custom--color--text--brand) 20%, transparent)"},"border":{"radius":"var:preset|border-radius|300"},"spacing":{"padding":{"top":"var:preset|spacing|5","right":"var:preset|spacing|5","bottom":"var:preset|spacing|5","left":"var:preset|spacing|5"}}},"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center","flexWrap":"nowrap"}} -->
+			<div class="wp-block-group ls-cta-reassurance__item-icon" style="background-color:color-mix(in srgb, var(--wp--custom--color--text--brand) 20%, transparent);border-radius:var(--wp--preset--border-radius--300);padding-top:var(--wp--preset--spacing--5);padding-right:var(--wp--preset--spacing--5);padding-bottom:var(--wp--preset--spacing--5);padding-left:var(--wp--preset--spacing--5)">
+				<!-- wp:html -->
+				<span class="ls-icon ls-icon--check" aria-hidden="true" style="display:inline-flex;flex-shrink:0;width:13px;height:13px;color:var(--wp--custom--color--text--brand)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="13" height="13" fill="currentColor"><path d="M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z"></path></svg></span>
+				<!-- /wp:html -->
+			</div>
+			<!-- /wp:group -->
+
+			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"},"typography":{"fontWeight":"var:custom|typography|font-weight|bold"}}} -->
+			<p style="color:var(--wp--custom--color--text--on-dark);font-weight:var(--wp--custom--typography--font-weight--bold)"><?php echo esc_html__( 'No pressure to commit to anything', 'ls-theme' ); ?></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+		</div>
+
+		<!-- wp:group {"className":"ls-cta-reassurance__item","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","verticalAlignment":"top","flexWrap":"nowrap"}} -->
+		<div class="wp-block-group ls-cta-reassurance__item">
+			<!-- wp:group {"className":"ls-cta-reassurance__item-icon","style":{"color":{"background":"color-mix(in srgb, var(--wp--custom--color--text--brand) 20%, transparent)"},"border":{"radius":"var:preset|border-radius|300"},"spacing":{"padding":{"top":"var:preset|spacing|5","right":"var:preset|spacing|5","bottom":"var:preset|spacing|5","left":"var:preset|spacing|5"}}},"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center","flexWrap":"nowrap"}} -->
+			<div class="wp-block-group ls-cta-reassurance__item-icon" style="background-color:color-mix(in srgb, var(--wp--custom--color--text--brand) 20%, transparent);border-radius:var(--wp--preset--border-radius--300);padding-top:var(--wp--preset--spacing--5);padding-right:var(--wp--preset--spacing--5);padding-bottom:var(--wp--preset--spacing--5);padding-left:var(--wp--preset--spacing--5)">
+				<!-- wp:html -->
+				<span class="ls-icon ls-icon--check" aria-hidden="true" style="display:inline-flex;flex-shrink:0;width:13px;height:13px;color:var(--wp--custom--color--text--brand)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="13" height="13" fill="currentColor"><path d="M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z"></path></svg></span>
+				<!-- /wp:html -->
+			</div>
+			<!-- /wp:group -->
+
+			<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--custom--color--text--on-dark)"},"typography":{"fontWeight":"var:custom|typography|font-weight|bold"}}} -->
+			<p style="color:var(--wp--custom--color--text--on-dark);font-weight:var(--wp--custom--typography--font-weight--bold)"><?php echo esc_html__( 'Clear next steps once we understand your project', 'ls-theme' ); ?></p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:group -->
+
+	</div>
+	<!-- /wp:group -->
+
+</div>
+<!-- /wp:group -->

From aba6e20be33e20b5a66f362630e1154a971ff483 Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Wed, 8 Jul 2026 10:01:51 +0200
Subject: [PATCH 09/11] ## Fix button hover states across CTA patterns
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Removed duplicate arrow on cta-consultation-reassurance — theme already renders one automatically for plain buttons
- Added hover/focus rule for the cta-consultation-strip arrow, tied to the shared button wrapper, since it sits outside the button's own rich text
- Pinned fill-button text/icon colour to `text.on-dark` for cta-consultation-band, cta-consultation-inline, and cta-consultation-reassurance buttons, fixing unreadable hover text on fixed-dark cards
- Fixed in `src/scss/animations/_button-motion.scss` (source) and recompiled `assets/css/animations.css` via `npm run build:css`
---
 assets/css/animations.css                     | 31 ++++++++++++++++
 patterns/cta/cta-consultation-reassurance.php |  6 ---
 src/scss/animations/_button-motion.scss       | 37 +++++++++++++++++++
 3 files changed, 68 insertions(+), 6 deletions(-)

diff --git a/assets/css/animations.css b/assets/css/animations.css
index 920b401..252cfab 100644
--- a/assets/css/animations.css
+++ b/assets/css/animations.css
@@ -1009,6 +1009,30 @@
   color: var(--ls-button-arrow-compact-colour-active);
 }
 
+/* CTA fill buttons on fixed-dark cards: pin text/icon colour to the on-dark
+   tokens so the fill button's rest and hover states stay readable regardless
+   of the site's light/dark style variation. */
+.ls-cta-band__button .wp-block-button__link,
+.ls-cta-inline__button .wp-block-button__link,
+.ls-cta-reassurance__button .wp-block-button__link {
+  color: var(--wp--custom--color--text--on-dark);
+  --ls-button-fill-icon-colour: var(--wp--custom--color--text--on-dark);
+  --ls-button-fill-hover-text: var(--wp--custom--color--text--on-dark);
+}
+
+/* CTA strip: the arrow sits next to the glass button rather than nested in
+   its rich text, so it needs its own hover contract tied to the shared
+   wrapper. */
+.ls-cta-strip__button-arrow {
+  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);
+}
+
+.ls-cta-strip__cta-wrap:hover .ls-cta-strip__button-arrow,
+.ls-cta-strip__cta-wrap:focus-within .ls-cta-strip__button-arrow {
+  color: var(--wp--custom--color--text--brand);
+  transform: translateX(0.25em);
+}
+
 @media (prefers-reduced-motion: reduce) {
   .wp-block-button.is-style-glass-button .wp-block-button__link,
   .wp-block-button.is-style-button-arrow-compact .wp-block-button__link,
@@ -1027,4 +1051,11 @@
   :is(.is-style-card-solutions, .is-style-card-solutions-accent):focus-within .wp-block-button.is-style-button-arrow-compact .wp-block-button__link::after {
     transform: none;
   }
+  .ls-cta-strip__button-arrow {
+    transition: none;
+  }
+  .ls-cta-strip__cta-wrap:hover .ls-cta-strip__button-arrow,
+  .ls-cta-strip__cta-wrap:focus-within .ls-cta-strip__button-arrow {
+    transform: none;
+  }
 }
diff --git a/patterns/cta/cta-consultation-reassurance.php b/patterns/cta/cta-consultation-reassurance.php
index 0d720c4..cb4f737 100644
--- a/patterns/cta/cta-consultation-reassurance.php
+++ b/patterns/cta/cta-consultation-reassurance.php
@@ -35,7 +35,6 @@
 		</div>
 		<!-- /wp:group -->
 
-		<div class="ls-cta-reassurance__cta-wrap" style="position:relative;display:inline-flex">
 		<!-- wp:buttons -->
 		<div class="wp-block-buttons">
 			<!-- wp:button {"className":"ls-cta-reassurance__button"} -->
@@ -43,11 +42,6 @@
 			<!-- /wp:button -->
 		</div>
 		<!-- /wp:buttons -->
-
-		<!-- wp:html -->
-		<span class="ls-icon ls-icon--arrow-right ls-cta-reassurance__button-arrow" aria-hidden="true" style="position:absolute;top:50%;right:var(--wp--preset--spacing--20);transform:translateY(-50%);display:inline-flex;flex-shrink:0;width:15px;height:15px;color:var(--wp--custom--color--button--fill--text);pointer-events:none"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="15" height="15" 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></span>
-		<!-- /wp:html -->
-		</div>
 	</div>
 	<!-- /wp:group -->
 
diff --git a/src/scss/animations/_button-motion.scss b/src/scss/animations/_button-motion.scss
index 8ea4a28..16e95a8 100644
--- a/src/scss/animations/_button-motion.scss
+++ b/src/scss/animations/_button-motion.scss
@@ -486,6 +486,34 @@
   }
 }
 
+/* CTA fill buttons on fixed-dark cards: pin text/icon colour to the on-dark
+   tokens so the fill button's rest and hover states stay readable regardless
+   of the site's light/dark style variation. */
+.ls-cta-band__button .wp-block-button__link,
+.ls-cta-inline__button .wp-block-button__link,
+.ls-cta-reassurance__button .wp-block-button__link {
+  color: var(--wp--custom--color--text--on-dark);
+  --ls-button-fill-icon-colour: var(--wp--custom--color--text--on-dark);
+  --ls-button-fill-hover-text: var(--wp--custom--color--text--on-dark);
+}
+
+/* CTA strip: the arrow sits next to the glass button rather than nested in
+   its rich text, so it needs its own hover contract tied to the shared
+   wrapper. */
+.ls-cta-strip__button-arrow {
+  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);
+}
+
+.ls-cta-strip__cta-wrap:hover .ls-cta-strip__button-arrow,
+.ls-cta-strip__cta-wrap:focus-within .ls-cta-strip__button-arrow {
+  color: var(--wp--custom--color--text--brand);
+  transform: translateX(0.25em);
+}
+
 @include motion.reduced-motion {
   .wp-block-button.is-style-glass-button .wp-block-button__link,
   .wp-block-button.is-style-button-arrow-compact .wp-block-button__link,
@@ -510,4 +538,13 @@
     .wp-block-button__link::after {
     transform: none;
   }
+
+  .ls-cta-strip__button-arrow {
+    transition: none;
+  }
+
+  .ls-cta-strip__cta-wrap:hover .ls-cta-strip__button-arrow,
+  .ls-cta-strip__cta-wrap:focus-within .ls-cta-strip__button-arrow {
+    transform: none;
+  }
 }
\ No newline at end of file

From b69c889e4756d8b3c24446cc6a920f18b0826f5c Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Wed, 8 Jul 2026 10:39:14 +0200
Subject: [PATCH 10/11] ## Address Gemini code review feedback on CTA patterns
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Replaced raw-div dividers in cta-consultation-reassurance with native per-side `border.bottom` block styles, verified against WordPress core's border support
- Added missing `aria-hidden="true"` to the decorative divider span
- Replaced raw-div button/arrow wrapper in cta-consultation-strip with a native `wp:group`, moving positioning into `src/scss/animations/_button-motion.scss` and recompiling `assets/css/animations.css`
- Rejected 2 suggested `fontSize` changes (`x-small`/`large`) — verified against `typography.json` that they aren't real presets in this theme
---
 assets/css/animations.css                     |  5 +++++
 patterns/cta/cta-consultation-reassurance.php | 14 +++++---------
 patterns/cta/cta-consultation-strip.php       |  4 +++-
 src/scss/animations/_button-motion.scss       |  5 +++++
 4 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/assets/css/animations.css b/assets/css/animations.css
index 252cfab..721103b 100644
--- a/assets/css/animations.css
+++ b/assets/css/animations.css
@@ -1023,6 +1023,11 @@
 /* CTA strip: the arrow sits next to the glass button rather than nested in
    its rich text, so it needs its own hover contract tied to the shared
    wrapper. */
+.ls-cta-strip__cta-wrap {
+  position: relative;
+  display: inline-flex;
+}
+
 .ls-cta-strip__button-arrow {
   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);
 }
diff --git a/patterns/cta/cta-consultation-reassurance.php b/patterns/cta/cta-consultation-reassurance.php
index cb4f737..b130c3f 100644
--- a/patterns/cta/cta-consultation-reassurance.php
+++ b/patterns/cta/cta-consultation-reassurance.php
@@ -45,14 +45,13 @@
 	</div>
 	<!-- /wp:group -->
 
-	<span style="width:1px;align-self:stretch;background-color:color-mix(in srgb, var(--wp--custom--color--text--on-dark) 8%, transparent);flex-shrink:0"></span>
+	<span aria-hidden="true" style="width:1px;align-self:stretch;background-color:color-mix(in srgb, var(--wp--custom--color--text--on-dark) 8%, transparent);flex-shrink:0"></span>
 
 	<!-- wp:group {"className":"ls-cta-reassurance__list","style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
 	<div class="wp-block-group ls-cta-reassurance__list">
 
-		<div style="border-bottom:1px solid color-mix(in srgb, var(--wp--custom--color--text--on-dark) 8%, transparent);padding-bottom:var(--wp--preset--spacing--10)">
-		<!-- wp:group {"className":"ls-cta-reassurance__item","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","verticalAlignment":"top","flexWrap":"nowrap"}} -->
-		<div class="wp-block-group ls-cta-reassurance__item">
+		<!-- wp:group {"className":"ls-cta-reassurance__item","style":{"border":{"bottom":{"color":"color-mix(in srgb, var(--wp--custom--color--text--on-dark) 8%, transparent)","style":"solid","width":"1px"}},"spacing":{"blockGap":"var:preset|spacing|20","padding":{"bottom":"var:preset|spacing|10"}}},"layout":{"type":"flex","verticalAlignment":"top","flexWrap":"nowrap"}} -->
+		<div class="wp-block-group ls-cta-reassurance__item" style="border-bottom-color:color-mix(in srgb, var(--wp--custom--color--text--on-dark) 8%, transparent);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--10)">
 			<!-- wp:group {"className":"ls-cta-reassurance__item-icon","style":{"color":{"background":"color-mix(in srgb, var(--wp--custom--color--text--brand) 20%, transparent)"},"border":{"radius":"var:preset|border-radius|300"},"spacing":{"padding":{"top":"var:preset|spacing|5","right":"var:preset|spacing|5","bottom":"var:preset|spacing|5","left":"var:preset|spacing|5"}}},"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center","flexWrap":"nowrap"}} -->
 			<div class="wp-block-group ls-cta-reassurance__item-icon" style="background-color:color-mix(in srgb, var(--wp--custom--color--text--brand) 20%, transparent);border-radius:var(--wp--preset--border-radius--300);padding-top:var(--wp--preset--spacing--5);padding-right:var(--wp--preset--spacing--5);padding-bottom:var(--wp--preset--spacing--5);padding-left:var(--wp--preset--spacing--5)">
 				<!-- wp:html -->
@@ -66,11 +65,9 @@
 			<!-- /wp:paragraph -->
 		</div>
 		<!-- /wp:group -->
-		</div>
 
-		<div style="border-bottom:1px solid color-mix(in srgb, var(--wp--custom--color--text--on-dark) 8%, transparent);padding-bottom:var(--wp--preset--spacing--10)">
-		<!-- wp:group {"className":"ls-cta-reassurance__item","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","verticalAlignment":"top","flexWrap":"nowrap"}} -->
-		<div class="wp-block-group ls-cta-reassurance__item">
+		<!-- wp:group {"className":"ls-cta-reassurance__item","style":{"border":{"bottom":{"color":"color-mix(in srgb, var(--wp--custom--color--text--on-dark) 8%, transparent)","style":"solid","width":"1px"}},"spacing":{"blockGap":"var:preset|spacing|20","padding":{"bottom":"var:preset|spacing|10"}}},"layout":{"type":"flex","verticalAlignment":"top","flexWrap":"nowrap"}} -->
+		<div class="wp-block-group ls-cta-reassurance__item" style="border-bottom-color:color-mix(in srgb, var(--wp--custom--color--text--on-dark) 8%, transparent);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--10)">
 			<!-- wp:group {"className":"ls-cta-reassurance__item-icon","style":{"color":{"background":"color-mix(in srgb, var(--wp--custom--color--text--brand) 20%, transparent)"},"border":{"radius":"var:preset|border-radius|300"},"spacing":{"padding":{"top":"var:preset|spacing|5","right":"var:preset|spacing|5","bottom":"var:preset|spacing|5","left":"var:preset|spacing|5"}}},"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center","flexWrap":"nowrap"}} -->
 			<div class="wp-block-group ls-cta-reassurance__item-icon" style="background-color:color-mix(in srgb, var(--wp--custom--color--text--brand) 20%, transparent);border-radius:var(--wp--preset--border-radius--300);padding-top:var(--wp--preset--spacing--5);padding-right:var(--wp--preset--spacing--5);padding-bottom:var(--wp--preset--spacing--5);padding-left:var(--wp--preset--spacing--5)">
 				<!-- wp:html -->
@@ -84,7 +81,6 @@
 			<!-- /wp:paragraph -->
 		</div>
 		<!-- /wp:group -->
-		</div>
 
 		<!-- wp:group {"className":"ls-cta-reassurance__item","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","verticalAlignment":"top","flexWrap":"nowrap"}} -->
 		<div class="wp-block-group ls-cta-reassurance__item">
diff --git a/patterns/cta/cta-consultation-strip.php b/patterns/cta/cta-consultation-strip.php
index c28be2e..bff01f9 100644
--- a/patterns/cta/cta-consultation-strip.php
+++ b/patterns/cta/cta-consultation-strip.php
@@ -41,7 +41,8 @@
 	</div>
 	<!-- /wp:group -->
 
-	<div class="ls-cta-strip__cta-wrap" style="position:relative;display:inline-flex">
+	<!-- wp:group {"className":"ls-cta-strip__cta-wrap","layout":{"type":"flex","flexWrap":"nowrap"}} -->
+	<div class="wp-block-group ls-cta-strip__cta-wrap">
 	<!-- wp:buttons -->
 	<div class="wp-block-buttons">
 		<!-- wp:button {"className":"is-style-glass-button ls-cta-strip__button"} -->
@@ -54,6 +55,7 @@
 	<span class="ls-icon ls-icon--arrow-right ls-cta-strip__button-arrow" aria-hidden="true" style="position:absolute;top:50%;right:var(--wp--preset--spacing--20);transform:translateY(-50%);display:inline-flex;flex-shrink:0;width:13px;height:13px;color:var(--wp--custom--color--text--default);pointer-events:none"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="13" height="13" 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></span>
 	<!-- /wp:html -->
 	</div>
+	<!-- /wp:group -->
 
 </div>
 <!-- /wp:group -->
diff --git a/src/scss/animations/_button-motion.scss b/src/scss/animations/_button-motion.scss
index 16e95a8..f8d0406 100644
--- a/src/scss/animations/_button-motion.scss
+++ b/src/scss/animations/_button-motion.scss
@@ -500,6 +500,11 @@
 /* CTA strip: the arrow sits next to the glass button rather than nested in
    its rich text, so it needs its own hover contract tied to the shared
    wrapper. */
+.ls-cta-strip__cta-wrap {
+  position: relative;
+  display: inline-flex;
+}
+
 .ls-cta-strip__button-arrow {
   transition:
     transform var(--wp--custom--animation--duration--base)

From 9e531aced051b7accb6fc61a140c36a72b5bfdb7 Mon Sep 17 00:00:00 2001
From: Brandonma21 <Brandonmarshall101@gmail.com>
Date: Wed, 8 Jul 2026 10:52:35 +0200
Subject: [PATCH 11/11] ## Address CodeRabbit review feedback on CTA patterns
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Fixed inline custom properties on cta-consultation-band's `.ls-cta-band__actions` wrapper not being reflected in block JSON, which would break on save — moved to `src/scss/animations/_button-motion.scss`
- Fixed WCAG contrast failure (~1.23:1) on CTA fill buttons by also pinning the background to `surface.on-dark-card`, ensuring readable text in both rest and hover states
- Recompiled `assets/css/animations.css` via `npm run build:css`
- Confirmed 2 other flagged findings were already resolved by the previous review round; skipped 1 low-value nitpick per CodeRabbit's own priority rating
---
 assets/css/animations.css               | 13 ++++++++++++-
 patterns/cta/cta-consultation-band.php  |  2 +-
 src/scss/animations/_button-motion.scss | 13 ++++++++++++-
 3 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/assets/css/animations.css b/assets/css/animations.css
index 721103b..91e5940 100644
--- a/assets/css/animations.css
+++ b/assets/css/animations.css
@@ -1011,15 +1011,26 @@
 
 /* CTA fill buttons on fixed-dark cards: pin text/icon colour to the on-dark
    tokens so the fill button's rest and hover states stay readable regardless
-   of the site's light/dark style variation. */
+   of the site's light/dark style variation. The background is also pinned to
+   a dark surface token — text--on-dark against the default brand/cta fill
+   colour fails WCAG contrast (~1.2:1) once the fill fully reveals on hover. */
 .ls-cta-band__button .wp-block-button__link,
 .ls-cta-inline__button .wp-block-button__link,
 .ls-cta-reassurance__button .wp-block-button__link {
   color: var(--wp--custom--color--text--on-dark);
+  --ls-button-fill-background: var(--wp--custom--color--surface--on-dark-card);
   --ls-button-fill-icon-colour: var(--wp--custom--color--text--on-dark);
   --ls-button-fill-hover-text: var(--wp--custom--color--text--on-dark);
 }
 
+/* CTA band: the secondary link's arrow colours aren't part of the group's
+   saved block attributes, so they're defined here instead of as an inline
+   style on the wrapper (which would be dropped on save). */
+.ls-cta-band__actions {
+  --ls-link-arrow-colour: var(--wp--custom--color--text--on-dark);
+  --ls-link-arrow-hover-colour: var(--wp--custom--color--text--brand);
+}
+
 /* CTA strip: the arrow sits next to the glass button rather than nested in
    its rich text, so it needs its own hover contract tied to the shared
    wrapper. */
diff --git a/patterns/cta/cta-consultation-band.php b/patterns/cta/cta-consultation-band.php
index 12cc1c4..6a6da61 100644
--- a/patterns/cta/cta-consultation-band.php
+++ b/patterns/cta/cta-consultation-band.php
@@ -45,7 +45,7 @@
 		<!-- /wp:group -->
 
 		<!-- wp:group {"className":"ls-cta-band__actions","style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"center"}} -->
-		<div class="wp-block-group ls-cta-band__actions" style="--ls-link-arrow-colour:var(--wp--custom--color--text--on-dark);--ls-link-arrow-hover-colour:var(--wp--custom--color--text--brand)">
+		<div class="wp-block-group ls-cta-band__actions">
 			<!-- wp:buttons -->
 			<div class="wp-block-buttons">
 				<!-- wp:button {"className":"ls-cta-band__button"} -->
diff --git a/src/scss/animations/_button-motion.scss b/src/scss/animations/_button-motion.scss
index f8d0406..2db0818 100644
--- a/src/scss/animations/_button-motion.scss
+++ b/src/scss/animations/_button-motion.scss
@@ -488,15 +488,26 @@
 
 /* CTA fill buttons on fixed-dark cards: pin text/icon colour to the on-dark
    tokens so the fill button's rest and hover states stay readable regardless
-   of the site's light/dark style variation. */
+   of the site's light/dark style variation. The background is also pinned to
+   a dark surface token — text--on-dark against the default brand/cta fill
+   colour fails WCAG contrast (~1.2:1) once the fill fully reveals on hover. */
 .ls-cta-band__button .wp-block-button__link,
 .ls-cta-inline__button .wp-block-button__link,
 .ls-cta-reassurance__button .wp-block-button__link {
   color: var(--wp--custom--color--text--on-dark);
+  --ls-button-fill-background: var(--wp--custom--color--surface--on-dark-card);
   --ls-button-fill-icon-colour: var(--wp--custom--color--text--on-dark);
   --ls-button-fill-hover-text: var(--wp--custom--color--text--on-dark);
 }
 
+/* CTA band: the secondary link's arrow colours aren't part of the group's
+   saved block attributes, so they're defined here instead of as an inline
+   style on the wrapper (which would be dropped on save). */
+.ls-cta-band__actions {
+  --ls-link-arrow-colour: var(--wp--custom--color--text--on-dark);
+  --ls-link-arrow-hover-colour: var(--wp--custom--color--text--brand);
+}
+
 /* CTA strip: the arrow sits next to the glass button rather than nested in
    its rich text, so it needs its own hover contract tied to the shared
    wrapper. */