/* Homepage team section (14 October 2026), between Our Research Applied and the signup. It sits on
   the cream of the Test Time Cognition band, so the page still alternates light and dark: dark green
   results, cream team, paper signup. No title and no photos: the 13px label "Our team" is the
   heading, then two sentences set like the hero's paragraphs (section-type.20261006.css), then the
   names in an even grid with a hairline above each, as the hypothesis cards have. Three columns, so
   six people make two even rows; two columns on tablets and phones. Titles are left out for now; a
   name can take one later as <span class="team-role"> inside its item. The study is in
   design-explorations/team-section/. */
.home-team {
  padding-block: 92px 96px;
}
@media screen {
  .home-team {
    background: var(--cream);
    box-shadow: 0 0 0 100vmax var(--cream);
    clip-path: inset(0 -100vmax);
  }
}

.home-team .eyebrow {
  margin: 0 0 20px;
  font-weight: 400;
}

.home-team .team-lead {
  max-width: 40em;
  margin: 0;
  font-family: var(--sans);
  font-size: var(--subtext-size);
  font-weight: 400;
  line-height: var(--subtext-leading);
  letter-spacing: var(--subtext-tracking);
  color: var(--ink);
  text-wrap: pretty;
}

.team-people {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 28px;
  margin: 44px 0 0;
  padding: 0;
  list-style: none;
}
.team-people li {
  padding: 18px 0 24px;
  border-top: 1px solid var(--rule);
  color: var(--ink);
  font: 400 22px/1.25 var(--sans);
  letter-spacing: -.4px;
}
.team-people .team-role {
  display: block;
  margin-top: 6px;
  color: var(--muted-text, var(--muted));
  font-size: 15px;
  line-height: 1.45;
  letter-spacing: 0;
}

@media (max-width: 900px) {
  .team-people { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .home-team { padding-block: 60px 64px; }
  .home-team .eyebrow { margin-bottom: 16px; }
  .team-people { gap: 0 20px; margin-top: 32px; }
  .team-people li { padding: 14px 0 18px; font-size: 19px; }
}