// ProofSection.jsx — Section 5. Tactile imagery grid.
const ProofSection = () => (
  <section className="section section--tight" id="proof">
    <span className="edge-label">EM · 05 — PROOF</span>
    <div className="shell">
      <div className="eyebrow eyebrow-rule">Section · 05 — Visual Proof</div>
      <h2 className="section-title">The work, mostly unedited.</h2>
      <div className="proof__grid">
        <figure className="proof__cell proof__cell--tall">
          <img src="./assets/imagery/frame-detail-cross.png" alt="Two frames crossing diagonally, silver and gold finishes" />
          <figcaption>Two finishes, one process. Silver titanium and gold tortoiseshell, same hinge standard.</figcaption>
        </figure>
        <figure className="proof__cell">
          <img src="./assets/imagery/frame-engraving-titanium.png" alt="Titanium temple arm with engraved Emsley branding" />
          <figcaption>Titanium temple, laser engraved. Made in Japan.</figcaption>
        </figure>
        <figure className="proof__cell">
          <img src="./assets/imagery/frame-hinge-gable.jpg" alt="Gable frame hinge assembly closeup" />
          <figcaption>Gable hinge assembly. Each unit tension-checked before sign-off.</figcaption>
        </figure>
        <figure className="proof__cell">
          <img src="./assets/imagery/frame-detail-harlow.jpg" alt="Harlow acetate temple and gold metal hinge" />
          <figcaption>Harlow acetate temple, polished. Material and metal, joined.</figcaption>
        </figure>
        <figure className="proof__cell">
          <img src="./assets/imagery/packaging-system-flatlay.png" alt="Packaging system: open case, cloth, and presentation box" />
          <figcaption>Packaging system: case, cloth, and outer carton from the same production run.</figcaption>
        </figure>
      </div>
    </div>
  </section>
);

window.ProofSection = ProofSection;