function AboutTony() {
  const outcomes = [
    'Significant weight loss',
    'More energy',
    'Better sleep',
    'Chronic conditions alleviated',
  ];
  return (
    <section id="about-tony" className="section-pad" style={{ background: '#F9F9F9' }}>
      <div className="container grid-2 about-tony-split">
        <div>
          <div style={{
            width: '100%', maxWidth: 420,
            aspectRatio: '420 / 520',
            borderRadius: 'clamp(16px, 2.2vw, 24px)', overflow: 'hidden',
            background: '#D9F1F1',
            marginLeft: 'auto', marginRight: 'auto',
          }}>
            <img src="./assets/people/tony-martin-founder.jpeg"
                 alt="Tony Martin"
                 style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }} />
          </div>
        </div>
        <div>
          <h2 className="t-h2" style={{ margin: '0 0 clamp(24px, 3vw, 32px)', color: '#000' }}>
            About Tony Martin
          </h2>
          <p className="t-body" style={{ color: '#000', margin: 0 }}>
            Born and residing in Cork, Ireland, Tony Martin is one of the leading conditioning coaches in the country, and a pioneering scientist in nutrition and exercise.
          </p>
          <p className="t-body" style={{ color: '#000', margin: '24px 0 0' }}>
            Tony Martin's main focus for 30 years has been a new model for understanding energy in the body. For over 10 years, he has advocated for a new science of metabolism, centred around blood glucose.
          </p>
          <p className="t-body" style={{ color: '#000', margin: '24px 0 0' }}>
            He was the first to identify glucose as the governing metric of the body's energy system. His theory has now been tested and validated by 15,000 people, with astonishing results:
          </p>
          <div style={{ marginTop: 'clamp(32px, 5vw, 48px)' }}>
            <p style={{
              margin: '0 0 clamp(14px, 1.8vw, 18px)',
              fontSize: 'var(--fs-body-sm)',
              fontWeight: 500,
              color: 'var(--fg-muted)',
              letterSpacing: '0.06em',
              textTransform: 'uppercase',
            }}>
              15,000 people validated. Four outcomes:
            </p>
            <ul style={{
              listStyle: 'none', padding: 0, margin: 0,
              display: 'flex', flexDirection: 'column', gap: 'clamp(4px, 0.8vw, 8px)',
              borderTop: '1.5px solid #1BBBBB',
              paddingTop: 'clamp(16px, 2vw, 20px)',
            }}>
              {outcomes.map((label) => (
                <li key={label} className="t-h4" style={{ margin: 0, color: '#000', lineHeight: 1.2 }}>
                  {label}
                </li>
              ))}
            </ul>
          </div>
        </div>
      </div>
    </section>
  );
}
window.AboutTony = AboutTony;