intro-row: cap subtitle at 720px; push stats to the right edge with space-between

static/index.html

@@ -55,16 +55,19 @@
     color: var(--muted);
   }
 
-  /* Subtitle on the left, 2x2 stats on the right. */
+  /* Subtitle on the left (capped at a readable width), 2x2 stats anchored
+     to the right edge. On wide screens this leaves a gutter of whitespace
+     between the two; on narrow screens the row collapses below 980px. */
   .intro-row {
     display: grid;
-    grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
+    grid-template-columns: minmax(0, 720px) auto;
+    justify-content: space-between;
     gap: 28px;
     align-items: start;
     margin-top: 10px;
   }
   @media (max-width: 980px) {
-    .intro-row { grid-template-columns: 1fr; }
+    .intro-row { grid-template-columns: 1fr; justify-content: stretch; }
   }
   .subtitle a {
     color: var(--accent);