/* Team page shares Nilopix's typography, navigation and footer with the main site. */
.team-page .site-nav a[aria-current="page"]{color:#fff}
.team-page .site-nav a[aria-current="page"]:after{transform:scaleX(1)}
.team-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--navy);color:#fff;padding-block:70px 0}
.team-eyebrow{color:#d5d8e0;margin-bottom:30px;font-size:11px}
.team-hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.75fr);gap:80px;align-items:end;padding-bottom:65px}
.team-hero h1{position:relative;z-index:1;font-size:clamp(46px,4.65vw,68px);font-weight:800;line-height:1.37;letter-spacing:-.045em;margin:0;max-width:850px}
.team-hero-intro>p{font-size:14px;line-height:2.05;color:#b9bece;max-width:350px}
.team-hero-intro>.text-link{margin-top:25px;font-size:12px;color:#d9e0eb;gap:25px}
.team-hero-intro>.text-link span:last-child{font-family:Arial,sans-serif;font-size:20px;color:var(--teal)}
.team-disciplines{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff1c;padding:24px 0 27px;color:#aeb8ce;font-size:11px;letter-spacing:.04em}
.team-disciplines>span{display:flex;align-items:center;gap:14px}
.team-disciplines>span:before{content:'';display:block;width:5px;height:5px;border:1px solid var(--teal);transform:rotate(45deg);flex-shrink:0}
.team-hero-decoration{position:absolute;inset-inline-end:-185px;top:-210px;width:620px;aspect-ratio:1;border:1px solid #ffffff05;transform:rotate(30deg);z-index:-1}
.team-hero-decoration:after{content:'';position:absolute;inset:70px;border:1px solid #ffffff05}
.team-people{background:#f0f3f4}
.team-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:48px}
.team-section-heading .section-eyebrow{margin-bottom:18px;font-size:10px}
.team-section-heading h2{font-size:clamp(32px,3vw,44px)}
.team-section-heading>p{font-size:13px;line-height:1.95;max-width:330px;color:var(--muted)}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:start}
.team-profile{min-width:0;scroll-margin-top:35px}
.team-portrait{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:6px;background:#e4e8ea;border:1px solid #22253708}
.team-portrait>img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform .75s var(--ease)}
.team-profile:hover .team-portrait>img{transform:scale(1.025)}
.portrait-corner{position:absolute;inset-inline-end:12px;bottom:12px;width:24px;height:24px;border-inline-end:2px solid #10bfc4bd;border-bottom:2px solid #10bfc4bd;pointer-events:none}
.profile-copy{padding-top:23px}
.profile-role-short{font-size:9px;line-height:1.6;letter-spacing:.035em;color:var(--teal-dark);text-align:start;font-weight:500;margin-bottom:9px}
[dir=rtl] .profile-role-short{text-align:right}
.profile-copy h3{font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.45;margin-bottom:7px}
.profile-role{font-size:11px;line-height:1.9;font-weight:500;min-height:42px;color:#424d60}
.profile-education{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.9;color:var(--muted);padding-top:15px;margin-top:14px;border-top:1px solid #cfd9dd;min-height:53px}
.profile-education>svg{width:17px;height:17px;flex-shrink:0;margin-top:2px;color:var(--teal-dark)}
.profile-bio{font-size:12px;line-height:2;color:#657084;margin-top:16px}
.profile-focus{display:flex;gap:6px;flex-wrap:wrap;margin-top:21px;padding-top:18px;border-top:1px solid #d6dfe3}
.profile-focus>span{font-size:9px;color:#657084;border:1px solid #cfd9dd;border-radius:3px;padding:3px 7px;line-height:1.8}
.team-cta{background:var(--teal);padding-block:65px}
.team-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:50px}
.team-cta h2{font-size:clamp(32px,3.2vw,46px);line-height:1.4;letter-spacing:-.035em}
.team-cta p{font-size:13px;line-height:1.95;color:#225765;margin-top:16px}
.team-cta .button{flex-shrink:0}
[dir=ltr] .team-hero h1{font-size:clamp(45px,4.5vw,65px);line-height:1.2;letter-spacing:-.05em}
[dir=ltr] .team-hero h1 .gradient-text{display:inline-block;max-width:650px}
[dir=ltr] .team-hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr)}
[dir=ltr] .profile-copy h3{font-size:24px}
[dir=ltr] .profile-role-short{display:none}
[dir=ltr] .profile-role{font-size:11px;min-height:29px;color:var(--teal-dark);margin-top:9px}
[dir=ltr] .profile-bio{font-size:12px;line-height:1.95}
@media(max-width:1150px){
 .team-hero-grid{gap:45px}
 .team-grid{gap:22px}
 .profile-copy h3{font-size:23px}
 [dir=ltr] .profile-copy h3{font-size:22px}
 .profile-bio,[dir=ltr] .profile-bio{font-size:11px}
 .profile-role{font-size:10px}
 .profile-focus>span{font-size:8px}
}
@media(max-width:960px){
 .team-hero{padding-top:58px}
 .team-hero-grid,[dir=ltr] .team-hero-grid{grid-template-columns:1.4fr 1fr;gap:35px;padding-bottom:50px}
 .team-hero h1,[dir=ltr] .team-hero h1{font-size:43px}
 .team-hero-intro>p{font-size:12px}
 .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 30px}
 .team-portrait{aspect-ratio:4/4.7}
 .profile-copy h3,[dir=ltr] .profile-copy h3{font-size:27px}
 .profile-role{font-size:12px;min-height:24px}
 .profile-role-short{font-size:10px}
 .profile-education{font-size:11px;min-height:0}
 .profile-bio,[dir=ltr] .profile-bio{font-size:12px;line-height:2}
 .profile-focus>span{font-size:9px}
 .team-disciplines{font-size:9px;gap:14px}
 .team-disciplines>span{gap:9px}
 .team-cta h2{font-size:32px}
 .team-cta .button{font-size:12px;gap:22px}
}
@media(max-width:700px){
 .team-hero{padding-top:43px}
 .team-eyebrow{font-size:10px;margin-bottom:25px}
 .team-hero-grid,[dir=ltr] .team-hero-grid{grid-template-columns:1fr;gap:26px;padding-bottom:37px}
 .team-hero h1{font-size:46px;line-height:1.37}
 [dir=ltr] .team-hero h1{font-size:44px;line-height:1.18}
 .team-hero-intro>p{font-size:12px;line-height:2;max-width:450px}
 .team-hero-intro>.text-link{margin-top:20px;font-size:11px}
 .team-disciplines{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;padding-block:21px 24px;font-size:9px;letter-spacing:0}
 .team-section-heading{display:block;margin-bottom:32px}
 .team-section-heading>p{font-size:12px;margin-top:19px;max-width:390px}
 .team-section-heading h2{font-size:34px}
 .team-section-heading .section-eyebrow{font-size:9px;margin-bottom:16px}
 .team-grid{grid-template-columns:1fr;gap:45px}
 .team-portrait{aspect-ratio:4/4.65;max-height:490px}
 .profile-copy{padding-top:21px}
 .profile-role-short{font-size:10px;margin-bottom:7px}
 .profile-copy h3,[dir=ltr] .profile-copy h3{font-size:29px;margin-bottom:6px}
 .profile-role{font-size:12px;min-height:0}
 .profile-education{font-size:11px;padding-top:14px;margin-top:16px}
 .profile-bio,[dir=ltr] .profile-bio{font-size:12px;line-height:2.05;margin-top:15px}
 .profile-focus{margin-top:18px;padding-top:16px}
 .profile-focus>span{font-size:9px}
 .team-cta{padding-block:49px 52px}
 .team-cta-inner{display:block}
 .team-cta h2{font-size:34px}
 .team-cta p{font-size:12px;margin-top:18px;max-width:400px}
 .team-cta .button{margin-top:25px;width:100%;justify-content:space-between;font-size:12px;min-height:52px}
 .team-page .footer-top>p{max-width:300px}
}
@media(max-width:374px){
 .team-hero h1{font-size:39px}
 [dir=ltr] .team-hero h1{font-size:38px}
 .team-section-heading h2,.team-cta h2{font-size:30px}
 .team-disciplines{font-size:8px;column-gap:10px}
 .profile-copy h3,[dir=ltr] .profile-copy h3{font-size:27px}
}
@media(prefers-reduced-motion:reduce){
 .team-portrait>img{transition:none}
 .team-profile:hover .team-portrait>img{transform:none}
}

/* The illustrated portraits share one consistent frame. */