.page-team{background:#040811}
.team-stage{position:relative;isolation:isolate;overflow:hidden;padding:110px 0 25px;min-height:calc(100svh - 68px)}
.team-atmosphere{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 17% 63%,#163b604d,transparent 48%),linear-gradient(120deg,#040811,#080f1b)}
.team-atmosphere:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#93c6f006 1px,transparent 1px),linear-gradient(90deg,#93c6f006 1px,transparent 1px);background-size:94px 94px;mask-image:linear-gradient(90deg,#000,transparent)}
.team-shell{width:min(1280px,calc(100% - 112px));margin:auto}
.team-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:23px}
.team-eyebrow{font-size:10px;letter-spacing:.12em;line-height:1.5;color:#82adcF;margin-bottom:9px}
.page-team #team-title{font-size:clamp(25px,2.5vw,38px);font-weight:500;line-height:1.5;letter-spacing:-.035em;color:#edf5fc}
.team-heading>p{font-size:11px;color:#718aa3;margin-bottom:6px;white-space:nowrap}
.team-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #d2ddeb66;gap:0;margin-bottom:30px}
.team-tabs button{position:relative;display:flex;align-items:center;text-align:left;gap:17px;min-height:72px;padding:12px 20px;border-top:1px solid #d2ddeb66;outline:1px solid #d2ddeb66;outline-offset:-1px;background:transparent;color:#aebbc9;transition:border-color .2s,outline-color .2s,color .2s}
.team-tabs button+button{border-left:1px solid #d2ddeb66}
.team-tabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;transition:background .2s}
.team-tabs button[aria-selected="true"]{color:#f1f6fb;background:transparent;border-color:#f1f6fb;outline-color:#f1f6fb}
.team-tabs button[aria-selected="true"]:after{background:#f1f6fb}

.team-tabs button>span{font-size:17px;font-weight:500;letter-spacing:.01em}
.team-tabs small{display:block;font-size:10px;color:#96a5b5;line-height:1.5;font-weight:400;margin-top:4px}
.team-tabs i{margin-left:auto;font-style:normal;font-size:19px;color:#c1ccd8;opacity:0;transform:translate(-3px,3px);transition:opacity .2s,transform .2s}
.team-tabs button[aria-selected="true"] i,.team-tabs button:hover i{opacity:1;transform:none}
.team-tabs button:hover{background:transparent;color:#f1f6fb;border-color:#f1f6fb;outline-color:#f1f6fb}
.team-profile{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(32px,4.4vw,76px);align-items:start;max-width:1120px;margin-inline:auto;min-height:330px;animation:team-profile-in .32s ease both}
.team-profile[hidden]{display:none}
.team-portrait{grid-column:1;grid-row:1/3;position:relative;aspect-ratio:1;width:100%;margin:0;background:#0d1c2e;overflow:hidden;outline:1px solid #acdfff2c;outline-offset:5px}
.team-portrait img{display:block;aspect-ratio:1;width:100%;height:100%;object-fit:cover;object-position:center}
.team-portrait-hou img{object-position:center 10%}
.team-portrait-placeholder{display:grid;place-items:center;background:radial-gradient(ellipse at 45% 40%,#173c5a,#07111f 75%)}
.team-portrait-placeholder svg{position:absolute;inset:0;width:100%;height:100%;opacity:.22;stroke-width:.7}
.team-monogram{position:relative;font-size:clamp(65px,8vw,112px);font-weight:250;line-height:1;letter-spacing:-.05em;color:#c7e8ff;opacity:.85}
.team-portrait-name{position:absolute;bottom:26px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.09em;color:#8ab4d2}
.team-identity{padding-top:3px;grid-column:2;grid-row:1}
.team-role{color:#8fc7ed;font-size:14px;line-height:1.6;letter-spacing:.025em;margin-bottom:10px}
.team-identity h2{font-size:34px;font-weight:500;line-height:1.35;color:#edf6ff;letter-spacing:-.025em}
.team-identity h2 span{display:inline-block;font-size:1em;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:#8fa9bf;margin-left:13px}
.team-affiliation{font-size:12px;color:#8fa8bf;line-height:1.9;margin-top:11px}
.team-profile-body{grid-column:2;grid-row:2;padding-top:17px}
.team-bio{font-size:14px;line-height:1.95;color:#c5d2df;max-width:650px;text-wrap:pretty}
.team-research{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:15px 0 0;list-style:none;font-size:10px;line-height:1.7;color:#83afcf}
.team-research li{padding-left:10px;position:relative}
.team-research li:before{content:"";position:absolute;left:0;top:7px;width:3px;height:3px;background:#79c3fa}
.team-details{margin-top:17px;border-top:1px solid #abcfee24;max-width:650px}
.team-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0;min-height:42px;font-size:11px;color:#a5bdd0;cursor:pointer;list-style:none}
.team-details summary::-webkit-details-marker{display:none}
.team-details summary>span{font-size:19px;font-weight:300;color:#8dc8ef;transition:transform .2s}
.team-details[open] summary>span{transform:rotate(45deg)}
.team-details>div{padding:2px 0 12px}
.team-details p{color:#8ea7be;font-size:12px;line-height:1.95;text-wrap:pretty}
.team-details p+p{margin-top:12px}
.team-academic-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:44px;padding:10px 18px;background:transparent;color:#eaf2f8;border:1px solid #d2ddeb99;font-size:11px;font-weight:500;box-shadow:none;transition:color .2s,border-color .2s,transform .2s}
.team-academic-link>span{font-size:19px;line-height:1}
.team-academic-link:hover{background:transparent;color:#f1f6fb;border-color:#f1f6fb;transform:translateY(-1px)}
.team-closing{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;padding-top:16px;border-top:1px solid #a7d6f71c;font-size:10px;line-height:1.6;color:#6888a3}
.team-closing a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;color:#c1ccd8;background:transparent;border:1px solid #d2ddeb99;white-space:nowrap;transition:color .2s,outline-color .2s}
.team-closing a:hover{color:#f1f6fb;border-color:#f1f6fb}
.team-closing a span{margin-left:15px;font-size:14px}
.team-stage a:focus-visible,.team-stage button:focus-visible,.team-stage summary:focus-visible,.team-profile:focus-visible{outline:2px solid #b6c7d8;outline-offset:5px}
@keyframes team-profile-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1150px) and (min-width:761px){.team-shell{width:calc(100% - 72px)}.team-profile{grid-template-columns:minmax(0,285px) minmax(0,1fr);column-gap:36px}.team-tabs button{gap:12px;padding-inline:15px}.team-heading>p{font-size:10px}.team-identity h2{font-size:30px}.team-bio{font-size:13px}}
@media(max-height:780px) and (min-width:761px){.team-stage{padding-top:105px;padding-bottom:18px}.team-heading{margin-bottom:16px}.team-eyebrow{margin-bottom:5px}.page-team #team-title{font-size:29px}.team-tabs{margin-bottom:25px}.team-tabs button{min-height:63px}.team-profile{grid-template-columns:minmax(0,305px) minmax(0,1fr);min-height:305px;max-width:1080px}.team-role{margin-bottom:7px}.team-identity h2{font-size:30px}.team-affiliation{margin-top:9px;font-size:11px}.team-profile-body{padding-top:12px}.team-bio{font-size:13px;line-height:1.85}.team-research{margin-top:12px}.team-details{margin-top:13px}.team-closing{margin-top:23px}}
@media(max-width:760px){.team-stage{padding:96px 0 21px;min-height:calc(100svh - 68px)}.team-shell{width:calc(100% - 40px)}.team-heading{display:block;margin-bottom:21px}.team-eyebrow{font-size:9px;margin-bottom:7px}.page-team #team-title{font-size:25px;letter-spacing:-.04em}.team-heading>p{font-size:10px;margin-top:10px;margin-bottom:0}.team-tabs{margin-bottom:28px}.team-tabs button{gap:8px;min-height:64px;padding:10px 8px}.team-tabs button>span{font-size:15px;white-space:nowrap}.team-tabs small{display:none}.team-tabs i{display:none}.team-profile{grid-template-columns:126px minmax(0,1fr);grid-template-rows:auto auto;gap:22px 20px;min-height:0}.team-portrait{grid-row:1;grid-column:1;outline-offset:3px}.team-portrait-name{bottom:13px;font-size:7px;letter-spacing:0}.team-monogram{font-size:54px}.team-identity{grid-column:2;grid-row:1;align-self:center;padding:0;min-width:0}.team-role{font-size:12px;letter-spacing:0;margin-bottom:7px;line-height:1.6}.team-identity h2{font-size:25px}.team-identity h2 span{display:block;margin:4px 0 0;font-size:1em;line-height:1.2}.team-affiliation{font-size:10px;line-height:1.75;margin-top:9px}.team-profile-body{grid-column:1/-1;grid-row:2;padding-top:0}.team-bio{font-size:13px;line-height:1.95}.team-research{font-size:9px;gap:7px 15px;margin-top:15px}.team-details{margin-top:19px}.team-details summary{min-height:45px;font-size:11px}.team-details p{font-size:12px;line-height:1.95}.team-academic-link{min-height:44px;margin-top:5px;padding:11px 18px;font-size:11px}.team-closing{margin-top:26px;padding-top:15px;font-size:9px;align-items:flex-start}.team-closing p{max-width:214px}.team-closing a{font-size:10px}.team-closing a span{margin-left:6px}}
@media(max-width:370px){.team-shell{width:calc(100% - 32px)}.team-profile{grid-template-columns:112px minmax(0,1fr);column-gap:16px}.page-team #team-title{font-size:23px}.team-tabs button{gap:6px;padding-inline:4px}.team-identity h2{font-size:24px}.team-affiliation{font-size:9px}}
@media(max-height:780px) and (min-width:761px){.team-stage{min-height:calc(100svh - 69px);padding-bottom:14px}.team-heading{margin-bottom:12px}.team-tabs{margin-bottom:19px}.team-closing{margin-top:15px}}
/* Full source biographies remain visible in each member's profile. */
.team-profile-body{padding-top:20px}
.team-bio{font-size:14px;line-height:1.95;text-wrap:wrap}
.team-bio+.team-bio{margin-top:18px}
.team-biography .team-bio:nth-last-child(2){font-weight:500;color:#d6e2ef}
.team-profile-body .team-academic-link{margin-top:24px}
.team-role{line-height:1.8}
.team-profile{grid-template-rows:auto 1fr}
@media(min-width:761px){.team-portrait{position:sticky;top:112px}.team-identity h2{margin-bottom:2px}.team-tabs small{max-width:270px}.team-profile{margin-bottom:18px}}
@media(max-width:760px){.team-profile-body{padding-top:0}.team-bio{font-size:14px;line-height:2}.team-bio+.team-bio{margin-top:18px}.team-role{line-height:1.8}.team-profile-body .team-academic-link{margin-top:22px}}
.team-focus{font-size:12px;line-height:1.9;color:#96bbd6;border-top:1px solid #9acbf42b;margin-top:22px;padding-top:16px}
.team-closing{justify-content:flex-end}
@media(max-width:760px){.team-focus{font-size:12px}}

/* Half-open and wider folded screens give portraits and biographies more room. */
@media (min-width:600px) and (max-width:760px) {
  .team-shell { width:calc(100% - 64px); }
  .team-profile { grid-template-columns:180px minmax(0,1fr); gap:26px; }
  .team-identity h2 { font-size:30px; }
  .team-role { font-size:14px; }
  .team-tabs button>span { font-size:17px; }
  .team-tabs small { display:block; }
  .team-bio { font-size:15px; }
}