const Process = () => (
  <section className="section section-bone" id="process">
    <div className="section-head">
      <div className="eyebrow">06 · What to expect</div>
      <h2>From first message to <em>the morning of.</em></h2>
    </div>
    <div className="process-grid">
      <div className="process-step">
        <div className="step-num">Step 01</div>
        <h4><em>Enquire</em></h4>
        <p>Tell me the shape of the day. I reply within 48 hours. Personally. Not an assistant.</p>
      </div>
      <div className="process-step">
        <div className="step-num">Step 02</div>
        <h4><em>Consult</em></h4>
        <p>A 60 minute call or studio meeting. We talk about the day. The party. The photographs. And the feeling you want to walk away with.</p>
      </div>
      <div className="process-step">
        <div className="step-num">Step 03</div>
        <h4><em>Source & fit</em></h4>
        <p>I build the edit. Dress, second looks, accessories, the party. Fittings in studio or on location. The full party together where possible.</p>
      </div>
      <div className="process-step">
        <div className="step-num">Step 04</div>
        <h4><em>The morning of</em></h4>
        <p>Everything pressed, hung, labelled. I can attend the morning where wanted, or hand over a binder that needs no thinking.</p>
      </div>
    </div>
  </section>
);
window.Process = Process;