.person > .wrap{display:grid;grid-template-columns:5fr 7fr;gap:44px;align-items:start}
.photo{aspect-ratio:1/1;background:linear-gradient(160deg,#e3eee8,#c6ddcf);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.photo svg{width:72%;fill:#9fc3ae}
.photo img{width:100%;height:100%;object-fit:cover}
.person h2{color:var(--ink);font-size:24px;margin:4px 0 2px}
.role{color:var(--green);font-weight:700;font-size:14px;margin:0 0 18px}
.person p{font-size:14px;color:var(--muted)}
.checks ul{list-style:none;padding:0;margin:18px 0 26px}
.checks li{position:relative;padding-left:26px;font-size:14px;margin-bottom:8px}
.checks li::before{content:"";position:absolute;left:4px;top:4px;width:6px;height:11px;border:solid var(--green);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}

@media (max-width:900px){
  .person > .wrap{grid-template-columns:1fr}
  .photo{max-width:380px}
}