.mex-team-reveal { margin-top:44px; --team-accent:#087db4; }
.mex-team-intro { display:flex; justify-content:space-between; align-items:baseline; gap:20px; border-top:1px solid var(--line,#dce3df); padding:26px 0 38px; text-align:left; }
.mex-team-intro h3 { margin:0; color:var(--ink,#172d27); font-size:36px; font-weight:600; }
.mex-team-intro p { margin:0; font-size:12px; color:var(--muted,#63746d); }
.mex-team-panels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; align-items:start; }
.mex-person { min-width:0; background:#edf0ee; color:var(--ink,#172d27); border-radius:190px 190px 95px 95px; padding:38px 28px 65px; text-align:center; overflow:hidden; transition:background .5s,color .5s,transform .5s; }
.mex-person.is-selected { background:var(--team-accent); color:#fff; transform:translateY(-8px); }
.mex-person-toggle { display:flex; flex-direction:column; align-items:center; position:relative; width:100%; padding:0; border:0; border-radius:0; text-align:center; color:inherit; background:transparent; cursor:pointer; }
.mex-person-toggle img { width:min(210px,100%); aspect-ratio:1; height:auto; border-radius:50%; object-fit:cover; object-position:center; filter:grayscale(1); box-shadow:0 12px 22px #00000026; transition:filter .5s,transform .5s; }
.mex-person-initials { display:grid; place-items:center; width:min(210px,100%); aspect-ratio:1; border-radius:50%; background:#dce5ec; color:#182c40; font:500 56px/1 Arial,sans-serif; letter-spacing:-.04em; box-shadow:0 12px 22px #00000015; }
.mex-person.is-selected img,.mex-person-toggle:hover img { filter:grayscale(0); transform:translateY(-3px); }
.mex-person-caption { display:block; margin-top:27px; }
.mex-person-number { display:none; }
.mex-person-name { display:block; font-size:25px; line-height:1.2; font-weight:600; }
.mex-person-role { display:block; font-size:14px; margin-top:10px; font-style:italic; opacity:.85; }
.mex-person-indicator { display:none; }
.mex-person-summary { margin:22px 0 0; font-size:13px; line-height:1.8; color:inherit; }
.mex-person-detail { text-align:left; margin-top:22px; }
.mex-person-detail h4 { font-size:11px; font-weight:600; letter-spacing:.02em; color:inherit; margin:0 0 12px; }
.mex-person-detail ul { padding-left:17px; margin:0; font-size:12px; line-height:1.8; }
.mex-person-detail li+li { margin-top:8px; }
.js-team-reveal .mex-person-detail { display:grid; grid-template-rows:0fr; margin-top:0; visibility:hidden; opacity:0; transform:translateX(32px); transition:grid-template-rows .5s,margin .5s,opacity .4s,transform .5s,visibility .5s; }
.js-team-reveal .mex-person-detail>div { min-height:0; overflow:hidden; }
.js-team-reveal .is-selected .mex-person-detail { grid-template-rows:1fr; margin-top:24px; visibility:visible; opacity:1; transform:translateX(0); }
.mex-person-toggle:focus-visible { outline:3px solid currentColor; outline-offset:7px; border-radius:100px; }
.mex-cinematic .mex-person { background:#1c2a36; color:#e5edf3; }
.mex-cinematic .mex-person.is-selected { background:#0875a6; color:#fff; }
.mex-cinematic .mex-team-intro h3 { color:#f1f4f6; }
.mex-cinematic .mex-team-intro p { color:#b1bec7; }
.mex-theme-dark .mex-person:not(.is-selected) { background:#203438; color:#e5edf3; }
@media(min-width:768px) and (max-width:1000px) { .mex-team-panels { gap:14px; }.mex-person { padding:26px 18px 38px; }.mex-person-name { font-size:21px; } }
@media(max-width:767px) {
 .mex-team-intro { display:block; }.mex-team-intro h3 { font-size:30px; }.mex-team-intro p { margin-top:12px; }
 .mex-team-panels { grid-template-columns:minmax(0,1fr); gap:28px; max-width:390px; margin:auto; }
 .mex-person { padding:32px 30px 44px; }.mex-person.is-selected { transform:none; }
 .mex-person-toggle img { width:180px; }
 .mex-person-initials { width:180px; }
}
@media(prefers-reduced-motion:reduce) { .mex-team-reveal * { transition:none!important; transform:none!important; } }