/* Manifesto — "How I Think". A methodology statement, distinct from a bio. */

const MANIFESTO = [
  {
    num: "01", h: "Start at the feeling, not the form",
    body: [
      "I do not begin with a building, an interface, or a soundscape. I begin with a single emotional target — a quiet grief, a held breath, the specific dignity of being trusted with silence — and I treat that target as the brief. Everything downstream is just the machinery required to make that feeling inevitable.",
      "Most design starts from the artefact and hopes a feeling arrives. I invert it. The feeling is the specification; the space is the implementation. When I sketched <em>Tidewater</em>, the first thing I designed was the moment at minute forty — and only then did I ask what distance, what silence, what gap between foot and sound would produce it.",
    ],
    marginal: "On Tidewater",
  },
  {
    num: "02", h: "An experience is a system, so design the system",
    body: [
      "A feeling is not a surface you can paint on. It emerges from the relationships between parts — pacing, proximity, constraint, the order in which things are withheld and released. So I design the rules, not the renderings. Give me the right system and the right space falls out of it; the twelve thousand apertures of <em>Lattice</em> are one rule, answered by the sun.",
      "This is why I move freely between architecture, installation, and sound. They are not separate skills — they are different materials for the same act: shaping a space whose behaviour is the experience.",
    ],
    marginal: "On Lattice",
  },
  {
    num: "03", h: "Constraints are the medium, not the obstacle",
    body: [
      "I ask for the constraint before I ask for the freedom. A pair of borrowed headphones, a queue that must move 1,400 people an hour, a stairwell condemned for demolition — these are not limits on the design, they <em>are</em> the design. The most honest work I have made came from treating the tightest constraint as the load-bearing idea.",
      "Designing for people who arrive tired, distracted, in a hurry, is not a compromise I tolerate. It is a discipline that makes the work truer: if the feeling survives a bad day and a borrowed pair of headphones, it was real to begin with.",
    ],
    marginal: "Principle",
  },
  {
    num: "04", h: "Be willing to throw out the timeline",
    body: [
      "The hardest decision in any project I am proud of was a pivot — a moment where the structure I had spent weeks on was quietly wrong, and the only honest move was to rebuild from a different premise. <em>Tidewater</em> was a fixed sequence for ten weeks before I deleted the timeline and rebuilt it as a field.",
      "I have learned to trust the discomfort that precedes those pivots. When a system fights its users at every turn, it is not the users who are wrong. The pivot is not failure; it is the design finally telling you what it wanted to be.",
    ],
    marginal: "Method — the pivot",
  },
  {
    num: "05", h: "The artefact should explain itself",
    body: [
      "I want every visible part of a piece to be a legible consequence of its situation — the aperture sized by its sun, the queue lowered by its story, the voice that falls off fast because it is intimate. Nothing decorative, nothing arbitrary. If you cannot trace a detail back to a decision, I have not finished.",
      "This is a discipline of subtraction as much as addition. The work is finished not when there is nothing left to add, but when removing any one part would break the feeling. Everything that survives has earned its place.",
    ],
    marginal: "Standard",
  },
];

function Manifesto({ go }) {
  const reveal = useReveal();
  useEffect(() => { window.scrollTo({ top: 0, behavior: "auto" }); }, []);

  return (
    <div className="view man" ref={reveal}>
      <div className="shell">
        <div className="man-eyebrow">
          <span className="label">How I think</span>
        </div>

        <h1 className="man-lead">
          This page is still a work in progress!
        </h1>
        <p>It takes a while to be introspective y'know...</p><br></br>

        {/*
        {MANIFESTO.map((m) => (
          <div className="man-grid reveal" key={m.num}>
            <aside className="man-aside">
              <span className="num">{m.num}</span>
              <h3>{m.h}</h3>
            </aside>
            <div className="man-body">
              {m.body.map((para, i) => <p key={i} dangerouslySetInnerHTML={{ __html: para }} />)}
              <p className="marginal">{m.marginal}</p>
            </div>
          </div>
        ))}
        

       <div className="man-signoff reveal">
          <div className="man-sig">— Max</div>
          <div style={{ textAlign: "right" }}>
            <span className="label" style={{ display: "block" }}>End of statement</span>
            <span className="cs-back" style={{ padding: "10px 0 0" }} onClick={() => go({ name: "home" })}>← Back to all work</span>
          </div>
        </div>*/}
      </div>

      <Footer go={go} />
    </div>
  );
}

window.Manifesto = Manifesto;
