/* mtz. website — manifesto / about. Sticky margin label + oversized statement.
   Copy from content.json (window.mtzContent.manifesto). */
function Manifesto() {
  const c = mtzContent.manifesto;
  return (
    <section className="mtz-manifesto" id="estudio">
      <div className="mtz-manifesto__grid">
        <div className="mtz-manifesto__label">
          <span className="mtz-manifesto__idx">{c.index}</span>
          <span className="mtz-manifesto__cap">{c.caption}</span>
        </div>
        <div>
          <p className="mtz-manifesto__text mtz-split">{rt(c.text)}</p>
          <div className="mtz-manifesto__meta">
            <Badge tone="positive">{c.badge}</Badge>
            <span className="mtz-manifesto__loc">{c.location}</span>
          </div>
        </div>
      </div>
    </section>
  );
}
window.Manifesto = Manifesto;