/* Founder Section — Figma node 4020:757 (1440 x 729) */

.founder { position: relative; height: 729px; background: var(--off-white); }

/* The card is 1040 wide with a single rounded corner (top-left, 100px) and the
   portrait overlapping its right edge — hence the negative gap in Figma. */
.founder__card {
  position: absolute; top: 120px; left: var(--gutter);
  width: 1040px; height: 489px;
  background: var(--white);
  border-radius: 100px 0 0 0;
  box-shadow: inset 0 0 0 2px var(--obsidian);
}

.founder__card h2 {
  position: absolute; top: 64px; left: 42px; width: 727px; margin: 0;
  font-size: 45px; font-weight: 500; line-height: 49.5px; color: var(--obsidian);
  transform: translateY(var(--figma-baseline-shift));
}

.founder__lede {
  position: absolute; top: 130px; left: 42px; width: 727px; margin: 0;
  font-size: 20px; font-weight: 400; line-height: 30px; color: var(--obsidian);
  transform: translateY(var(--figma-baseline-shift));
}

.founder__body {
  position: absolute; top: 176px; left: 42px; width: 727px; margin: 0;
  font-size: 18px; font-weight: 400; line-height: 27px; color: var(--muted);
  white-space: pre-line; /* the copy carries its own line breaks */
  transform: translateY(var(--figma-baseline-shift));
}

.founder__cta {
  position: absolute; top: 408px; left: 42px;
  width: 168px; height: 47px; padding: 14px 28px;
  justify-content: center;
  background: transparent;
  box-shadow: inset 0 0 0 1.5px var(--obsidian);
  color: var(--obsidian);
}

.founder__photo {
  position: absolute; top: 125px; left: 881px; width: 479px; height: 479px;
  border-radius: 1000px;
  box-shadow: inset 0 0 0 2px var(--obsidian);
}