/* Tektome — Leadership page. Light mode, brand tokens only. */
.lead-page { flex: 1; background: var(--color-draft-white); font-family: var(--font-sans); color: var(--fg-primary); }
.lead-hero { padding: clamp(56px, 8vw, 104px) 0; }
.lead-inner { max-width: 880px; margin: 0 auto; padding: 0 40px; }
.lead-eyebrow { font-family: var(--font-mono); font-size: 13px; font-weight: var(--fw-semibold); letter-spacing: 0.18em; text-transform: uppercase; color: var(--color-arch-purple); margin: 0 0 18px; }
.lead-title { font-family: var(--font-sans); font-weight: var(--fw-light); font-size: clamp(34px, 4.6vw, 56px); line-height: 1.06; letter-spacing: -0.02em; color: var(--color-data-black); margin: 0; text-wrap: balance; }
.lead-title .accent { color: var(--color-arch-purple); }
.lead-lede { font-size: 17px; line-height: 1.55; color: var(--fg-secondary); margin: 22px 0 0; max-width: 78ch; text-wrap: pretty; }

/* Merged page (our-team.html): align every section's content width to the
   site's primary content container of 1300px — the same width used by the
   home sections (how / solutions / banners / resources) and faq / bim — so
   the hero, founders, and roster share the same left/right edges as the
   rest of the site. Scoped here because leadership.css is only loaded by
   this page; the standalone company page is unaffected. */
.lead-inner { max-width: 1300px; }
.co-founders .co-inner { max-width: 1300px; }
.lead-page .co-founders__title { text-align: left; }

/* Founder cards: horizontal layout (photo left, bio right) to use the wider
   content width and cut the card height. Photos stay short. Scoped to this
   page so the standalone company page is unaffected. */
.lead-page .co-founders__grid {
  grid-template-columns: 1fr 1fr;
  max-width: none;
  gap: clamp(28px, 3vw, 48px);
}
.lead-page .co-founder {
  display: grid;
  grid-template-columns: clamp(150px, 26%, 210px) 1fr;
  gap: clamp(20px, 2vw, 32px);
  align-items: start;
}
.lead-page .co-founder__photo {
  aspect-ratio: 1 / 1;
  margin-bottom: 0;
  border-radius: var(--radius-lg);
}
.lead-page .co-founder__name { margin-bottom: 12px; }
@media (max-width: 760px) {
  /* Stack the two founder cards into one column on small screens. */
  .lead-page .co-founders__grid { grid-template-columns: 1fr; }
  .lead-page .co-founder { grid-template-columns: 1fr; gap: 16px; }
  .lead-page .co-founder__photo { aspect-ratio: 4 / 3; max-width: 300px; }
}

/* Drop the card box — founders read as plain photo + text, no border/fill.
   Matches the blueprint variant's specificity so these win. */
.lead-page .co-page[data-variant="blueprint"] .co-founder {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.lead-page .co-page[data-variant="blueprint"] .co-founder__name,
.lead-page .co-page[data-variant="blueprint"] .co-founder__bio {
  padding-left: 0;
  padding-right: 0;
}