/* === 09-team: Figma 71:562 === */
.fmf2 .team{padding-top:0}
.fmf2 .team__feature{display:none}
.fmf2 .team__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

@media (min-width:901px){
  .fmf2 .team--js .team__feature{display:block}
  .fmf2 .team--js .team__grid,.fmf2 .team--js .team__more{display:none}
}

.fmf2 .team__feature{position:relative;height:clamp(420px,35.97vw,518px);overflow:hidden;background:#D9D9D9;color:var(--c-ink);
  clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px),0 8px,8px 8px)}
.fmf2 .team__feature::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(270deg,rgba(194,191,196,0) 44%,#C2BFC4 80%),linear-gradient(165deg,rgba(102,87,194,0) 57%,rgba(102,87,194,.5) 85%)}
.fmf2 .team__feature-inner{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:24px;max-width:672px;height:100%}
.fmf2 .team__feature .eyebrow{color:rgba(26,26,26,.6);margin-bottom:8px}
.fmf2 .team__feature .sect-title{font-size:48px;line-height:1.1;color:var(--c-ink)}
.fmf2 .team__meta{max-width:512px}
.fmf2 .team__meta-item{display:none}
.fmf2 .team__meta-item.is-active{display:block}
.fmf2 .team__feature .team__role{display:block;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:rgba(26,26,26,.6)}
.fmf2 .team__feature .team__name{font-size:18px;font-weight:600;line-height:1.4;margin:8px 0 4px;color:var(--c-ink)}
.fmf2 .team__feature .team__desc{font-size:14px;line-height:1.2;color:rgba(26,26,26,.6);max-width:512px}

.fmf2 .team__photos{position:absolute;inset:0;z-index:1}
.fmf2 .team__mobile-photo{display:none}
.fmf2 .team__photo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}
.fmf2 .team__photo-img.is-active{opacity:1}
.fmf2 .team__thumbs{position:absolute;right:24px;bottom:24px;z-index:4;display:flex;gap:12px}
.fmf2 .team__thumb{position:relative;width:72px;height:72px;overflow:visible;border:0;opacity:1;flex:none;background:#fff}
.fmf2 .team__thumb::before{content:"";position:absolute;left:50%;top:-16px;width:8px;height:8px;background:transparent;transform:translateX(-50%)}
.fmf2 .team__thumb img{width:100%;height:100%;object-fit:cover;object-position:top center}
.fmf2 .team__thumb.is-active::before{background:var(--c-accent)}
.fmf2 .team__thumb:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}

.fmf2 .team__card{background:var(--c-dark-2);overflow:hidden;display:flex;flex-direction:column}
.fmf2 .team__photo{aspect-ratio:4/5;overflow:hidden;background:#3a3743}
.fmf2 .team__card-img{width:100%;height:100%;object-fit:cover;object-position:top center}
.fmf2 .team__info{padding:20px}
.fmf2 .team__grid .team__role{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-on-dark-3)}
.fmf2 .team__grid .team__name{font-size:20px;font-weight:600;margin:8px 0 10px}
.fmf2 .team__grid .team__desc{font-size:14px;color:var(--c-on-dark-2);line-height:1.5}
.fmf2 .team__more{display:none;margin:28px auto 0}

.fmf2 .team__foot{display:grid;grid-template-columns:minmax(0,784px) auto;gap:32px;align-items:start;margin-top:32px}
.fmf2 .team__foot-text{font-size:16px;color:#fff;line-height:1.4;max-width:784px}
.fmf2 .team__foot-cta{display:flex;gap:8px;flex-wrap:nowrap;justify-content:flex-end}
.fmf2 .team__foot .btn--ghost-dark{border-color:var(--c-accent);color:var(--c-accent)}

@media (min-width:901px) and (max-width:1180px){
  .fmf2 .team__feature .sect-title{font-size:clamp(32px,4vw,44px)}
  .fmf2 .team__feature-inner{max-width:54%}
  .fmf2 .team__meta{max-width:390px}
  .fmf2 .team__thumbs{right:24px;gap:10px}
  .fmf2 .team__thumb{width:clamp(50px,5vw,62px);height:clamp(50px,5vw,62px)}
  .fmf2 .team__foot{grid-template-columns:1fr auto}
  .fmf2 .team__foot-text{font-size:14px}
}
@media (max-width:900px){
  .fmf2 .team__grid{grid-template-columns:1fr 1fr}
  .fmf2 .team__foot{grid-template-columns:1fr;gap:24px}
}
@media (max-width:640px){
  .fmf2 .team__grid{grid-template-columns:1fr;gap:16px}
  .fmf2 .team__card{flex-direction:row}
  .fmf2 .team__photo{width:132px;flex:none}
  .fmf2 .team__info{padding:16px 16px 16px 18px;min-width:0}
  .fmf2 .team__grid .team__name{font-size:17px;margin:6px 0 8px}
  .fmf2 .team__grid .team__desc{font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .fmf2 .team:not(.team--all) .team__card--extra{display:none}
  .fmf2 .team:not(.team--all) .team__more{display:inline-flex}
}