/* brand-header.css — the single definition of the header lockup's type.
 *
 * Every page header (marketing nav, portal topbar, e-sign header, the
 * level-check flow) carried its own near-copy of these rules, which had
 * drifted to four sizes — 16px, 17px, 18px and 20px — with three different
 * letter-spacings and two fallback stacks. This file owns the type for all
 * of them; the per-page rules keep only colour and layout.
 *
 * Colour is deliberately NOT set here. The lockup sits on navy in the
 * marketing nav, portal topbar and e-sign header, but on cream in the
 * level-check flow, so the accent legitimately differs per surface while
 * the type does not.
 *
 * .brand-title / .brand-sub are the names to reach for on anything new. The
 * three existing hooks are listed alongside them because .topbar-brand alone
 * appears in ~90 templates through shared/base.html.
 */

.brand-title,
.nav-logo-text,
.topbar-brand,
.es-header-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.brand-sub,
.nav-logo-sub,
.topbar-sub,
.es-header-sub {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: .08em;
}

/* Narrow viewports: the lockup steps down so it keeps its place in the bar
 * beside the logo. Surfaces that hide the sub-line outright at this width
 * still do that themselves — that's layout, not type.
 */
@media (max-width: 768px) {
  .brand-title,
  .nav-logo-text,
  .topbar-brand,
  .es-header-title {
    font-size: 15px;
  }
}