/* Founder portrait and personal involvement section. */

/* Real portrait: natural silhouette extends above the panel, with no square avatar frame. */

#founder.founder-section {
  position: relative;
  grid-template-columns: minmax(240px,340px) minmax(0,1fr);
  align-items: end;
  gap: 46px;
  padding: 0 52px 0 36px;
  margin-top: 150px;
  background: radial-gradient(ellipse at 18% 48%,#32373D 0,transparent 56%),linear-gradient(125deg,#1C2026,#111318 75%);
  color: #F6F7F9;
  overflow: visible;
  border: 1px solid #FFFFFF12;
  box-shadow: 0 24px 50px #11131812;
}

#founder .founder-symbol {
  position: relative;
  align-self: end;
  max-width: 340px;
  width: 100%;
  gap: 0;
  margin-top: -52px;
  filter: drop-shadow(8px 10px 12px #00000033);
}

#founder .founder-symbol>img {
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  display: block;
  border-radius: 0;
  box-shadow: none;
  mask-image: linear-gradient(to bottom,#000 92%,transparent 100%);
}

#founder .founder-copy {
  align-self: center;
  padding: 42px 0 46px;
}

#founder .founder-copy .eyebrow {
  margin-bottom: 20px;
  color: #CFD3D9;
}

#founder .founder-copy h2 {
  font-size: clamp(36px,3.7vw,50px);
  line-height: 1.12;
  letter-spacing: -2px;
  text-wrap: balance;
}

#founder .founder-copy p:not(.eyebrow) {
  font-size: 15px;
  line-height: 1.75;
  margin-top: 22px;
  color: #B7BEC8;
}

#founder .founder-years {
  display: block;
  font-size: 11px;
  letter-spacing: .2px;
  color: #A0A7B2;
  margin-top: 20px;
}

#founder .quiet-link {
  margin-top: 25px;
  color: #F6F7F9;
  text-underline-offset: 5px;
}

#founder .quiet-link:hover,#founder .quiet-link:focus-visible {
  text-decoration: underline;
  color: #FFFFFF;
}

@media(max-width:1100px) and (min-width:801px) {
  #founder.founder-section {
    grid-template-columns: minmax(200px,280px) minmax(0,1fr);
    gap: 30px;
    padding-left: 22px;
    padding-right: 32px;
  }

  #founder .founder-copy h2 {
    font-size: 39px;
  }

  #founder .founder-copy p:not(.eyebrow) {
    font-size: 14px;
  }
}

@media(max-width:800px) {
  #founder.founder-section {
    grid-template-columns: minmax(0,1fr);
    padding: 0 28px 32px;
    gap: 10px;
    margin-top: 105px;
  }

  #founder .founder-symbol {
    max-width: 300px;
    margin-top: -48px;
    justify-self: center;
  }

  #founder .founder-copy {
    padding: 5px 0 0;
  }

  #founder .founder-copy h2 {
    font-size: 38px;
    letter-spacing: -1.5px;
  }

  #founder .founder-copy p:not(.eyebrow) {
    font-size: 14px;
  }

  #founder .founder-years {
    font-size: 10px;
    margin-top: 18px;
  }
}

@media(max-width:350px) {
  #founder.founder-section {
    padding-left: 22px;
    padding-right: 22px;
  }

  #founder .founder-copy h2 {
    font-size: 32px;
  }

  #founder .founder-copy p:not(.eyebrow) {
    font-size: 13px;
  }

  #founder .quiet-link {
    font-size: 12px;
  }
}