diff --git a/suite-pages.js b/suite-pages.js
index 323ebeb..079f68c 100644
--- a/suite-pages.js
+++ b/suite-pages.js
@@ -192,13 +192,18 @@ function render(rec) {
     '<link rel="icon" type="image/png" href="/favicon.png"><link rel="stylesheet" href="/styles.css">' +
     '<style>' +
     '.pp{max-width:760px;margin:0 auto;padding:30px 20px 70px}' +
+    // The rest of the site centres its hero block (.hero is text-align:center),
+    // so this page was the odd one out. Centre the eyebrow, heading and
+    // subhead — but NOT the story below, because centred long-form prose is
+    // measurably harder to read: every line starts in a different place.
+    '.pp .by,.pp h1,.pp .sub{text-align:center}' +
     '.pp h1{font-size:clamp(30px,6vw,48px);line-height:1.06;letter-spacing:-.8px;margin:8px 0 12px;text-wrap:balance}' +
     '.pp h1 .gold{color:var(--gold)}' +
-    '.pp .sub{color:#dbe6ef;font-size:clamp(19px,2.4vw,22px);line-height:1.55;margin-bottom:24px;max-width:46ch}' +
+    '.pp .sub{color:#dbe6ef;font-size:clamp(19px,2.4vw,22px);line-height:1.55;margin:0 auto 24px;max-width:46ch}' +
     // The byline becomes the gold eyebrow the rest of the site uses above
     // an h1, so a member page reads as part of the same family instead of
     // a stray document.
-    '.pp .by{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:12px;font-weight:700;' +
+    '.pp .by{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--gold);font-size:12px;font-weight:700;' +
       'letter-spacing:1.6px;text-transform:uppercase;margin-bottom:6px}' +
     '.pp .by b{color:var(--gold);font-weight:800}' +
     '.pp .vid{border-radius:14px;overflow:hidden;border:1px solid var(--line);margin:0 0 24px}' +