updated

sass/_feed.scss

@@ -23,8 +23,8 @@
 // Homepage "View all posts" CTA
 .view-all-posts {
   display: flex;
+  justify-content: center;
   margin-top: 3rem;
-  max-width: var(--content-width);
 }
 
 .btn-view-all {
@@ -62,21 +62,12 @@
 }
 
 // Homepage post list (post-card.html) — a numbered index of entries
-.feed-eyebrow {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  max-width: var(--content-width);
-  margin-bottom: 1.5rem;
-  font-family: var(--font-mono);
-  font-size: 0.75rem;
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-  color: var(--text-muted);
+.feed-heading {
+  font-size: 1.1rem;
+  margin: 0 0 1.5rem;
 }
 
 .post-feed-list {
-  max-width: var(--content-width);
   display: flex;
   flex-direction: column;
 }

sass/_hero.scss

@@ -17,11 +17,9 @@
   color: var(--text-muted);
 }
 
-// Homepage masthead
+// Homepage masthead — spans the full width of .site-container, matching the navbar
 .masthead {
   padding: 4rem 0 3rem;
-  max-width: var(--content-width);
-  border-bottom: 3px solid var(--text-color);
 }
 
 .masthead-kicker {

sass/_variables.scss

@@ -23,10 +23,6 @@
   --scrollbar-track: #dedecf;
   --scrollbar-thumb: #b0afa2;
   --scrollbar-thumb-hover: #b42318;
-
-  // Shared reading column — keeps the masthead rule, eyebrow, and post
-  // list aligned to the same right edge instead of drifting per-component.
-  --content-width: 700px;
 }
 
 // Dark mode — same document, read at night

templates/index.html

@@ -31,10 +31,7 @@ block og_url %}{{ config.base_url }}/{% endblock og_url %} {% block head %}
 {% endblock head %} {% block content %} {% include "partials/profile.html" %}
 
 {% set section = get_section(path="posts/_index.md") %}
-<p class="feed-eyebrow">
-  <span>Recent Entries</span>
-  <span>{{ section.pages | length }} filed</span>
-</p>
+<h2 class="feed-heading">Latest</h2>
 
 <div class="post-feed-list">
   {% set post_limit = config.extra.homepage_post_limit | default(value=3) %}