/* global React */
window.PracticeBlock = function PracticeBlock() {
  return (
    <section className="practice" id="practice">
      <div className="section-inner">
        <div className="practice-grid">
          <div className="practice-photo">
            <img src="../assets/team-portrait-800.png" alt="Lead partner" />
            <div className="practice-photo-meta">
              <Hairline w={28} />
              <Eyebrow>Lead partner</Eyebrow>
              <span className="pp-name">Anders Wahlberg</span>
              <span className="pp-role">Founder · Mimren</span>
            </div>
          </div>
          <div className="practice-body">
            <EyebrowRow kicker="§ 04 — The practice" />
            <h2>
              <span className="serif-accent">Partner-led, </span>
              by design.
            </h2>
            <p className="lead">
              The partner who scopes your engagement is the partner who runs it.
              No staff pyramids, no junior team you'll meet once. We are
              deliberately a small practice — because the second-best version
              of this work is delegated work.
            </p>
            <ul className="practice-points">
              <li><strong>Two seniors per engagement.</strong> One partner, one engineer.</li>
              <li><strong>Six to twelve weeks.</strong> Never a multi-year retainer.</li>
              <li><strong>You own the code.</strong> Plain-language runbook on day one of week six.</li>
              <li><strong>Two follow-up check-ins,</strong> at 30 and 90 days post-handover.</li>
            </ul>
          </div>
        </div>
      </div>
    </section>
  );
};