/* N42 team page */
.tm-head{max-width:860px;margin:0 auto;padding:72px 64px 40px;text-align:center}
.tm-head .eyebrow{color:var(--muted);margin:0 0 20px}
.tm-title{font-size:clamp(34px,5vw,56px);font-weight:300;letter-spacing:-.04em;line-height:1.05;margin:0}
.tm-sub{max-width:600px;margin:22px auto 0;font-size:clamp(16px,1.4vw,18px);line-height:1.55;color:var(--muted)}
.tm-groups{max-width:1280px;margin:0 auto;padding:16px 5% 40px}
.tm-group{padding:40px 0;border-top:1px solid var(--line)}
.tm-group:first-child{border-top:0}
.tm-group-name{display:flex;align-items:center;gap:12px;font-size:clamp(18px,2vw,24px);font-weight:400;letter-spacing:-.01em;margin:0 0 28px}
.tm-dot{width:10px;height:10px;border-radius:2px;background:var(--c);flex:0 0 auto}
.tm-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:32px 28px}
.tm-member{margin:0;text-align:center;display:flex;flex-direction:column;align-items:center}
.tm-avatar{width:100%;max-width:150px;aspect-ratio:1/1;border-radius:50%;background:var(--cl) center/cover no-repeat;display:block}
.tm-avatar.tm-ph{position:relative;background:var(--cl)}
.tm-avatar.tm-ph:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--c);opacity:.14;
 -webkit-mask:url('https://n42.notorious.mba/assets/icon.svg') center/40% no-repeat;mask:url('https://n42.notorious.mba/assets/icon.svg') center/40% no-repeat}
.tm-member figcaption{margin-top:14px;display:flex;flex-direction:column;gap:5px}
.tm-name{font-size:15px;font-weight:500;letter-spacing:-.2px}
.tm-role{font-size:12px;letter-spacing:.3px;color:var(--muted)}
.tm-member.is-ph .tm-name{color:var(--muted);font-weight:400}
.tm-member.is-ph .tm-role{opacity:.75}
/* top nav tabs in header */
.topnav{display:flex;align-items:center;gap:22px;font-size:11px;letter-spacing:1.4px;font-weight:500;color:var(--muted)}
.topnav a{padding:8px 2px;min-height:40px;display:inline-flex;align-items:center;border-bottom:1.5px solid transparent}
.topnav a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--accent)}
.topnav a:hover{color:var(--ink)}
@media(max-width:900px){.tm-grid{grid-template-columns:repeat(4,1fr);gap:28px 22px}}
@media(max-width:640px){
 .tm-head{padding:46px 20px 30px}
 .tm-groups{padding:8px 20px 30px}
 .tm-group{padding:30px 0}
 .tm-grid{grid-template-columns:repeat(2,1fr);gap:26px 18px}
 .tm-avatar{max-width:130px}
 .topnav{gap:14px;order:-1;width:100%;justify-content:flex-start}
}