/* GENERATED FILE — DO NOT EDIT.
   Source: shared/design-system/page-head.css
   Regenerate: node shared/design-system/sync.mjs
   Edits here are overwritten and will silently desync the other targets. */

/* ============================================================
   Focus Media Services — PAGE HEAD
   ------------------------------------------------------------
   The cream header band and the hero type that goes in it:
   kicker, accented headline, lede. This is the one piece of the
   hero/sections furniture that /thoughts also uses, so it is
   split out -- hero.css and sections.css are scoped to the two
   static sites, and the CMS carries only this.

   Canonical source — edit here, then run:
       node shared/design-system/sync.mjs
   Never edit the generated copies in each target's ds folder.
   ============================================================ */

/* ---------- hero type ---------- */
.hero__kicker {
    margin: 0 0 18px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--secondary);
}
.hero__accent { color: var(--secondary); }
.hero__lede {
    max-width: 32em;
    margin-bottom: 26px;
    color: var(--body-text);
}

/* ---------- sub-page header band ---------- */
.page-head {
    background-color: var(--cream);
    padding: 150px 0 56px;
    text-align: center;
}
.page-head h1 { color: var(--primary); margin-bottom: 18px; }
.page-head .hero__lede { margin-left: auto; margin-right: auto; }