From 2b35550e1dd1517afb95cd9300cb51a6f59633f1 Mon Sep 17 00:00:00 2001
From: Bingran You <bingran.you@berkeley.edu>
Date: Sun, 12 Jul 2026 17:35:04 -0700
Subject: [PATCH] Use Chakra Petch as the site-wide typeface

Replace Satoshi with Chakra Petch (the 'physical intelligence' font) as
the base font for the whole page, drop the Fontshare load, and let
citation tags wrap below their titles on narrow screens.
---
 website/index.html | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/website/index.html b/website/index.html
index 401df19..fba0748 100644
--- a/website/index.html
+++ b/website/index.html
@@ -5,11 +5,9 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>GenesisBench — how language intelligence can be used to improve physical intelligence</title>
 <meta name="description" content="GenesisBench evaluates how LLM agents can train the policies that run on real robot hardware — language intelligence improving physical intelligence.">
-<link rel="preconnect" href="https://api.fontshare.com" crossorigin>
-<link href="https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,700&display=swap" rel="stylesheet">
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,500;1,600&family=Chakra+Petch:wght@500;600&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,500;1,600&family=Chakra+Petch:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 <style>
 /* ============ tokens — posttrain-arena structure, monochrome pencil palette ============ */
 :root{
@@ -17,7 +15,7 @@
   --forest:#111111; --forest-deep:#000000; --forest-ink:#0c0c0c;
   --clay:#555555; --ink:#1c1c1c; --ink-soft:#6a6a6a;
   --line:#e8e8e8; --line-strong:#cfcfcf; --gold:#8a8a8a;
-  --font:"Satoshi",ui-sans-serif,system-ui,sans-serif;
+  --font:"Chakra Petch",ui-sans-serif,system-ui,sans-serif;
   --gutter:clamp(20px,5vw,72px);
   --text-hero:clamp(2.3rem,4.8vw,4.3rem);
   --text-lead:clamp(1.2rem,2vw,1.6rem);
@@ -66,7 +64,7 @@
   line-height:1.42;letter-spacing:-0.005em;color:var(--ink)}
 .li-poem{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:600;
   font-size:1.16em;letter-spacing:.01em;color:var(--forest-ink)}
-.pi-tech{font-family:"Chakra Petch","Satoshi",sans-serif;font-weight:600;font-size:.97em;
+.pi-tech{font-family:"Chakra Petch",sans-serif;font-weight:600;
   letter-spacing:.015em;color:var(--forest-ink)}
 .hero-actions{margin-top:clamp(1.3rem,2.4vw,1.8rem);display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}
 .btn{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;text-decoration:none;
@@ -222,7 +220,7 @@
 .refcard{display:block;padding:.95rem 1.1rem;background:var(--card);border:1px solid var(--line);border-radius:6px;
   text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
 .refcard:hover{border-color:var(--forest-ink);transform:translateY(-2px)}
-.ref-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
+.ref-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.35rem 1rem}
 .ref-head b{font-size:.9875rem;font-weight:500;color:var(--forest-ink);letter-spacing:-.008em}
 .ref-tag{flex-shrink:0;font-size:.6875rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft)}
 .ref-desc{display:block;margin-top:.35rem;font-size:.875rem;line-height:1.5;color:var(--ink-soft)}