@import url('inner2.css');

.team-page{background:#f5f8f8}.team-hero{background:radial-gradient(circle at 82% 25%,rgba(92,166,57,.22),transparent 25%),radial-gradient(circle at 70% 70%,rgba(8,127,130,.12),transparent 28%),linear-gradient(115deg,#f8fbfc,#e8f3f1)}
.team-intro{position:relative;z-index:3;width:min(calc(100% - 72px),1380px);margin:-32px auto 0;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border-radius:16px;background:#052a53;color:#fff;box-shadow:0 20px 44px rgba(5,42,83,.2)}
.team-intro div{padding:25px 28px;border-right:1px solid rgba(255,255,255,.15)}.team-intro div:last-child{border:0}.team-intro strong{display:block;color:#a7d95f;font-size:1.28rem}.team-intro span{display:block;margin-top:5px;color:#d5e1e8;font-size:.76rem;line-height:1.45}
.team-section-head{align-items:end}.team-section-head>p{max-width:470px}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.team-card{position:relative;display:grid;grid-template-columns:190px minmax(0,1fr);min-height:390px;overflow:hidden;border:1px solid #dce6e9;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(5,42,83,.08);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.team-card:hover{transform:translateY(-5px);border-color:#b8d5d4;box-shadow:0 20px 45px rgba(5,42,83,.14)}
.team-card__portrait{position:relative;min-height:100%;overflow:hidden;background:linear-gradient(145deg,#dfeceb,#f7faf9)}.team-card__portrait img{width:100%;height:100%;min-height:390px;object-fit:cover;object-position:50% 18%;filter:saturate(.94);transition:transform .5s ease}.team-card:hover .team-card__portrait img{transform:scale(1.035)}.team-card__accent{position:absolute;right:0;bottom:0;width:7px;height:100%;background:linear-gradient(180deg,#5ca639,#0a8b8e,#052a53)}
.team-card__initials{display:grid;width:100%;height:100%;min-height:390px;place-items:center;color:#052a53;font-size:3.2rem;font-weight:800}.team-card__content{display:flex;min-width:0;flex-direction:column;padding:28px}.team-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.team-card__role{margin:0 0 7px;color:#087f82;font-size:.68rem;font-weight:800;letter-spacing:.085em;line-height:1.5;text-transform:uppercase}.team-card h3{margin:0;color:#052a53;font-size:1.6rem;line-height:1.15}.team-card__summary{margin:20px 0;color:#596b7c;font-size:.88rem;line-height:1.72}
.team-linkedin{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:10px;background:#0a66c2;box-shadow:0 7px 18px rgba(10,102,194,.22);transition:transform .2s ease,background .2s ease}.team-linkedin:hover{transform:translateY(-2px);background:#084f96}.team-linkedin svg{width:18px;height:18px;fill:#fff}
.team-card__details{margin-top:auto;border-top:1px solid #e2eaec}.team-card__details summary{display:flex;align-items:center;justify-content:space-between;padding-top:17px;color:#052a53;font-size:.8rem;font-weight:800;cursor:pointer;list-style:none}.team-card__details summary::-webkit-details-marker{display:none}.team-card__details summary span:last-child{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#edf5f2;color:#087f82;font-size:1.15rem;transition:transform .25s ease}.team-card__details[open] summary span:last-child{transform:rotate(45deg)}.team-card__bio{padding:18px 0 2px;color:#5c6c7b;font-size:.81rem;line-height:1.75}.team-card__bio p{margin:0 0 13px}.team-card__bio p:last-child{margin-bottom:0}.team-empty{grid-column:1/-1;padding:55px;text-align:center;border:1px dashed #b9cacd;border-radius:14px;background:#fff}.team-empty h3{color:#052a53}
@media(max-width:1100px){.team-grid{grid-template-columns:1fr}.team-card{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:820px){.team-intro{grid-template-columns:repeat(2,1fr)}.team-intro div:nth-child(2){border-right:0}.team-section-head{align-items:start}}
@media(max-width:620px){.team-intro{width:calc(100% - 24px);grid-template-columns:1fr;margin-top:-15px}.team-intro div{padding:19px 22px;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.team-card{display:block;min-height:0}.team-card__portrait,.team-card__portrait img,.team-card__initials{min-height:330px;height:330px}.team-card__accent{right:auto;bottom:0;width:100%;height:6px;background:linear-gradient(90deg,#5ca639,#0a8b8e,#052a53)}.team-card__content{padding:24px}.team-card h3{font-size:1.42rem}.team-card__heading{gap:10px}}

/* Compact team cards with full biographies in a dedicated modal. */
.team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.team-card{display:flex;height:100%;min-height:0;flex-direction:column;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 13px 34px rgba(5,42,83,.09)}
.team-card:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(5,42,83,.15)}
.team-card__portrait{width:100%;height:auto;min-height:0;aspect-ratio:1/.98;background:linear-gradient(145deg,#dce8e7,#f7faf9)}
.team-card__portrait img{width:100%;height:100%;min-height:0;margin:0;object-fit:cover;object-position:50% 18%}
.team-card__initials{height:100%;min-height:0;font-size:3.5rem}
.team-card__accent{right:0;bottom:0;width:100%;height:5px;background:linear-gradient(90deg,#5ca639,#0a8b8e,#052a53)}
.team-card__content{display:flex;min-height:245px;flex:1;flex-direction:column;padding:23px 23px 20px}
.team-card__role{display:-webkit-box;min-height:3em;margin-bottom:9px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#087f82;font-size:.65rem;line-height:1.5}
.team-card h3{font-size:1.48rem;letter-spacing:-.025em}
.team-card__summary{display:-webkit-box;margin:15px 0 20px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;color:#617184;font-size:.82rem;line-height:1.65}
.team-card__actions{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:15px;border-top:1px solid #e1eaec}
.team-profile-button{display:flex;min-height:40px;flex:1;align-items:center;justify-content:space-between;gap:12px;padding:0;border:0;background:transparent;color:#052a53;font:800 .78rem/1.2 Manrope,sans-serif;text-align:left;cursor:pointer}
.team-profile-button span:last-child{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#edf6f3;color:#087f82;font-size:1rem;transition:transform .25s ease,background .25s ease,color .25s ease}
.team-profile-button:hover span:last-child{transform:translateX(3px);background:#087f82;color:#fff}
.team-linkedin{width:38px;height:38px;flex-basis:38px;border-radius:50%;box-shadow:none}
.team-dialog-open{overflow:hidden}
.team-profile-dialog{width:min(940px,calc(100% - 32px));max-width:none;max-height:min(88vh,820px);padding:0;overflow:hidden;border:0;border-radius:24px;background:#fff;color:#22364a;box-shadow:0 30px 90px rgba(2,24,51,.34)}
.team-profile-dialog::backdrop{background:rgba(2,20,43,.74);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.team-profile-dialog[open]{animation:team-dialog-in .3s cubic-bezier(.2,.75,.2,1)}
.team-profile-dialog__layout{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:560px}
.team-profile-dialog__portrait{position:relative;min-height:560px;overflow:hidden;background:linear-gradient(150deg,#052a53,#087f82)}
.team-profile-dialog__portrait::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(3,28,60,.9))}
.team-profile-dialog__portrait img{width:100%;height:100%;margin:0;object-fit:cover;object-position:50% 18%}
.team-profile-dialog__initials{display:grid;width:100%;height:100%;place-items:center;color:#fff;font-size:5rem;font-weight:800}
.team-profile-dialog__identity{position:absolute;z-index:1;right:28px;bottom:28px;left:28px;color:#fff}
.team-profile-dialog__identity span{display:block;margin-bottom:5px;color:#a7d95f;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.team-profile-dialog__identity strong{display:block;font-size:1.55rem;line-height:1.2}
.team-profile-dialog__content{position:relative;max-height:min(88vh,820px);overflow-y:auto;padding:52px 52px 40px;scrollbar-color:#9eb4bb transparent;scrollbar-width:thin}
.team-profile-dialog__content .kicker{max-width:90%;margin:0 0 8px;color:#087f82;font-size:.7rem;line-height:1.5}
.team-profile-dialog__content h2{margin:0;color:#052a53;font-size:clamp(2rem,3vw,3rem);line-height:1.05;letter-spacing:-.04em}
.team-profile-dialog__lead{margin:20px 0;padding:16px 18px;border-left:4px solid #6aa63b;background:#f1f7f4;color:#42586b;font-size:.92rem;line-height:1.7}
.team-profile-dialog__bio{color:#536679;font-size:.9rem;line-height:1.8}
.team-profile-dialog__bio p{margin:0 0 15px}.team-profile-dialog__bio p:last-child{margin-bottom:0}
.team-profile-dialog__close{position:absolute;z-index:3;top:18px;right:18px;display:grid;width:38px;height:38px;place-items:center;padding:0;border:1px solid #d9e4e7;border-radius:50%;background:#f5f8f8;color:#052a53;font:400 1.55rem/1 Arial,sans-serif;cursor:pointer;transition:transform .2s ease,background .2s ease}
.team-profile-dialog__close:hover{transform:rotate(8deg);background:#e7f1ef}
.team-profile-dialog__footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:28px;padding-top:22px;border-top:1px solid #dfe8ea}
.team-profile-dialog__footer a,.team-profile-dialog__footer button{padding:11px 16px;border-radius:7px;font-size:.78rem;font-weight:800}
.team-profile-dialog__footer a{background:#0a66c2;color:#fff}.team-profile-dialog__footer button{border:1px solid #b9c8ce;background:#fff;color:#052a53;cursor:pointer}
@keyframes team-dialog-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1180px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-card__portrait{aspect-ratio:1/.84}.team-card__content{min-height:225px}}
@media(max-width:720px){.team-grid{grid-template-columns:1fr;gap:18px}.team-card{display:grid;grid-template-columns:124px minmax(0,1fr);border-radius:16px}.team-card__portrait{height:100%;min-height:230px;aspect-ratio:auto}.team-card__accent{right:0;width:5px;height:100%;background:linear-gradient(180deg,#5ca639,#0a8b8e,#052a53)}.team-card__content{min-height:230px;padding:20px}.team-card__role{min-height:0;-webkit-line-clamp:2}.team-card h3{font-size:1.35rem}.team-card__summary{-webkit-line-clamp:3;margin-block:12px 15px}.team-profile-dialog{width:calc(100% - 18px);max-height:92dvh;border-radius:18px;overflow-y:auto}.team-profile-dialog__layout{display:block;min-height:0}.team-profile-dialog__portrait{min-height:260px;height:260px}.team-profile-dialog__portrait img{object-position:50% 20%}.team-profile-dialog__identity{right:22px;bottom:20px;left:22px}.team-profile-dialog__content{max-height:none;overflow:visible;padding:34px 24px 28px}.team-profile-dialog__close{position:fixed;top:max(18px,env(safe-area-inset-top));right:18px;background:#fff}.team-profile-dialog__footer{align-items:stretch;flex-direction:column}.team-profile-dialog__footer a,.team-profile-dialog__footer button{text-align:center}}
@media(max-width:430px){.team-card{grid-template-columns:108px minmax(0,1fr)}.team-card__portrait{min-height:242px}.team-card__content{min-height:242px;padding:18px 16px}.team-card__summary{font-size:.76rem}.team-linkedin{width:34px;height:34px;flex-basis:34px}}
@media(prefers-reduced-motion:reduce){.team-profile-dialog[open]{animation:none}.team-card,.team-profile-button span:last-child{transition:none}}