/* Team, desktop (draft12 tab 6, 12 Oct 2026): four frames. The hero, three founders in columns,
   eight operators four by two, five advisors in one row. Each name links to LinkedIn. Phones are in m/team.css. */
.team-person-name a { color:inherit; text-decoration:none; }
.team-person-name .t-out { display:inline-block; margin-left:.35em; font-size:14px; vertical-align:.2em; color:var(--ink); }
.team-person-name a:hover, .team-person-name a:focus-visible { text-decoration:underline; text-underline-offset:.18em; text-decoration-thickness:1px; }

@media (min-width:900px) {
  main .team-section.t-frame { padding-block:clamp(40px,6.5vh,72px); }
  main .t-frame > h2 { margin:0 0 clamp(28px,4.4vh,40px); }
  main .t-frame .team-list { display:grid; grid-auto-rows:auto; column-gap:clamp(24px,2.6vw,48px); row-gap:clamp(28px,4.4vh,40px); }
  main .t-frame .team-person { display:grid; grid-row:span 4; grid-template-rows:subgrid; grid-template-columns:minmax(0,1fr); row-gap:0; align-content:start; padding:20px 0 0; border-top:1px solid var(--ink); }
  main .t-frame .team-person > img { grid-column:1; grid-row:1; width:var(--t-photo); height:var(--t-photo); object-fit:cover; }
  main .t-frame .team-person-name { grid-column:1; grid-row:2; align-self:end; margin:18px 0 0; text-wrap:balance; font:400 var(--t-name)/1.2 Plex,sans-serif; letter-spacing:-.02em; color:var(--ink); }
  main .t-frame .team-person .team-role { grid-column:1; grid-row:3; margin:6px 0 0; max-width:none; font:400 var(--fs-small)/1.4 Plex,sans-serif; color:var(--ink); text-wrap:balance; }
  main .t-frame .team-person-proof { grid-column:1; grid-row:4; margin:10px 0 0; max-width:var(--t-measure); font:400 var(--fs-body)/1.45 Plex,sans-serif; color:var(--ink); text-wrap:balance; }

  .t-founders { --t-photo:clamp(136px,23vh,200px); --t-name:var(--fs-row); --t-measure:30ch; }
  main .t-founders .team-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
  main .t-founders .team-person .team-role { font-size:var(--fs-body); }

  /* draft16 (13 Oct 2026): founders and operators are one list, five across in two rows */
  .t-team { --t-photo:clamp(64px,9.5vh,88px); --t-name:17px; --t-measure:22ch; }
  main .t-team .team-list { grid-template-columns:repeat(5,minmax(0,1fr)); column-gap:clamp(16px,1.2vw,32px); }
  main .t-team .team-person-name { letter-spacing:-.03em; }
  main .t-team .team-person-name .t-out { margin-left:.25em; }

  /* five across: tighter name and gap so the longest name holds one line at 1280 */
  .t-advisors { --t-photo:clamp(64px,9.5vh,88px); --t-name:17px; --t-measure:22ch; }
  main .t-advisors .team-list { grid-template-columns:repeat(5,minmax(0,1fr)); column-gap:clamp(16px,1.2vw,32px); }
  main .t-advisors .team-person-name { letter-spacing:-.03em; }
  main .t-advisors .team-person-name .t-out { margin-left:.25em; }
  /* names hold one line from 1200px up; between 900 and 1199 they may wrap */
  @media (min-width:1200px) { main .t-frame .team-person-name { white-space:nowrap; } }
}