/* ABOUT FOUNDER PORTRAIT — external stylesheet because the production CSP blocks inline styles.
   Desktop: compact portrait + biography. Competence cards use the full row below.
   Mobile: full useful width, but cropped to a short 5:4 frame instead of the original 2:3 height. */

.about-founder-intro{
  display:grid !important;
  grid-template-columns:235px minmax(0,1fr) !important;
  gap:clamp(28px,3.6vw,52px) !important;
  align-items:start !important;
}

.about-founder-media{
  width:235px !important;
  max-width:235px !important;
  margin:0 !important;
  min-width:0 !important;
}

.about-founder-photo{
  width:235px !important;
  aspect-ratio:4/5 !important;
  overflow:hidden !important;
  border-radius:17px !important;
  background:#eef2f6 !important;
  box-shadow:0 14px 34px rgba(0,32,80,.13) !important;
}

.about-founder-photo picture{
  display:block !important;
  width:100% !important;
  height:100% !important;
}

.about-founder-photo img{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:50% 8% !important;
}

.about-founder-media figcaption{
  margin:.62rem 0 0 !important;
  color:#617085 !important;
  font-size:12px !important;
  line-height:1.4 !important;
}

.about-founder-copy{
  min-width:0 !important;
  max-width:820px !important;
}

.about-founder-copy .kicker{
  margin-bottom:14px !important;
}

.about-founder-copy h2{
  margin:0 0 18px !important;
  font-size:clamp(32px,3.5vw,46px) !important;
  line-height:1.08 !important;
}

.about-founder-copy p:last-child{
  margin-bottom:0 !important;
}

/* Put the expertise beside/under the biography rather than making the portrait huge. */
.about-founder-pillars.about-pillars{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:38px !important;
}

.about-founder-pillars.about-pillars>div{
  min-width:0 !important;
  padding:18px !important;
  border:1px solid #cbd8e3 !important;
  border-top:3px solid var(--alpine) !important;
  border-radius:13px !important;
  background:#fff !important;
}

.about-founder-pillars.about-pillars strong{
  display:block !important;
  margin-bottom:7px !important;
  font-size:15px !important;
  line-height:1.3 !important;
}

.about-founder-pillars.about-pillars span{
  display:block !important;
  color:#607287 !important;
  font-size:13px !important;
  line-height:1.52 !important;
}

@media (max-width:1050px){
  .about-founder-intro{
    grid-template-columns:220px minmax(0,1fr) !important;
    gap:32px !important;
  }
  .about-founder-media,
  .about-founder-photo{
    width:220px !important;
    max-width:220px !important;
  }
  .about-founder-pillars.about-pillars{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  .about-founder-intro{
    display:block !important;
  }
  .about-founder-media{
    width:100% !important;
    max-width:none !important;
    margin:0 0 24px !important;
  }
  .about-founder-photo{
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    aspect-ratio:5/4 !important;
    border-radius:15px !important;
    box-shadow:0 10px 26px rgba(0,32,80,.12) !important;
  }
  .about-founder-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:50% 10% !important;
  }
  .about-founder-media figcaption{
    margin-top:8px !important;
  }
  .about-founder-copy{
    max-width:none !important;
  }
  .about-founder-copy h2{
    font-size:32px !important;
  }
  .about-founder-pillars.about-pillars{
    grid-template-columns:1fr !important;
    margin-top:30px !important;
  }
}

/* Direct disclosure for the AI-generated portrait. Kept external so the strict CSP can remain style-src 'self'. */
.about-founder-ai-note{
  display:block;
  margin-top:.3rem;
  font-size:.95rem;
  line-height:1.4;
  opacity:.78;
}