refactor(typography): standardize eyebrow labels across page shells

- consolidate the shared eyebrow label styling into the global typography layer - replace the old script-label usage in page hero, home hero, FAQ, and team shells - keep the next heading flush under the label across all affected page types
2026-06-20 12:05:24 -07:00
parent 9398321fac
commit a048d395f7
5 changed files with 22 additions and 14 deletions
@@ -13,7 +13,7 @@ const { title, subtitle, image, eyebrow, constrain = false } = Astro.props;
  <div class="container">
    <div class="page-hero__heading">
    {eyebrow
-      ? <div class="page-hero__copy"><p class="script-label">{eyebrow}</p><h1>{title}</h1>{subtitle && <h2>{subtitle}</h2>}</div>
+      ? <div class="page-hero__copy"><p class="eyebrow">{eyebrow}</p><h1>{title}</h1>{subtitle && <h2>{subtitle}</h2>}</div>
      : <><h1>{title}</h1>{subtitle && <h2>{subtitle}</h2>}</>
    }
    </div>