.work-team{margin:auto;max-width:100%;width:1280px}.work-team-container{background:#d3d3d3;padding:80px 40px}.work-team-body{overflow:hidden;position:relative}.work-team-title{margin:0 0 24px;text-align:left}.work-team-title span{color:#fff;display:block;font-size:clamp(50px,6vw,70px);font-weight:700;margin-top:-35px}.work-team-title h2{font-size:var(--text-h2);font-weight:700;line-height:1.2;margin:0}.work-team-tabs{display:flex;flex-wrap:wrap;gap:16px;justify-content:end;margin:0 auto 24px}.work-team-nav-tab{align-items:center;border:1px solid #000;border-radius:4px;color:#000;display:inline-flex;font-size:20px;font-weight:700;height:64px;justify-content:center;padding:8px 40px;text-align:center;text-transform:uppercase;transition:.3s}.work-team-nav-tab:hover{background:#000;color:#fff;font-weight:700}.work-team-nav-tab.active{background:#fff;border-color:#fff;color:#000}.work-team-tab{animation:tab-out .3s;background:#fff;border-radius:4px;display:grid;gap:32px 24px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));opacity:0;padding:24px;position:absolute;right:-50vw;transition:.3s;visibility:hidden}.work-team-tab.active{animation:tab-in .3s;opacity:1;position:relative;right:0;visibility:visible}.work-team-tab-item{display:grid;gap:0 12px;grid-template-areas:"avatar name" "avatar jobtitle";grid-template-columns:48px 1fr;position:relative}.work-team-tab-item h4{font-size:18px;font-weight:700;grid-area:name;letter-spacing:0;margin:0}.work-team-tab-item h5{font-size:15px;font-weight:300;grid-area:jobtitle;letter-spacing:0;margin:0}.work-team-tab-avatar{align-items:center;border-radius:50%;display:flex;grid-area:avatar;height:48px;justify-content:center;margin:0;overflow:hidden;position:relative;width:48px}.work-team-tab-avatar-img{border-radius:50%;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.work-team-tab.tab-accent .work-team-tab-item,.work-team-tab.tab-management .work-team-tab-item{grid-template-columns:100px 1fr}.work-team-tab.tab-accent .work-team-tab-item h4,.work-team-tab.tab-management .work-team-tab-item h4{align-self:self-end}.work-team-tab.tab-accent .work-team-tab-item .work-team-tab-avatar,.work-team-tab.tab-management .work-team-tab-item .work-team-tab-avatar{height:100%;width:100px}@keyframes tab-in{0%{left:-50vw}to{left:0}}@keyframes tab-out{0%{right:0}to{right:-50vw}}@media screen and (max-width:767px){.work-team-tabs{justify-content:flex-start}}