Fix awkward heading line breaks: text-wrap:balance on h1/h2, widen h2 to 20ch

index.html

@@ -97,7 +97,7 @@
     font-family:var(--display);font-weight:400;
     font-size:clamp(44px,7.2vw,82px);line-height:1.02;
     letter-spacing:-0.02em;margin-bottom:26px;
-    font-optical-sizing:auto;
+    font-optical-sizing:auto;text-wrap:balance;
   }
   h1 em{font-style:italic;color:var(--signal-soft)}
   .lede{
@@ -144,7 +144,7 @@
     color:var(--leaf);margin-bottom:18px;display:flex;align-items:center;gap:12px}
   .sec-label .ix{color:var(--panel-edge)}
   h2{font-family:var(--display);font-weight:400;font-size:clamp(30px,4.4vw,46px);
-    line-height:1.08;letter-spacing:-.018em;margin-bottom:18px;max-width:16ch}
+    line-height:1.08;letter-spacing:-.018em;margin-bottom:18px;max-width:20ch;text-wrap:balance}
   h2 em{font-style:italic;color:var(--signal-soft)}
   .sec-intro{color:var(--paper-dim);max-width:560px;font-size:18px;margin-bottom:46px}