// About.jsx — founder story, on paper gradient
function About() {
  return (
    <section className="section section--cream" id="about">
      <div className="container-xl">
        <header className="section__head reveal">
          <div className="section__num">03 &nbsp;/&nbsp; About</div>
          <SectionOrbit variant="about" />
          <h2 className="section__title">A studio of one, <em>devoted</em> to each client.</h2>
        </header>
        <div className="about">
          <div className="about__portrait reveal" data-hover>
            <span className="about__portrait-label">Founder · London / Kent</span>
            <div className="about__portrait-orbit"><OrbitBig /></div>
            <p className="about__portrait-quote">
              "I'd rather have five clients I really care about than fifty I can't remember the names of."
            </p>
          </div>
          <div className="about__text reveal" data-delay="1">
            <h3>We care as much about <em>your business</em> as you do.</h3>
            <p>
              Ozworks is a small studio — right now, that means one person, a notebook, and a preference for cafés over boardrooms. We take a handful of clients at a time because that's the only way to do this work properly.
            </p>
            <p>
              Most of our clients are the ones AI was supposed to help years ago: plumbers drowning in quotes, café owners wrestling with Instagram at midnight, accountants doing admin instead of advising. The tools finally exist. Someone just has to set them up for <em>you</em>, not for a thousand businesses at once.
            </p>
            <dl className="about__facts">
              <div className="about__fact">
                <dt>Based</dt>
                <dd>London & Kent</dd>
              </div>
              <div className="about__fact">
                <dt>Typical project</dt>
                <dd>3–6 weeks</dd>
              </div>
              <div className="about__fact">
                <dt>Clients at once</dt>
                <dd>Five, max</dd>
              </div>
            </dl>
          </div>
        </div>
      </div>
    </section>
  );
}

window.About = About;