Merge nucleic/jolly-feather-otter-kvjv into main

Mirrored from corpo a676ece.

scripts/og.html

@@ -7,7 +7,7 @@
   from src/pages/index.astro rather than invented: the --paper ground, the two
   diagonal green ambient washes, the grain that keeps them from banding, Archivo
   for the statement, JetBrains Mono for the footer, and the 100deg
-  #cdead9 -> #2f8f5c signature on "runs." Change the site's palette or hero and
+  #cdead9 -> #2f8f5c signature on "future." Change the site's palette or hero and
   this file has to follow, or the card goes stale again.
 
   Legibility rule (enforced by render-og.mjs): a social card is shown as small as
@@ -235,8 +235,8 @@
       </div>
 
       <h1 class="statement">
-        <span class="line line-research">Research</span>
-        <span class="line line-runs"><span class="that">that</span> <span class="runs">runs.</span></span>
+        <span class="line line-research">Solving for</span>
+        <span class="line line-runs"><span class="that">the</span> <span class="runs">future.</span></span>
       </h1>
 
       <div class="rule"></div>

src/pages/index.astro

@@ -1,5 +1,5 @@
 ---
-const title = 'Blakeslee Research — research that runs';
+const title = 'Blakeslee Research — solving for the future';
 const description =
   'Blakeslee Research engineers infrastructure that keeps AI agents—and the digital intelligence to come—forever online and forever active, including Nucleic, the home for persistent, orchestrated, observable coding agents.';
 const canonical = new URL('/', Astro.site);
@@ -9,7 +9,7 @@ const canonical = new URL('/', Astro.site);
 // months ago. Re-rendering og.png in place therefore changes nothing for any link
 // already in the wild. Bump this whenever scripts/og.html changes, so the card is
 // requested under a URL none of them has seen.
-const socialImage = new URL('/og.png?v=2', Astro.site);
+const socialImage = new URL('/og.png?v=3', Astro.site);
 ---
 
 <!doctype html>
@@ -58,7 +58,7 @@ const socialImage = new URL('/og.png?v=2', Astro.site);
     <meta property="og:image:height" content="630" />
     <meta
       property="og:image:alt"
-      content="The Blakeslee Research wolf-and-pine mark above the words “Research that runs.”, set on the site's dark green field."
+      content="The Blakeslee Research wolf-and-pine mark above the words “Solving for the future.”, set on the site's dark green field."
     />
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content={title} />
@@ -93,9 +93,9 @@ const socialImage = new URL('/og.png?v=2', Astro.site);
                simply prints over the technology column instead of stepping above it. -->
           <div class="hero-lead">
             <div class="hero-copy">
-              <h1 id="hero-heading" class="statement" aria-label="Research that runs.">
-                <span class="line line-research"><span class="word">Research</span></span>
-                <span class="line line-runs"><span class="word"><span class="that">that</span> <span class="runs">runs.</span></span></span>
+              <h1 id="hero-heading" class="statement" aria-label="Solving for the future.">
+                <span class="line line-research"><span class="word">Solving for</span></span>
+                <span class="line line-runs"><span class="word"><span class="that">the</span> <span class="runs">future.</span></span></span>
               </h1>
 
               <p class="mission">
@@ -696,7 +696,7 @@ const socialImage = new URL('/og.png?v=2', Astro.site);
      duplicates the whole phrase and clips its gradient to the glyphs; its
      transparent parked positions leave reduced-motion rendering unchanged. */
   .line-runs .word::after {
-    content: 'that runs.';
+    content: 'the future.';
     position: absolute;
     inset: 0;
     padding-right: 0.06em;