From 4fef401bcd2f27cd7477e61bbd400912cee8523c Mon Sep 17 00:00:00 2001
From: Nick Sweeting <git@sweeting.me>
Date: Thu, 23 Apr 2026 22:10:04 -0700
Subject: [PATCH] Refine publicsite hero heading

Signed-off-by: Nick Sweeting <git@sweeting.me>
---
 publicsite/index.html |  2 +-
 publicsite/styles.css | 18 +++++++++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/publicsite/index.html b/publicsite/index.html
index cda51e6d..66774268 100644
--- a/publicsite/index.html
+++ b/publicsite/index.html
@@ -65,7 +65,7 @@
     <section class="hero section">
       <div class="hero-copy">
         <p class="eyebrow">Open-source self-hosted web archiving</p>
-        <h1>Preserve the web, on infrastructure you control.</h1>
+        <h1><span class="hero-mainline">Preserve the web,</span><span class="hero-subline">on infrastructure you control.</span></h1>
         <p class="lede">ArchiveBox saves websites, bookmarks, RSS feeds, social posts, media, source code, and research material in durable files like HTML, PDF, PNG, TXT, JSON, WARC, MP4, and SQLite.</p>
         <div class="hero-actions" aria-label="Primary actions">
           <a class="button primary" href="#install">Run with Docker Compose</a>
diff --git a/publicsite/styles.css b/publicsite/styles.css
index 590a639e..d2ac572a 100644
--- a/publicsite/styles.css
+++ b/publicsite/styles.css
@@ -164,13 +164,29 @@ p {
 }
 
 h1 {
-  max-width: 850px;
+  max-width: 980px;
   margin-bottom: 22px;
   font-size: clamp(3.1rem, 7.4vw, 5.9rem);
   line-height: 0.95;
   letter-spacing: 0;
 }
 
+.hero-mainline,
+.hero-subline {
+  display: block;
+}
+
+.hero-mainline {
+  white-space: nowrap;
+}
+
+.hero-subline {
+  margin-top: 0.18em;
+  color: var(--muted-text);
+  font-size: 0.68em;
+  line-height: 1.02;
+}
+
 h2 {
   margin-bottom: 18px;
   font-size: clamp(2rem, 4.3vw, 3.5rem);