Unify landing header

Author: pusewicz

_sass/_page-header.scss

@@ -1,6 +1,6 @@
 /* ============================================================
    .page-header — Unified BEM Component
-   Variants: --hero, --plain, --article, --split
+   Variants: --plain, --article, --split
    ============================================================ */
 
 /* ------------------------------------------------------------
@@ -17,12 +17,6 @@
     border-bottom: none;
   }
 
-  /* --hero: larger padding, tighter heading line-height */
-  &--hero {
-    padding-top: 88px;
-    padding-bottom: 100px;
-  }
-
   /* --article: tighter top padding, used in post layout */
   &--article {
     padding-top: 64px;
@@ -93,12 +87,6 @@
   color: var(--color-black);
   margin-bottom: 20px;
 
-  .page-header--hero & {
-    font-size: 64px;
-    line-height: 1.0;
-    margin-bottom: 28px;
-  }
-
   .page-header--article & {
     margin-bottom: 0;
     max-width: 800px;
@@ -114,11 +102,6 @@
   color: var(--color-muted);
   max-width: 560px;
 
-  .page-header--hero & {
-    max-width: 460px;
-    margin-bottom: 40px;
-  }
-
   a {
     color: var(--color-red);
     transition: opacity 0.15s ease;
@@ -130,13 +113,14 @@
 }
 
 /* ------------------------------------------------------------
-   Actions (hero CTA buttons)
+   Actions (CTA buttons)
    ------------------------------------------------------------ */
 .page-header__actions {
   display: flex;
   align-items: center;
   gap: 12px;
   flex-wrap: wrap;
+  margin-top: 32px;
 }
 
 /* ------------------------------------------------------------
@@ -168,10 +152,6 @@
    Responsive — ≤1024px
    ------------------------------------------------------------ */
 @media (max-width: 1024px) {
-  .page-header--hero .page-header__heading {
-    font-size: 48px;
-  }
-
   .page-header__heading {
     font-size: 40px;
   }
@@ -187,27 +167,10 @@
    Responsive — ≤768px
    ------------------------------------------------------------ */
 @media (max-width: 768px) {
-  .page-header--hero {
-    padding: 56px var(--container-padding) 64px;
-  }
-
-  .page-header--hero .page-header__heading {
-    font-size: 36px;
-  }
-
   .page-header__heading {
     font-size: 32px;
   }
 
-  .page-header--hero .page-header__actions {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .page-header--hero .page-header__actions .btn {
-    justify-content: center;
-  }
-
   .page-header__aside {
     padding-bottom: 0;
   }

index.html

@@ -5,7 +5,7 @@
 
 {% assign current_release = site.data.releases | where: "prerelease", false | first %}
 
-<section class="page-header page-header--hero">
+<section class="page-header">
   <div class="page-header__inner">
     <div class="page-header__content">
       <span class="page-header__eyebrow"><span class="page-header__eyebrow-dot"></span> OPEN SOURCE · LIGHTWEIGHT · EMBEDDABLE</span>