/* Brand hero — logo, tagline, subline. Same treatment as hub.vendor.ng's
   own homepage hero (mirrored deliberately, since a visitor may well
   arrive here right after seeing that page) but scaled down for this
   page's supporting role — it introduces the brand, then gets out of
   the way for the actual login form below. */
.brand-hero { padding: 48px 0 8px; }
.wordmark--login { font-size: clamp(2.6rem, 11vw, 3.6rem); display: block; color: var(--ink); }
.brand-hero__tagline {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 1.15rem;
  color: var(--marigold-deep);
  margin: 6px 0 4px;
}
.brand-hero__subline {
  font-size: 14px;
  color: var(--charcoal-soft);
  margin: 0;
}

.login-hero { padding: 28px 0 24px; }
.login-hero h1 { font-size: 26px; }