/* Illustrated founder headers with selection directly on the group portrait. */
.section-team{background:#213e60;color:#f4f2ef}
body.frontdoor-preview .section-team,
body.frontdoor-preview.frontdoor-light .section-team{--preceding-surface:#fff;--section-surface:#213e60}
body.frontdoor-preview .section-footer,
body.frontdoor-preview.frontdoor-light .section-footer{--preceding-surface:#213e60}
.team-section{position:relative;padding-top:48px;padding-bottom:44px;scroll-margin-top:104px;max-width:1160px}
.team-heading{max-width:800px;margin:0 auto 30px;text-align:center}
.team-eyebrow{margin:0 0 13px;font-size:14px;font-weight:500;color:#bed2ee}
.team-heading h2{margin:0;font-size:clamp(26px,3.8vw,44px);font-weight:600;line-height:1.4;letter-spacing:-.7px;color:#f4f2ef}
.team-heading h2 span{color:#bed2ee}
.team-composition{position:relative;max-width:1020px;margin:0 auto}
.team-specialties{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:0 8px;min-height:112px}
.team-specialty{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;align-self:start;transition:opacity .25s ease}
.team-specialty>img{width:102px;height:86px;object-fit:contain;transform:rotate(-6deg)}
.team-specialty>span{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:21px;line-height:1.15;max-width:155px;color:#f4f2ef}
.team-specialty-palm>img{transform:rotate(4deg)}
.team-specialty-buta>img{transform:rotate(-3deg)}
.team-specialty-arrow{position:absolute;top:72px;right:28px;width:72px;height:42px;color:#e9a15d;transform:rotate(22deg)}
.team-specialty-palm .team-specialty-arrow{right:70px;transform:scaleX(-1) rotate(22deg)}
.team-specialty-buta .team-specialty-arrow{right:auto;left:34px;transform:scaleX(-1) rotate(26deg)}
.team-stage{position:relative;scroll-margin-top:112px}
.team-portrait{position:relative;margin:0;aspect-ratio:1672/690;overflow:hidden;-webkit-mask-image:linear-gradient(#000 74%,transparent 100%);mask-image:linear-gradient(#000 74%,transparent 100%)}
.team-portrait img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;transform:translateY(-8%);transition:opacity .3s ease}
.team-person-layer{position:absolute;inset:0 auto auto 0;opacity:0;pointer-events:none}
/* Feathered masks retain the source image's original alignment and faces. */
.team-person-layer-ong{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 32%,transparent 43%);mask-image:linear-gradient(90deg,#000 0%,#000 32%,transparent 43%)}
.team-person-layer-palm{-webkit-mask-image:linear-gradient(90deg,transparent 31%,#000 41%,#000 58%,transparent 66%);mask-image:linear-gradient(90deg,transparent 31%,#000 41%,#000 58%,transparent 66%)}
.team-person-layer-buta{-webkit-mask-image:linear-gradient(90deg,transparent 57%,#000 67%,#000 100%);mask-image:linear-gradient(90deg,transparent 57%,#000 67%,#000 100%)}
.team-section[data-active] .team-group-image{opacity:.23}
.team-section[data-active="ong"] .team-person-layer-ong,
.team-section[data-active="palm"] .team-person-layer-palm,
.team-section[data-active="buta"] .team-person-layer-buta{opacity:1}
.team-section[data-active] .team-specialty,.team-section[data-active] .team-person{opacity:.36}
.team-section[data-active="ong"] .team-specialty-ong,.team-section[data-active="ong"] [data-team-person="ong"],
.team-section[data-active="palm"] .team-specialty-palm,.team-section[data-active="palm"] [data-team-person="palm"],
.team-section[data-active="buta"] .team-specialty-buta,.team-section[data-active="buta"] [data-team-person="buta"]{opacity:1}
.team-face-targets{position:absolute;inset:0}
.team-face{position:absolute;top:5%;bottom:6%;width:23%;border:0;padding:0;background:transparent;border-radius:35%;cursor:pointer;-webkit-tap-highlight-color:transparent}
.team-face-ong{left:17%}.team-face-palm{left:39%}.team-face-buta{left:61%}
.team-face:focus-visible{outline:2px solid #bed2ee;outline-offset:3px}
.team-people{position:relative;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin:-15px 0 0;padding:0 24px}
.team-person{min-width:0;position:relative;transition:opacity .25s ease}
.team-person h3{margin:0}
.team-name-button{display:block;width:100%;padding:10px 0 2px;border:0;background:none;color:#f4f2ef;text-align:left;cursor:pointer;font:500 21px/1.45 Anuphan,sans-serif;transition:color .2s ease}
.team-name-button:hover,.team-name-button[aria-expanded="true"]{color:#e9a15d}
.team-name-button:focus-visible{outline:2px solid #bed2ee;outline-offset:5px;border-radius:3px}
.team-role{margin:7px 0 0;color:#e9a15d;font-size:12px;font-weight:600;letter-spacing:1.8px}
.team-inline-panel{position:absolute;z-index:2;top:0;right:0;width:35%;max-height:100%;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#819ab5 transparent;padding:8px 6px 8px 22px;background:linear-gradient(90deg,rgba(33,62,96,0),rgba(33,62,96,.96) 8%,#213e60 100%);color:#f4f2ef}
.team-inline-panel[hidden]{display:none}
.team-section[data-active="buta"] .team-inline-panel{right:auto;left:0;padding:8px 22px 12px 6px;background:linear-gradient(90deg,#213e60,rgba(33,62,96,.96) 92%,rgba(33,62,96,0))}
.team-clear{position:absolute;top:0;right:0;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#bed2ee;cursor:pointer}
.team-clear svg{width:18px;height:18px}
.team-clear:hover{color:#fff;background:#ffffff0d}
.team-profile-header{padding-right:30px}
.team-profile-role{margin:0 0 5px;font-size:11px;font-weight:600;letter-spacing:1.5px;color:#e9a15d}
#team-profile-name{font-size:19px;line-height:1.4;font-weight:500;letter-spacing:-.2px;color:#f4f2ef;margin:0;outline:none}
.team-profile-credentials{list-style:none;display:grid;gap:12px;margin:16px 0 8px;padding:0}
.team-profile-credentials>li{display:flex;align-items:center;gap:10px;min-width:0;min-height:39px}
.team-profile-credentials>li>div{min-width:0}
.team-profile-credentials strong{display:block;color:#f4f2ef;font-size:12px;line-height:1.4;font-weight:500}
.team-profile-credentials div>span{display:block;color:#bed2ee;font-size:11px;line-height:1.45;margin-top:3px}
.team-profile-mark{display:inline-flex;flex:none;align-items:center;justify-content:center;width:60px;height:36px;padding:5px;background:#f4f2ef;border-radius:6px}
.team-profile-mark img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.team-profile-mark.wide{padding:4px}
.team-profile-marks{display:flex;flex:none;width:60px;gap:2px}
.team-profile-marks .team-profile-mark{width:29px;height:34px;padding:3px}
.team-profile-link{display:inline-flex;align-items:center;gap:8px;color:#bed2ee;text-decoration:none;font-size:12px;font-weight:500;min-height:40px}
.team-profile-link svg{width:15px;height:15px;fill:currentColor}
.team-profile-link:hover{text-decoration:underline;text-underline-offset:4px;color:#fff}
.team-inline-panel :is(button,a){pointer-events:auto}
.team-inline-panel:focus-visible,.team-inline-panel :is(button,a):focus-visible{outline:2px solid #e9a15d;outline-offset:3px}
#team-profile-announcement{position:absolute;top:0;left:0}
@media(max-width:999px){
 .team-specialties{gap:15px;min-height:108px}
 .team-specialty>img{width:78px;height:72px}
 .team-specialty>span{font-size:18px}
 .team-specialty-arrow{top:64px;right:7px;width:60px}
 .team-specialty-palm .team-specialty-arrow{right:35px}
 .team-specialty-buta .team-specialty-arrow{left:15px}
 .team-people{gap:24px;padding:0 10px}
 .team-name-button{font-size:18px}
 .team-inline-panel,.team-section[data-active="buta"] .team-inline-panel{width:43%;padding:5px 7px 5px 16px}
 .team-section[data-active="buta"] .team-inline-panel{padding:5px 16px 5px 7px}
 .team-profile-header{padding-right:26px}
 #team-profile-name br{display:none}
 #team-profile-name{font-size:15px;line-height:1.3}
 .team-profile-role{font-size:10px;margin-bottom:3px}
 .team-profile-credentials{gap:9px;margin:10px 0 4px}
 .team-profile-credentials>li{min-height:32px;gap:8px}
 .team-profile-credentials strong{font-size:12px;line-height:1.3}
 .team-profile-credentials div>span{font-size:11px;line-height:1.3;margin-top:2px}
 .team-profile-mark,.team-profile-marks{width:46px;height:30px}
 .team-profile-marks .team-profile-mark{width:22px;height:28px;padding:2px}
 .team-profile-link{min-height:30px;font-size:11px}
 .team-clear{top:0;right:0;width:28px;height:28px}
}
@media(max-width:600px){
 .team-section{padding-top:40px;padding-bottom:32px}
 .team-heading{margin-bottom:24px}
 .team-heading h2{font-size:26px;letter-spacing:-.4px}
 .team-eyebrow{font-size:12px}
 .team-specialties{gap:8px;padding:0 6px;min-height:120px}
 .team-specialty{flex-direction:column;gap:3px;text-align:center}
 .team-specialty>img{width:64px;height:56px}
 .team-specialty>span{font-size:15px;max-width:124px}
 .team-specialty-arrow{top:99%;right:0;width:40px;height:29px}
 .team-specialty-palm .team-specialty-arrow{right:0}
 .team-specialty-buta .team-specialty-arrow{left:0}
 .team-face{top:0;bottom:0}
 .team-people{grid-template-columns:1fr;gap:0;margin-top:8px;padding:0 8px}
 .team-person{display:grid;grid-template-columns:1fr 36px;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #4e6c8c}
 .team-name-button{font-size:18px;padding:4px 0;line-height:1.5}
 .team-name-button br{display:none}
 .team-role{margin:0;font-size:10px;letter-spacing:.8px;text-align:right}
 .team-inline-panel,.team-section[data-active="buta"] .team-inline-panel{width:62%;padding:6px 6px 4px 12px}
 .team-section[data-active="buta"] .team-inline-panel{padding:6px 12px 4px 6px}
 .team-profile-header{padding-right:27px}
 #team-profile-name{font-size:12px}
 .team-profile-role{font-size:9px}
 .team-profile-credentials{gap:10px;margin:9px 0 4px}
 .team-profile-credentials>li{gap:7px;align-items:flex-start}
 .team-profile-credentials strong{font-size:12px}
 .team-profile-credentials div>span{font-size:10px}
 .team-profile-mark,.team-profile-marks{width:36px;height:28px}
 .team-profile-marks .team-profile-mark{width:17px;height:26px;padding:2px}
 .team-profile-mark{padding:3px}
 .team-clear{top:1px;right:1px;width:26px;height:26px}
 .team-inline-panel{scrollbar-width:auto}
}
@media(max-width:360px){
 .team-name-button{font-size:16px}
 .team-name-button br{display:block}
 .team-specialty>span{font-size:14px}
 .team-specialty>img{width:60px}
 #team-profile-name{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.team-portrait img,.team-person,.team-specialty,.team-name-button{transition:none}}