diff --git a/tests/services-hero-scope.spec.js b/tests/services-hero-scope.spec.js
new file mode 100644
index 0000000..770f27c
--- /dev/null
+++ b/tests/services-hero-scope.spec.js
@@ -0,0 +1,46 @@
+import { expect, test } from "@playwright/test";
+
+const servicesUrl =
+    process.env.TEST_SERVICES_URL ||
+    "http://community-works-collaborative.test/services/";
+const childUrl =
+    process.env.TEST_SERVICES_CHILD_URL ||
+    "http://community-works-collaborative.test/services/engagement/";
+const grandchildUrl =
+    process.env.TEST_SERVICES_GRANDCHILD_URL ||
+    "http://community-works-collaborative.test/services/engagement/sample-grandchild/";
+const nonServicesUrl =
+    process.env.TEST_NON_SERVICES_URL ||
+    "http://community-works-collaborative.test/about/";
+const blogUrl =
+    process.env.TEST_BLOG_URL ||
+    "http://community-works-collaborative.test/blog/";
+
+test.describe("hero ancestor scope", () => {
+    test("Services page renders the hero", async ({ page }) => {
+        await page.goto(servicesUrl);
+        await expect(page.locator(".page-hero").first()).toBeVisible();
+    });
+
+    test("child of Services renders the hero", async ({ page }) => {
+        await page.goto(childUrl);
+        await expect(page.locator(".page-hero").first()).toBeVisible();
+    });
+
+    test("grandchild of Services renders the hero", async ({ page }) => {
+        await page.goto(grandchildUrl);
+        await expect(page.locator(".page-hero").first()).toBeVisible();
+    });
+
+    test("non-Services page does NOT render the hero", async ({ page }) => {
+        await page.goto(nonServicesUrl);
+        expect(await page.locator(".page-hero").count()).toBe(0);
+    });
+
+    test("blog index still renders the hero (bypasses ancestor gate)", async ({
+        page,
+    }) => {
+        await page.goto(blogUrl);
+        await expect(page.locator(".page-hero").first()).toBeVisible();
+    });
+});