/**
 * Founder letter — band + white card (after foundation on landing).
 */

.section-founder-letter {
  background-color: #525252;
}

.section-founder-letter__band {
  padding: clamp(3rem, 8vw, 5rem) 0;
}

.section-founder-letter__container {
  width: 100%;
}

.section-founder-letter__card {
  background: #fff;
  box-shadow: 19px 17px 11.7px 0 rgba(0, 0, 0, 0.25);
  padding: clamp(2rem, 6vw, 100px);
}

.section-founder-letter__stack {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  text-align: left;
}

@media (min-width: 768px) {
  .section-founder-letter__stack {
    max-width: 80%;
  }
}

.section-founder-letter__body {
  margin: 0;
  color: #414042;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.section-founder-letter__thank-you {
  margin: 0;
  color: #0b3f63;
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: 140%;
}

.section-founder-letter__signoff {
  margin: 0;
  color: #0b3f63;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.section-founder-letter__signoff-strong {
  font-weight: 700;
}

.section-founder-letter__photo-wrap {
  margin: 0;
  line-height: 0;
  display: flex;
  justify-content: flex-start;
}

.section-founder-letter__photo {
  display: block;
  width: min(100%, 235px);
  height: auto;
  aspect-ratio: 235 / 205;
  object-fit: cover;
  border-radius: 31px;
}

@media (max-width: 480px) {
  .section-founder-letter__body,
  .section-founder-letter__thank-you,
  .section-founder-letter__signoff {
    font-size: clamp(18px, 5.2vw, 24px);
  }
}