diff --git a/apps/web/app/routes/_page-kit/sections.tsx b/apps/web/app/routes/_page-kit/sections.tsx
index 77d1cf2..4f66548 100644
--- a/apps/web/app/routes/_page-kit/sections.tsx
+++ b/apps/web/app/routes/_page-kit/sections.tsx
@@ -442,60 +442,93 @@ export function PageHero({
       ) : null}
 
       <Container className="flex flex-col gap-2xl">
-        {funderBadge || wordmark ? (
-          /* Figma groups the two (478:16183): the badge, then 24px, then the
-             lockup. The group as a whole keeps the 48px the Container's gap
-             already provides above the headline row. */
-          <div className={cx("flex flex-col gap-lg", rise())}>
-            {funderBadge}
+        <div className="flex flex-col gap-lg">
+          {funderBadge || wordmark ? (
+            /* Figma groups the two (478:16183): the badge, then 24px, then the
+               lockup. The group as a whole keeps the 48px the Container's gap
+               already provides above the headline row. */
+            <div className={cx("flex flex-col gap-lg", rise())}>
+              {funderBadge}
 
-            {wordmark ? <HeroWordmark wordmark={wordmark} /> : null}
-          </div>
-        ) : null}
+              {wordmark ? <HeroWordmark wordmark={wordmark} /> : null}
+            </div>
+          ) : null}
 
-        {statusPill ? <div className={rise(2)}>{statusPill}</div> : null}
+          {statusPill ? <div className={rise(2)}>{statusPill}</div> : null}
 
-        {leadWithActions ? (
-          <>
-            {/* Headline across the top ... */}
-            <div className="flex max-w-[43.75rem] flex-col gap-sm">
-              {eyebrow ? (
-                <p
+          {leadWithActions ? (
+            <>
+              {/* Headline across the top ... */}
+              <div className="flex max-w-[43.75rem] flex-col gap-sm">
+                {eyebrow ? (
+                  <p
+                    className={cx(
+                      "label-md uppercase text-[var(--text-accent)]",
+                      rise(3),
+                    )}
+                  >
+                    {eyebrow}
+                  </p>
+                ) : null}
+
+                {/* The wipe is on the heading itself, not on the column, so the
+                    eyebrow above it still arrives with the rest of the cascade
+                    rather than being uncovered along with the words. */}
+                <h1
                   className={cx(
-                    "label-md uppercase text-[var(--text-accent)]",
-                    rise(3),
+                    "heading-h1 text-[var(--text-primary)] md:display-sm",
+                    wipe(3),
                   )}
                 >
-                  {eyebrow}
-                </p>
+                  {title}
+                </h1>
+              </div>
+
+              {/* ... then the lead and the buttons sharing a row, sitting on the
+                  same baseline, as the home draft draws them. */}
+              {lead || actions ? (
+                <div
+                  className={cx(
+                    "flex flex-col gap-xl lg:flex-row lg:items-end lg:justify-between",
+                    rise(4),
+                  )}
+                >
+                  {lead ? (
+                    <p
+                      className={cx(
+                        "body-lg max-w-[40rem]",
+                        leadTone === "primary"
+                          ? "text-[var(--text-primary)]"
+                          : "text-[var(--text-secondary)]",
+                      )}
+                    >
+                      {lead}
+                    </p>
+                  ) : null}
+
+                  {actions ? (
+                    <div className="flex flex-wrap items-center gap-lg lg:justify-end">
+                      {actions}
+                    </div>
+                  ) : null}
+                </div>
               ) : null}
+            </>
+          ) : (
+            <div className="flex flex-col gap-lg lg:flex-row lg:items-end lg:justify-between">
+              <div className={cx("flex max-w-[46rem] flex-col gap-sm", rise(3))}>
+                {eyebrow ? (
+                  <p className="label-md uppercase text-[var(--text-accent)]">{eyebrow}</p>
+                ) : null}
 
-              {/* The wipe is on the heading itself, not on the column, so the
-                  eyebrow above it still arrives with the rest of the cascade
-                  rather than being uncovered along with the words. */}
-              <h1
-                className={cx(
-                  "heading-h1 text-[var(--text-primary)] md:display-sm",
-                  wipe(3),
-                )}
-              >
-                {title}
-              </h1>
-            </div>
+                <h1 className="heading-h1 text-[var(--text-primary)] md:display-sm">
+                  {title}
+                </h1>
 
-            {/* ... then the lead and the buttons sharing a row, sitting on the
-                same baseline, as the home draft draws them. */}
-            {lead || actions ? (
-              <div
-                className={cx(
-                  "flex flex-col gap-xl lg:flex-row lg:items-end lg:justify-between",
-                  rise(4),
-                )}
-              >
                 {lead ? (
                   <p
                     className={cx(
-                      "body-lg max-w-[40rem]",
+                      "body-lg max-w-[var(--layout-prose-max)]",
                       leadTone === "primary"
                         ? "text-[var(--text-primary)]"
                         : "text-[var(--text-secondary)]",
@@ -504,52 +537,21 @@ export function PageHero({
                     {lead}
                   </p>
                 ) : null}
-
-                {actions ? (
-                  <div className="flex flex-wrap items-center gap-lg lg:justify-end">
-                    {actions}
-                  </div>
-                ) : null}
               </div>
-            ) : null}
-          </>
-        ) : (
-          <div className="flex flex-col gap-lg lg:flex-row lg:items-end lg:justify-between">
-            <div className={cx("flex max-w-[46rem] flex-col gap-sm", rise(3))}>
-              {eyebrow ? (
-                <p className="label-md uppercase text-[var(--text-accent)]">{eyebrow}</p>
-              ) : null}
 
-              <h1 className="heading-h1 text-[var(--text-primary)] md:display-sm">
-                {title}
-              </h1>
-
-              {lead ? (
-                <p
+              {actions ? (
+                <div
                   className={cx(
-                    "body-lg max-w-[var(--layout-prose-max)]",
-                    leadTone === "primary"
-                      ? "text-[var(--text-primary)]"
-                      : "text-[var(--text-secondary)]",
+                    "flex flex-wrap items-center gap-lg lg:justify-end",
+                    rise(4),
                   )}
                 >
-                  {lead}
-                </p>
+                  {actions}
+                </div>
               ) : null}
             </div>
-
-            {actions ? (
-              <div
-                className={cx(
-                  "flex flex-wrap items-center gap-lg lg:justify-end",
-                  rise(4),
-                )}
-              >
-                {actions}
-              </div>
-            ) : null}
-          </div>
-        )}
+          )}
+        </div>
 
         {media ? (
           mediaTreatment === "banner" ? (
diff --git a/apps/web/app/routes/home.tsx b/apps/web/app/routes/home.tsx
index d2d5741..1f20329 100644
--- a/apps/web/app/routes/home.tsx
+++ b/apps/web/app/routes/home.tsx
@@ -84,7 +84,6 @@ import {
 import { pageCopy } from "./_page-kit/copy";
 import { routeLocale } from "./_page-kit/locale";
 import {
-  Container,
   cx,
   EmptyState,
   PageHero,