/* SetOne Labs — Team / About section */
const NST = window.SetOneLabsDesignSystem_88261c;

const TEAM = [
  {
    initials: 'JS',
    name: 'Josh Settle',
    role: 'Principal & Engagement Lead',
    summary: 'Owns the finance, valuation, fundraising, investor-materials, market-research, and transaction-diligence workstreams — and is your primary point of contact throughout the engagement.',
    creds: [
      'Co-founder & Managing General Partner of a quantitative and digital-asset hedge fund',
      'Former start-up CFO',
      'Series 65 investment professional',
      'Built the GP/LP risk-and-return model for his own fund',
    ],
  },
  {
    initials: 'JD',
    name: 'John Dileo',
    role: 'Supporting Resource',
    summary: 'Adds ML and statistical modeling, AI research tooling, and security-grounded technology and cyber diligence to the engagement where they accelerate the work.',
    creds: [
      'Quantitative-markets researcher running a quant-research firm since 2017',
      'Machine-learning & agentic-AI engineer',
      'Two decades in security engineering',
      '~8 years leading an 85-person Big Four federal cybersecurity team',
    ],
  },
];

function ProfileCard({ p, i }) {
  return (
    <article className="profile" data-reveal style={{ '--reveal-delay': `${i * 90}ms` }}>
      <div className="profile__head">
        <span className="profile__avatar">{p.initials}</span>
        <div>
          <span className="profile__role">{p.role}</span>
          <h3 className="profile__name">{p.name}</h3>
        </div>
      </div>
      <div className="profile__body">
        <p className="profile__summary">{p.summary}</p>
        <ul className="cred-list">
          {p.creds.map((c) => <li key={c}>{c}</li>)}
        </ul>
      </div>
    </article>
  );
}

function Team() {
  const { Kicker } = NST;
  return (
    <section className="section section--sunken" id="team">
      <div className="container">
        <div className="section__head section__head--wide" data-reveal>
          <Kicker number={3}>Who you work with</Kicker>
          <h2>A complementary two-person team.</h2>
          <p>No layers, no hand-offs to juniors. You work directly with two senior operators who have sat on the principal's side of the table — and who stay accountable for the work from first model to final memo.</p>
        </div>
        <div className="profile-grid">
          {TEAM.map((p, i) => <ProfileCard key={p.name} p={p} i={i} />)}
        </div>
      </div>
    </section>
  );
}

window.SO_SITE = window.SO_SITE || {};
Object.assign(window.SO_SITE, { Team });