feat(website): EB Garamond headline on OG card (item 2 follow-up)

Bundles a static-weight EB Garamond Bold TTF next to opengraph-image.tsx
so the share card headline renders in the marketing-site h1 typeface
instead of falling back to Inter Bold.

Why the TTF lives in the repo:
- Google Fonts only serves Garamond as woff2, which Satori (next/og's
  underlying renderer) cannot decode.
- The upstream variable-weight TTF trips Satori's parser with
  "Cannot read properties of undefined (reading '256')" on the variable
  font tables (fvar/STAT/MVAR/HVAR).

Solution: instance the upstream variable font to wght=700 using
fontTools' instancer, then drop the unused variable-font tables.
Output is a clean static-weight TTF (~500KB) that Satori parses
without issue.

New apps/website/scripts/instance-garamond.py reproduces the TTF
from upstream — re-run after any upstream font update.

Also flips the route's runtime from 'edge' to 'nodejs' so the font
file can be read off disk via fileURLToPath(import.meta.url).

All 35 website e2e tests pass.

Co-Authored-By: Claude Opus 4.7 <[email protected]>

Author: blove

apps/website/scripts/instance-garamond.py

@@ -0,0 +1,66 @@
+"""
+Generate apps/website/src/app/EBGaramond-Bold.ttf from the upstream EB
+Garamond variable font.
+
+Why this script exists:
+- Satori (the engine behind Next.js ImageResponse) crashes on variable-weight
+  TTFs with "Cannot read properties of undefined (reading '256')".
+- Google Fonts only serves Garamond as woff2, which Satori also can't decode.
+- So we instance the upstream variable font to a single weight (Bold, 700)
+  and strip the now-unused variable-font tables, producing a static TTF
+  Satori parses cleanly.
+
+The output is committed to the repo and consumed by
+apps/website/src/app/opengraph-image.tsx at request time.
+
+Usage:
+    pip install --user fonttools
+    python3 apps/website/scripts/instance-garamond.py
+
+Re-run if the upstream font is updated.
+"""
+import os
+import tempfile
+import urllib.request
+
+from fontTools.ttLib import TTFont
+from fontTools.varLib.instancer import instantiateVariableFont
+
+UPSTREAM_URL = "https://github.com/google/fonts/raw/main/ofl/ebgaramond/EBGaramond%5Bwght%5D.ttf"
+TARGET_WEIGHT = 700
+OUTPUT_PATH = os.path.join(
+    os.path.dirname(os.path.dirname(os.path.abspath(__file__))),
+    "src",
+    "app",
+    "EBGaramond-Bold.ttf",
+)
+
+
+def main() -> None:
+    print(f"Downloading variable TTF from {UPSTREAM_URL}")
+    with tempfile.NamedTemporaryFile(suffix=".ttf", delete=False) as tmp:
+        with urllib.request.urlopen(UPSTREAM_URL) as response:
+            tmp.write(response.read())
+        src_path = tmp.name
+
+    try:
+        print(f"Instancing to wght={TARGET_WEIGHT}")
+        font = TTFont(src_path)
+        static = instantiateVariableFont(font, {"wght": TARGET_WEIGHT})
+
+        # Drop variable-font tables that no longer serve a purpose and that
+        # Satori doesn't need. Shaves ~300KB off the file.
+        for tag in ("STAT", "fvar", "MVAR", "HVAR"):
+            if tag in static:
+                del static[tag]
+
+        print(f"Writing {OUTPUT_PATH}")
+        static.save(OUTPUT_PATH)
+        size_kb = os.path.getsize(OUTPUT_PATH) // 1024
+        print(f"Done — {size_kb} KB")
+    finally:
+        os.unlink(src_path)
+
+
+if __name__ == "__main__":
+    main()

apps/website/src/app/EBGaramond-Bold.ttf

@@ -7,7 +7,8 @@
  */
 import { ImageResponse } from 'next/og';
 
-export const runtime = 'edge';
+// Node runtime (not edge) so we can read the bundled Garamond TTF off disk.
+export const runtime = 'nodejs';
 export const alt = 'Angular Agent Framework — Signal-native streaming for Angular + LangGraph';
 export const size = { width: 1200, height: 630 };
 export const contentType = 'image/png';
@@ -31,9 +32,35 @@ async function loadFont(family: string, weight: number): Promise<ArrayBuffer | n
   }
 }
 
+/**
+ * EB Garamond is bundled as a static-weight TTF next to this file because:
+ * 1. Google Fonts only serves Garamond as woff2 — Satori can't decode woff2.
+ * 2. The variable-weight TTF in Google's fonts repo trips Satori's TTF parser
+ *    ("Cannot read properties of undefined (reading '256')") on variable-font
+ *    tables (fvar/STAT/MVAR/HVAR).
+ *
+ * The committed TTF was produced by instancing the upstream variable font to
+ * wght=700 and stripping the now-unused variable tables — see
+ * apps/website/scripts/instance-garamond.py. The file is ~500KB, served only
+ * from this server-side render path (never downloaded by browsers).
+ */
+async function loadLocalGaramond(): Promise<ArrayBuffer | null> {
+  try {
+    const { fileURLToPath } = await import('node:url');
+    const { readFile } = await import('node:fs/promises');
+    const { dirname, join } = await import('node:path');
+    const here = dirname(fileURLToPath(import.meta.url));
+    const buf = await readFile(join(here, 'EBGaramond-Bold.ttf'));
+    return buf.buffer.slice(buf.byteOffset, buf.byteOffset + buf.byteLength) as ArrayBuffer;
+  } catch (err) {
+    console.warn('opengraph-image: failed to load local Garamond TTF', err);
+    return null;
+  }
+}
+
 export default async function OpenGraphImage() {
   const [garamondBold, interRegular, interBold, monoBold] = await Promise.all([
-    loadFont('EB+Garamond', 700),
+    loadLocalGaramond(),
     loadFont('Inter', 400),
     loadFont('Inter', 600),
     loadFont('JetBrains+Mono', 700),