/* Portrait-led team sections, using the supplied photographs without retouching. */
.people-showcase{background:#102e4b;color:#fff;position:relative}
.people-section-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:25px;margin-bottom:38px;border-bottom:1px solid #ffffff29}
.people-section-top .eyebrow{margin:0;color:#edaf29;font-size:10px}
.people-section-top>span{font-size:10px;letter-spacing:.08em;color:#b6c8d4;text-transform:uppercase}
.people-showcase .section-heading{align-items:center;margin-bottom:48px;gap:70px}
.people-showcase .section-heading h2{font-size:56px;line-height:1.15;letter-spacing:-.045em;margin:0;max-width:650px}
.people-showcase .section-heading h2>span{display:block}
.people-showcase .section-heading h2>span:last-child{color:#edaf29}
.people-showcase .section-heading>div{max-width:440px}
.people-showcase .section-heading>div>p{max-width:440px;color:#c0cfd8;font-size:14px;line-height:1.9;margin:0 0 22px}
.people-office-label{display:flex;align-items:center;gap:10px;font-size:11px;color:#edf1e9}
.people-office-label i{width:6px;height:6px;background:#edaf29;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 4px #edaf2915}
.people-showcase .people-grid{gap:24px}
.people-showcase .people-feature{grid-template-columns:repeat(3,minmax(0,1fr))}
.people-showcase .person:nth-child(even){padding-top:0}
.people-showcase .person:nth-child(2),.people-showcase .person:nth-child(4){margin-top:28px;margin-bottom:-28px}
.people-grid .person{background:#fff;position:relative;transition:transform .28s ease,box-shadow .28s ease;align-self:start}
.people-grid .person:hover{transform:translateY(-6px);box-shadow:0 14px 32px #04182b17}
.people-grid .person:nth-child(n) .person-photo{aspect-ratio:4/5;border-radius:0;border:0;background:#d5dbd7;isolation:isolate}
.people-grid .person-photo:after{content:'';position:absolute;bottom:0;left:0;height:3px;width:100%;background:#edaf29;transform:scaleX(.22);transform-origin:left;transition:transform .35s ease;z-index:2}
.people-grid .person:hover .person-photo:after{transform:scaleX(1)}
.people-grid .person-photo img{filter:grayscale(1);object-position:center 22%;transition:transform .65s ease,filter .45s ease}
.people-grid .person:hover .person-photo img{filter:grayscale(0);transform:scale(1.035)}
.people-grid [data-person=moshahid-a-ramjan] .person-photo img{object-position:center 30%}
/* Crop the untouched 925 x 1539 upload in its frame. Uniform width scaling
   preserves facial proportions; percentage margins are based on frame width.
   Desktop crop starts at source x=210, y=260 with a 610px-wide field of view. */
.people-grid .person[data-person=saeed-ahmed] .person-photo img,
.people-grid .person[data-person=saeed-ahmed]:hover .person-photo img{position:absolute;left:-34.42623%;top:0;margin-top:-42.62295%;width:151.63934%;max-width:none;height:auto;object-fit:contain;transform:none}
.founder-image.saeed-source-frame,.founder-page-hero .saeed-source-frame{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:180px 180px 0 0;background:#e9eee8}
.founder-image.saeed-source-frame img,.founder-page-hero .saeed-source-frame img{position:absolute;left:-34.42623%;top:0;margin-top:-42.62295%;width:151.63934%;max-width:none;height:auto;object-fit:contain;transform:none}
#founder-story{scroll-margin-top:88px}
.people-grid .person-index{left:14px;top:14px;width:auto;height:auto;min-width:30px;padding:7px 9px;background:#102e4be8;color:#fff;border:1px solid #ffffff40;border-radius:0;font-size:9px;letter-spacing:.03em;z-index:2}
.portrait-signature{position:absolute;right:12px;bottom:17px;writing-mode:vertical-rl;color:#fff;font:7px Manrope,sans-serif;letter-spacing:.13em;text-shadow:0 1px 4px #0008;z-index:2;opacity:.85}
.people-grid .person-info{padding:21px 20px 18px;min-height:113px;border:0;color:#102e4b}
.people-grid .person-info h3{font-size:21px;line-height:1.4;letter-spacing:-.035em;margin:0 0 6px}
.people-grid .person-info p{font-size:11px;line-height:1.7;color:#526573;margin:0;max-width:250px}
.people-section-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid #ffffff29;padding-top:31px;margin-top:68px}
.people-section-bottom>p{margin:0;color:#bbcdd8;font-size:12px;line-height:1.8}
.team-button{background:#edaf29;color:#102e4b;border:1px solid #edaf29;font-size:12px;min-height:50px}
.team-button:hover{background:#fff;color:#102e4b;border-color:#fff}
.team-page-intro{background:#102e4b;color:#fff;padding:56px 0 0;overflow:hidden}
.team-page-intro .people-section-top{margin-bottom:45px}
.team-intro-grid{display:grid;grid-template-columns:1.7fr .7fr;gap:100px;align-items:center;padding-bottom:48px}
.team-intro-grid h1{font-size:clamp(48px,5vw,74px);line-height:1.12;letter-spacing:-.05em;margin:0 0 27px}
.team-intro-grid h1 span{display:block}
.team-intro-grid h1 span:last-child{color:#edaf29}
.team-intro-grid>div>p{font-size:14px;line-height:1.9;max-width:650px;color:#c0cfd8;margin:0}
.team-collective{border-left:1px solid #ffffff29;padding-left:60px;text-align:center}
.team-collective-number{display:block;font-family:Manrope,sans-serif;font-size:130px;line-height:1.2;font-weight:600;letter-spacing:-.08em;color:#edaf29}
.team-collective>p{font-size:13px!important;color:#e2e8e7!important;line-height:1.7!important;max-width:230px!important;margin:15px auto 0!important}
.team-collective-line{display:flex;align-items:center;gap:18px;max-width:240px;margin:25px auto 0}
.team-collective-line span{flex:1;height:1px;background:#ffffff29}
.team-collective-line img{width:22px;height:29px;object-fit:contain}
.team-page-nav{display:flex;gap:40px;border-top:1px solid #ffffff29}
.team-page-nav a{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:23px 0;font-size:11px;line-height:1.7;color:#dbe4e8}
.team-page-nav a span{color:#edaf29;font-size:20px;transition:transform .2s ease}
.team-page-nav a:hover{color:#edaf29}
.team-page-nav a:hover span{transform:translate(3px,3px)}
#team-leadership,#team-colleagues,#team-office,#our-people{scroll-margin-top:88px}
.team-leadership{background:#f7f8f5}
.leadership-layout{display:grid;grid-template-columns:.8fr 2fr;gap:65px;align-items:start}
.leadership-intro{padding-top:20px}
.leadership-intro .eyebrow{font-size:9px;line-height:1.8;color:#876722;margin-bottom:30px}
.leadership-intro h2{font-size:37px;line-height:1.24;letter-spacing:-.04em;margin-bottom:23px}
.leadership-intro>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#526573;max-width:280px}
.leadership-intro .text-link{font-size:11px;margin-top:18px}
.leadership-layout .leadership-grid{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.leadership-grid .person:nth-child(2){padding-top:0}
.leadership-grid .person-info{min-height:112px;padding:24px}
.leadership-grid .person-info h3{font-size:25px}
.leadership-grid .person-info p{font-size:12px}
.team-directory{background:#e9eee8}
.team-directory-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:40px}
.team-directory-heading .eyebrow{color:#876722;font-size:10px;margin-bottom:17px}
.team-directory-heading h2{font-size:45px;line-height:1.22;margin:0;letter-spacing:-.04em}
.team-directory-heading>p{font-size:13px;line-height:1.9;max-width:330px;margin:0 0 3px;color:#526573}
.team-portrait-grid{gap:28px 24px}
.team-portrait-grid .person-info{min-height:110px}
.team-directory-end{display:flex;align-items:center;justify-content:center;gap:23px;margin-top:55px}
.team-directory-end p{font-size:11px;line-height:1.8;text-align:center;margin:0;color:#526573}
.team-directory-end span{height:1px;background:#b9c7c2;flex:1;max-width:160px}
html[lang=bn] .people-showcase .section-heading h2{font-size:48px;line-height:1.4}
html[lang=bn] .people-showcase .section-heading>div>p{font-size:15px;line-height:2}
html[lang=bn] .people-office-label,html[lang=bn] .people-section-bottom>p{font-size:13px}
html[lang=bn] .people-grid .person-info h3{font-size:23px;line-height:1.5;letter-spacing:-.025em}
html[lang=bn] .people-grid .person-info p{font-size:13px}
html[lang=bn] .team-intro-grid h1{font-size:64px;line-height:1.35}
html[lang=bn] .team-intro-grid>div>p{font-size:15px}
html[lang=bn] .team-collective-number{font-family:inherit;font-size:125px;letter-spacing:-.03em}
html[lang=bn] .team-page-nav a{font-size:13px}
html[lang=bn] .leadership-intro h2{font-size:34px;line-height:1.5}
html[lang=bn] .leadership-intro>p:not(.eyebrow){font-size:14px}
html[lang=bn] .team-directory-heading h2{font-size:40px;line-height:1.5}
html[lang=bn] .team-directory-heading>p{font-size:14px}
@media(max-width:1200px){
  .people-showcase .section-heading h2{font-size:46px}.people-showcase .section-heading{gap:45px}
  .people-grid .person-info{padding:19px 16px}.people-grid .person-info h3{font-size:19px}
  .team-intro-grid{gap:60px}.team-collective{padding-left:35px}.team-collective-number{font-size:110px}
  .leadership-layout{gap:40px;grid-template-columns:.8fr 2fr}.leadership-intro h2{font-size:30px}
  .leadership-grid .person-info h3{font-size:23px}.leadership-layout .leadership-grid{gap:22px}
  html[lang=bn] .team-intro-grid h1{font-size:53px}html[lang=bn] .people-showcase .section-heading h2{font-size:41px}
}
@media(max-width:1000px){
  .people-showcase .section-heading h2{font-size:40px}.people-showcase .section-heading>div>p{font-size:12px}
  .people-showcase .people-grid{gap:16px}.people-grid .person-info{padding:17px 14px;min-height:111px}
  .people-grid .person-info h3{font-size:17px}.people-grid .person-info p{font-size:10px}
  .team-intro-grid{gap:35px;grid-template-columns:1.6fr .8fr}.team-intro-grid h1{font-size:46px}
  .team-collective-number{font-size:90px}.team-collective{padding-left:28px}.team-intro-grid>div>p{font-size:13px}
  .team-page-nav{gap:30px}.team-page-nav a{font-size:10px;gap:20px}
  .leadership-layout{grid-template-columns:1fr;gap:30px}.leadership-intro{padding:0;max-width:650px}
  .leadership-intro h2{font-size:36px}.leadership-intro>p:not(.eyebrow){max-width:550px}
  .leadership-intro .eyebrow{margin-bottom:17px}.leadership-intro .text-link{margin-top:8px}
  .leadership-layout .leadership-grid{gap:28px}.leadership-grid .person-info{padding:23px}
  .leadership-grid .person-info h3{font-size:24px}.leadership-grid .person-info p{font-size:12px}
  .team-directory-heading h2{font-size:36px}.team-portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}
  .team-directory-heading{gap:30px}.team-directory-heading>p{font-size:12px;max-width:260px}
  html[lang=bn] .team-intro-grid h1{font-size:43px}html[lang=bn] .people-showcase .section-heading h2{font-size:36px}
  html[lang=bn] .people-grid .person-info h3{font-size:20px}html[lang=bn] .people-grid .person-info p{font-size:11px}
  html[lang=bn] .team-collective-number{font-size:90px}html[lang=bn] .team-directory-heading h2{font-size:33px}
}
@media(max-width:760px){
  .people-section-top{align-items:flex-start;gap:15px;margin-bottom:28px;padding-bottom:20px}
  .people-section-top .eyebrow{font-size:8px;line-height:1.7;max-width:200px}.people-section-top>span{font-size:8px;line-height:1.8;text-align:right;max-width:125px}
  .people-showcase .section-heading{margin-bottom:33px}.people-showcase .section-heading h2{font-size:40px;line-height:1.17}
  .people-showcase .section-heading>div{max-width:520px}.people-showcase .section-heading>div>p{font-size:13px;margin:22px 0 18px}
  .people-office-label{font-size:10px}.people-showcase .people-grid{gap:23px 15px}
  .people-showcase .person:nth-child(2),.people-showcase .person:nth-child(4){margin-top:22px;margin-bottom:-22px}
  .people-showcase .people-feature{grid-template-columns:minmax(0,1fr);max-width:380px;margin-inline:auto}
  .people-showcase .people-feature .person:nth-child(n){margin:0}
  .people-grid .person:nth-child(n) .person-photo{aspect-ratio:3/4}
  .people-grid .person-info{padding:15px 13px 17px;min-height:108px}
  .people-grid .person-info h3{font-size:18px;line-height:1.35;letter-spacing:-.035em}
  .people-grid .person-info p{font-size:10px;line-height:1.65}
  .people-grid .person-index{left:10px;top:10px;font-size:8px;padding:5px 7px;min-width:25px}
  .portrait-signature{right:8px;bottom:13px;font-size:6px}
  .people-section-bottom{align-items:flex-start;flex-direction:column;gap:20px;margin-top:53px;padding-top:25px}
  .people-section-bottom>p{font-size:11px}.team-button{font-size:11px}
  .team-page-intro{padding-top:35px}.team-page-intro .people-section-top{margin-bottom:32px}
  .team-intro-grid{grid-template-columns:1fr;gap:30px;padding-bottom:32px}
  .team-intro-grid h1{font-size:45px;line-height:1.15;margin-bottom:24px}.team-intro-grid>div>p{font-size:13px}
  .team-collective{border-left:0;border-top:1px solid #ffffff29;padding:21px 0 0;display:flex;align-items:center;gap:25px;text-align:left}
  .team-collective-number{font-size:70px;line-height:1.15;flex-shrink:0}.team-collective>p{margin:0!important;font-size:12px!important;max-width:210px!important}
  .team-collective-line{display:none}.team-page-nav{gap:0;justify-content:space-between}.team-page-nav a{padding:17px 0;font-size:9px;gap:10px;max-width:36%}.team-page-nav a span{font-size:17px}
  .leadership-intro h2{font-size:34px}.leadership-intro>p:not(.eyebrow){font-size:13px}
  .leadership-layout{gap:28px}.leadership-layout .leadership-grid{gap:17px}
  .leadership-grid .person-info{padding:17px 14px;min-height:120px}.leadership-grid .person-info h3{font-size:19px}.leadership-grid .person-info p{font-size:11px}
  .team-directory-heading{display:block;margin-bottom:30px}.team-directory-heading h2{font-size:33px}.team-directory-heading>p{max-width:420px;margin-top:18px;font-size:13px}
  .team-portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.team-portrait-grid .person-info{min-height:110px}
  .team-directory-end{gap:15px;margin-top:35px}.team-directory-end p{font-size:10px;max-width:215px}
  html[lang=bn] .people-showcase .section-heading h2{font-size:35px}html[lang=bn] .people-showcase .section-heading>div>p{font-size:14px}
  html[lang=bn] .people-grid .person-info h3{font-size:20px}html[lang=bn] .people-grid .person-info p{font-size:11px}
  html[lang=bn] .team-intro-grid h1{font-size:39px}html[lang=bn] .team-intro-grid>div>p{font-size:14px}
  html[lang=bn] .team-collective-number{font-size:66px}html[lang=bn] .team-page-nav a{font-size:11px}
  html[lang=bn] .team-directory-heading h2{font-size:31px}html[lang=bn] .leadership-intro h2{font-size:31px}
}
@media(max-width:400px){
  .people-showcase .section-heading h2{font-size:35px}.people-grid .person-info h3{font-size:16px}.people-grid .person-info{padding:14px 11px;min-height:116px}
  .people-grid .person-info p{font-size:10px}.team-intro-grid h1{font-size:37px}.team-collective{gap:20px}.team-collective-number{font-size:61px}
  .leadership-grid .person-info h3{font-size:17px}.leadership-grid .person-info{min-height:122px}.team-page-nav a{font-size:8px;gap:7px}
  html[lang=bn] .team-intro-grid h1{font-size:34px}html[lang=bn] .people-grid .person-info h3{font-size:18px}
  html[lang=bn] .people-showcase .section-heading h2{font-size:32px}html[lang=bn] .team-page-nav a{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.people-grid .person,.people-grid .person-photo img,.people-grid .person-photo:after,.team-page-nav a span{transition:none}.people-grid .person:hover,.people-grid .person:hover .person-photo img{transform:none}}
body[data-motion=off] .people-grid .person,body[data-motion=off] .people-grid .person-photo img,body[data-motion=off] .people-grid .person-photo:after{transition:none}
body[data-motion=off] .people-grid .person:hover,body[data-motion=off] .people-grid .person:hover .person-photo img{transform:none}
@media print{.people-showcase,.team-page-intro{background:#fff;color:#102e4b}.people-grid .person{break-inside:avoid;box-shadow:none}.team-page-nav{display:none}.people-grid .person-photo img{filter:none}.people-section-top>span,.people-showcase .section-heading>div>p,.people-office-label,.people-section-bottom>p,.team-intro-grid>div>p{color:#102e4b}.people-showcase .person:nth-child(2),.people-showcase .person:nth-child(4){margin:0}}
/* Neutral frames for team members whose photographs have not been supplied. */
.person-placeholder{width:100%;height:100%;display:grid;place-items:center;background:#e3e8e5;color:#9baeb1}
.person-placeholder svg{width:34%;max-width:110px;height:auto}
.person-placeholder~.portrait-signature{color:#71858a;text-shadow:none}
.leadership-layout.leadership-expanded{display:block}
.leadership-expanded .leadership-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:0 60px;align-items:start;max-width:none;padding:0;margin-bottom:42px}
.leadership-expanded .leadership-intro .eyebrow{grid-column:1/-1;margin:0 0 20px}
.leadership-expanded .leadership-intro h2{grid-column:1;grid-row:2/4;margin:0;max-width:550px}
.leadership-expanded .leadership-intro>p:not(.eyebrow){grid-column:2;max-width:440px;margin:0}
.leadership-expanded .leadership-intro .text-link{grid-column:2;justify-self:start;margin-top:18px}
.leadership-expanded .leadership-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.leadership-expanded .leadership-grid .person-info{padding:21px 20px;min-height:132px}
.leadership-expanded .leadership-grid .person-info h3{font-size:21px}
.leadership-expanded .leadership-grid .person-info p{font-size:11px}
@media(max-width:1000px){.leadership-expanded .leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leadership-expanded .leadership-intro{gap:0 35px}.leadership-expanded .leadership-intro h2{font-size:32px}}
@media(max-width:600px){.leadership-expanded .leadership-intro{display:block;margin-bottom:30px}.leadership-expanded .leadership-intro h2{margin-bottom:20px}.leadership-expanded .leadership-grid{gap:16px}.leadership-expanded .leadership-grid .person-info{padding:17px 13px;min-height:130px}.leadership-expanded .leadership-grid .person-info h3{font-size:17px}.leadership-expanded .leadership-grid .person-info p{font-size:10px}}
