.ab{padding:96px 0 112px;background:linear-gradient(180deg,#fff,#F4F4F2)}
.ab-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.ab-side{grid-column:1/span 4;position:sticky;top:96px;background:#fff;border:1px solid rgba(11,31,38,.08);border-radius:24px;padding:32px;box-shadow:0 1px 2px rgba(11,31,38,.04),0 12px 32px -16px rgba(11,31,38,.16);text-align:center}
.ab-body{grid-column:6/span 7;max-width:640px}
.ab-photo{width:144px;height:144px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#0D4A57,#167083);box-shadow:0 0 0 6px #EEF8FB}
.ab-photo span{font:600 48px/1 Jost,sans-serif;letter-spacing:.02em;color:#A5E8FD}
.ab-name{font:600 20px Jost,sans-serif;color:#0B1F26;margin:0}
.ab-role{color:#4C5F65;font-size:14px;margin:4px 0 24px}
.ab-facts{list-style:none;margin:0;padding:24px 0 0;border-top:1px solid rgba(11,31,38,.08);display:grid;gap:16px;text-align:left}
.ab-facts li{display:flex;align-items:center;gap:14px;font-size:14.5px;color:#0B1F26;line-height:1.35}
.ab-facts b{flex:none;width:48px;height:48px;border-radius:12px;background:#EEF8FB;display:grid;place-items:center;font:600 17px Jost,sans-serif;color:#0D4A57}
.ab-facts svg{width:22px;height:22px;fill:none;stroke:#0D4A57;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ab-body h1{font:600 clamp(38px,4.6vw,60px)/1.04 Jost,sans-serif;letter-spacing:-.03em;color:#0B1F26;margin:16px 0 32px}
.ab-body p{font-size:17px;line-height:1.7;color:#33464C;margin:0 0 20px}
.ab-body .ab-lead{font-size:19px;color:#0B1F26}
.ab-sign{margin:40px 0 0;padding:24px 0 0;border-top:1px solid rgba(11,31,38,.1)}
.ab-sign p{margin:0;font:500 20px/1.4 Jost,sans-serif;color:#0B1F26}
.ab-sign .ab-by{font:400 15px Poppins,sans-serif;color:#4C5F65;margin-top:6px}
.ab-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
@media (max-width:900px){
 .ab{padding:48px 0 72px}
 .ab-grid{grid-template-columns:1fr;gap:32px}
 .ab-side,.ab-body{grid-column:auto}
 .ab-side{position:static;padding:24px}
 .ab-photo{width:112px;height:112px}.ab-photo span{font-size:38px}
 .ab-body h1{font-size:34px;margin-bottom:24px}
 .ab-body p{font-size:16px}.ab-body .ab-lead{font-size:17px}
}

/* full founder portrait */
.ab-grid{gap:56px 24px}
.ab-side{grid-column:1/span 5;max-width:480px;width:100%;padding:0;overflow:hidden;text-align:left;top:88px}
.ab-body{grid-column:7/span 6}
.ab-photo{display:block;width:100%;height:auto;aspect-ratio:4/5;margin:0;border-radius:0;background:#E7EEF0;box-shadow:none}
.ab-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.ab-info{padding:24px 28px 28px}
.ab-name{font-size:22px}
.ab-role{margin:4px 0 20px}
.ab-facts{padding-top:20px}
@media (max-width:900px){
 .ab-side{max-width:none;grid-column:auto;padding:0;border-radius:20px}
 .ab-body{grid-column:auto}
 .ab-photo{width:100%;height:auto}
 .ab-info{padding:20px 20px 24px}
}
.ab-side{position:static}
.ab-ext{color:#0E7490;font-weight:600;text-decoration:underline;text-decoration-color:rgba(14,116,144,.35);text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}
.ab-ext:hover{color:#0D4A57;text-decoration-color:currentColor}
.ab-ext:focus-visible{outline:2px solid #0E7490;outline-offset:2px;border-radius:3px}