function JackStory() {
  return (
    <section className="tgp-jack" id="story" data-theme="dusk">
      <div className="tgp-jack-grid">
        <div className="tgp-jack-media">
          <image-slot
            id="jack-portrait"
            className="tgp-jack-slot"
            style={{ width: '100%', maxWidth: '380px', height: 'auto', aspectRatio: '1 / 2', boxShadow: 'var(--shadow-lg)' }}
            shape="rounded"
            radius="12"
            src="good-people/assets/franck-jack.jpg"
            placeholder="Drop a warm photo: Franck & Roxane, the sanctuary, a rescued chimp"
          ></image-slot>
          <div className="tgp-jack-cap">franck · jack sanctuary, congo</div>
        </div>
        <div className="tgp-jack-body">
          <div className="tgp-eyebrow tgp-eyebrow-dusk">the first story · jack congo</div>
          <h2 className="tgp-h2 tgp-h2-dusk">
            Thirty years ago, two people refused to <em>look away</em>.
          </h2>
          <p className="tgp-p tgp-p-dusk">
            Franck and Roxane, a Belgian couple, moved to Congo and found a reality most of us
            never see: baby chimpanzees trafficked and orphaned after their families were lost
            to poachers. Instead of turning away, they built <em>JACK</em>: a sanctuary that today
            protects more than twenty species of rescued primates.
          </p>
          <p className="tgp-p tgp-p-dusk">
            But this was never only about saving monkeys. The Congo rainforest is the second
            largest on Earth, and the animals within it keep the forest, and the climate, alive.
          </p>
          <blockquote className="tgp-jack-quote">
            “We are not separated from nature.<br />We are <em>part of it</em>.”
          </blockquote>
          <div className="tgp-jack-stats">
            <div>
              <div className="tgp-stat-num">30</div>
              <div className="tgp-stat-label">years protecting primates in Congo</div>
            </div>
            <div>
              <div className="tgp-stat-num">20+</div>
              <div className="tgp-stat-label">species rescued and cared for</div>
            </div>
            <div>
              <div className="tgp-stat-num">2<sup>nd</sup></div>
              <div className="tgp-stat-label">largest rainforest on the planet</div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}
window.JackStory = JackStory;