/* RC5.4 — founder photograph display correction. Original portrait unchanged. */
/* The source image has 1536x1536 intrinsic dimensions. Explicit height:auto is
   essential: an HTML height attribute must never stretch it to 1536 CSS pixels. */
.od-founder-image{
  margin:0;
  min-width:0;
  width:100%;
  max-width:530px;
}
.od-founder-image img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  aspect-ratio:1 / 1;
  object-fit:contain;
  object-position:center center;
  border-radius:16px;
  box-shadow:0 18px 45px rgba(5,34,48,.11);
  border:1px solid #c4dfe2;
}
.od-founder-image figcaption{margin-top:12px}
.od-founder-copy{min-width:0;align-self:center}
/* Some phone browsers request a ~980px desktop viewport; stack the layout at
   tablet sizes too so the visitor never sees a squashed photo beside microcopy. */
@media(max-width:1120px){
  .od-founder-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:clamp(22px,3vw,36px);
    justify-items:stretch;
  }
  .od-founder-image{
    width:min(100%,560px);
    max-width:560px;
    justify-self:center;
  }
  .od-founder-copy{
    width:100%;
    max-width:720px;
    justify-self:center;
  }
}
@media(max-width:600px){
  .od-founder-section{padding:34px 0 54px}
  .od-founder-layout{gap:25px}
  .od-founder-image{width:100%;max-width:430px}
  .od-founder-image img{border-radius:14px}
  .od-founder-copy h2{margin-top:10px;margin-bottom:16px}
  .od-founder-copy p{font-size:15px;line-height:1.7}
  .od-founder-actions{margin-top:22px}
}