.founder-profile-page {
  background: #07090d;
  color: #edf2f7;
}

.founder-profile-hero {
  min-height: 760px;
  padding: 150px 6vw 80px;
  display: grid;
  grid-template-columns: minmax(300px, 520px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(48px, 8vw, 120px);
  background: radial-gradient(circle at 72% 25%, #285b781f, transparent 34%), #080b10;
  border-bottom: 1px solid #d6e1ef29;
}

.founder-profile-image {
  overflow: hidden;
  border: 1px solid #63c5ff55;
  box-shadow: 0 30px 90px #0009, 0 0 70px #63c5ff14;
}

.founder-profile-image img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  display: block;
}

.founder-profile-intro h1 {
  max-width: 850px;
  margin: 18px 0 26px;
  color: #fff;
  letter-spacing: -.058em;
  font-size: clamp(3.4rem, 6.4vw, 7rem);
  font-weight: 470;
  line-height: .94;
}

.founder-profile-role {
  color: #cef;
  font-family: var(--font-geist-mono), monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .76rem;
  line-height: 1.8;
}

.founder-profile-lead {
  max-width: 700px;
  margin-top: 34px;
  color: #a9b6c4;
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  line-height: 1.8;
}

.founder-narrative {
  width: min(920px, 88vw);
  margin: 0 auto;
  padding: 100px 0 60px;
}

.founder-narrative > p:first-child,
.founder-narrative > p:nth-child(2) {
  color: #7f8d9b;
  font-size: .82rem;
  line-height: 1.7;
}

.founder-narrative h1,
.founder-narrative h2 {
  margin: 72px 0 22px;
  padding-top: 12px;
  border-top: 1px solid #d6e1ef29;
  color: #fff;
  letter-spacing: -.035em;
  font-size: clamp(2rem, 3.4vw, 3.25rem);
  font-weight: 470;
  line-height: 1.12;
}

.founder-narrative p {
  margin: 0 0 24px;
  color: #aab6c3;
  font-size: 1.03rem;
  line-height: 1.9;
}

.founder-profile-return {
  width: min(920px, 88vw);
  margin: 0 auto;
  padding: 20px 0 110px;
}

@media (max-width: 820px) {
  .founder-profile-hero {
    grid-template-columns: 1fr;
    padding-top: 120px;
  }

  .founder-profile-image {
    width: min(100%, 520px);
  }

  .founder-profile-intro h1 {
    font-size: clamp(3rem, 14vw, 5.2rem);
  }

  .founder-narrative {
    padding-top: 70px;
  }
}

@media (max-width: 560px) {
  .founder-profile-hero {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .founder-narrative,
  .founder-profile-return {
    width: 90vw;
  }

  .founder-narrative p {
    font-size: .98rem;
    line-height: 1.82;
  }
}