/* /our-team/ (loaded before light.css; light overrides at the bottom use html.lt) */
.tm-leads{display:grid;gap:26px;max-width:1000px;margin:0 auto 80px}
.tm-lead{display:grid;grid-template-columns:330px 1fr;gap:44px;align-items:center;padding:30px;border-radius:28px;
  background:linear-gradient(150deg,rgba(36,191,255,.12),var(--card) 55%);border:1px solid rgba(36,191,255,.28);box-shadow:var(--shadow);position:relative;overflow:hidden}
.tm-lead::after{content:"";position:absolute;width:340px;height:340px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(36,191,255,.25),transparent 70%);pointer-events:none}
.tm-lead-photo{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,#16263a,#0f1117);border:1px solid rgba(36,191,255,.25)}
.tm-lead-photo .tm-img{width:100%;height:100%;object-fit:cover;display:grid;place-items:center}
.tm-badge{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:30px;font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#04121f;background:var(--grad)}
.tm-lead-body{position:relative;z-index:1}
.tm-lead .tm-role{display:inline-block;font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent)}
.tm-lead h2{font-family:var(--display);font-size:clamp(30px,3.6vw,44px);color:#fff;line-height:1.1;margin:8px 0 6px;letter-spacing:-.5px}
.tm-dept{color:var(--muted);font-size:14.5px}
.tm-lead .tm-bio{color:#c3cad6;font-size:16px;line-height:1.8;margin-top:16px}
.tm-links{display:flex;gap:10px;margin-top:20px}
.tm-links a{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--card-2);border:1px solid var(--line-2);color:var(--text);transition:.25s}
.tm-links a:hover{background:var(--grad);color:#04121f;border-color:transparent;transform:translateY(-3px)}
.tm-initials{font-family:var(--display);font-weight:800;font-size:clamp(48px,7vw,90px);background:linear-gradient(160deg,var(--accent-3),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}

.tm-head{margin-bottom:40px}
.tm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.tm-card{text-align:center;padding:26px 22px 24px;border-radius:22px;background:linear-gradient(180deg,var(--card),#14171e);border:1px solid var(--line);transition:transform .4s var(--ease),border-color .3s,box-shadow .4s;display:flex;flex-direction:column;align-items:center}
.tm-card:hover{transform:translateY(-8px);border-color:rgba(36,191,255,.5);box-shadow:var(--glow)}
.tm-photo{width:132px;height:132px;border-radius:50%;padding:4px;background:var(--grad);margin-bottom:18px;box-shadow:0 14px 34px rgba(36,191,255,.25)}
.tm-photo .tm-img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#11161f;display:grid;place-items:center;border:3px solid var(--card)}
.tm-photo .tm-initials{font-size:40px}
.tm-card h3{font-size:18px;color:#fff;font-weight:600;line-height:1.3}
.tm-card .tm-role{color:var(--accent);font-size:13.5px;font-weight:600;margin-top:4px}
.tm-card .tm-bio{color:var(--muted);font-size:13.5px;line-height:1.6;margin-top:10px}
.tm-card .tm-links{margin-top:auto;padding-top:16px}

@media (max-width:1100px){.tm-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){.tm-lead{grid-template-columns:1fr;gap:24px;padding:22px;text-align:center}.tm-lead-photo{max-width:300px;margin:0 auto;width:100%}.tm-links{justify-content:center}}
@media (max-width:760px){.tm-grid{grid-template-columns:repeat(2,1fr);gap:14px}.tm-card{padding:20px 12px}.tm-photo{width:96px;height:96px}.tm-photo .tm-initials{font-size:30px}.tm-card h3{font-size:15.5px}.tm-card .tm-role{font-size:12.5px}.tm-card .tm-bio{display:none}.tm-leads{margin-bottom:56px}}

/* light theme */
html.lt .tm-lead{background:linear-gradient(150deg,#e3f2ff,#fff 55%);box-shadow:0 20px 60px rgba(16,36,72,.10)}
html.lt .tm-lead::after{background:radial-gradient(circle,rgba(34,180,255,.18),transparent 70%)}
html.lt .tm-lead-photo{background:linear-gradient(160deg,#e3efff,#f7faff)}
html.lt .tm-lead h2,html.lt .tm-card h3{color:var(--head)}
html.lt .tm-lead .tm-bio{color:var(--body-2)}
html.lt .tm-badge{color:#fff}
html.lt .tm-card{background:#fff;box-shadow:0 6px 24px rgba(16,36,72,.06)}
html.lt .tm-photo .tm-img{background:#eef5ff;border-color:#fff}
html.lt .tm-links a{background:#f2f6fb}
html.lt .tm-links a:hover{color:#fff}
/* initials (no photo): solid colours so they always show */
.tm-photo .tm-initials,.tm-lead-photo .tm-initials{background:#11161f;-webkit-background-clip:border-box;background-clip:border-box;color:var(--accent);font-family:var(--display);font-weight:800}
.tm-lead-photo .tm-initials{background:linear-gradient(160deg,#16263a,#0f1117)}
html.lt .tm-photo .tm-initials{background:#eaf4ff;color:var(--accent-2)}
html.lt .tm-lead-photo .tm-initials{background:linear-gradient(160deg,#e3efff,#f7faff);color:var(--accent-2)}