fix: prevent text/logo overlap in OG card

Constrain text content to left 660px so it doesn't collide with the
520px Continue logo on the right. Reduce title to 56px and pill to
15px to fit the longer package name comfortably.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: sestinj

.github/assets/og-card.html

@@ -37,11 +37,11 @@
     );
   }
 
-  /* Content — left side */
+  /* Content — left side, constrained to avoid logo overlap */
   .content {
     position: relative;
     z-index: 1;
-    width: 100%;
+    width: 660px;
     height: 100%;
     display: flex;
     flex-direction: column;
@@ -60,10 +60,10 @@
   }
 
   h1 {
-    font-size: 68px;
+    font-size: 56px;
     font-weight: 300;
-    letter-spacing: -2px;
-    line-height: 1.05;
+    letter-spacing: -1.5px;
+    line-height: 1.1;
     color: rgba(255, 255, 255, 0.95);
     margin-bottom: 20px;
   }
@@ -78,11 +78,11 @@
 
   .pill {
     display: inline-block;
-    padding: 12px 28px;
+    padding: 10px 22px;
     background: rgba(255, 255, 255, 0.08);
     border: 1px solid rgba(255, 255, 255, 0.15);
     font-family: 'IBM Plex Mono', monospace;
-    font-size: 17px;
+    font-size: 15px;
     font-weight: 400;
     color: rgba(255, 255, 255, 0.7);
     letter-spacing: 0.02em;