/* ============================================================
   BLUEGREY — home.css (homepage only)
   Hero sizing on a flat Carbon background. The signature
   cutting-mat nest was retired with the engineering-drawing
   direction; the hero is now type + CTA on plain Carbon.
   Loaded after base.css, which imports the tokens; all values
   are tokens.
   ============================================================ */

/* ---- hero ---- */
.hero {
  min-height: 78vh;
  display: flex; flex-direction: column; justify-content: center;
  gap: var(--space-5);
  padding-block: var(--space-9) var(--space-8);
}
.hero__title {
  font-family: var(--font-display); font-weight: var(--weight-bold);
  /* fluid between two tokens, no invented fixed size */
  font-size: clamp(var(--text-2xl), 8vw, var(--text-4xl));
  line-height: var(--leading-tight); letter-spacing: var(--tracking-tight);
  max-width: 16ch;
}
.hero__lead {
  font-size: var(--text-md); color: var(--color-text-secondary);
  max-width: var(--maxw-prose);
}
.hero__cta { display: flex; flex-wrap: wrap; gap: var(--space-3); }