// Manifesto.jsx — full-bleed dark navy with image
const Manifesto = () => {
  return (
    <section style={{
      position: "relative",
      background: "#1A2035", color: "#fff", padding: "260px 56px",
      fontFamily: '"Helvetica Neue", Helvetica, Arial, sans-serif',
      textAlign: "center",
      overflow: "hidden",
    }}>
      <img
        src="assets/photo-stairs.jpg"
        alt=""
        style={{ position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", opacity: .35, zIndex: 0 }}
      />
      <div style={{ position: "absolute", inset: 0, background: "linear-gradient(180deg, rgba(26,32,53,.7) 0%, rgba(26,32,53,.85) 100%)", zIndex: 1 }} />
      <div style={{ maxWidth: 1500, margin: "0 auto", position: "relative", zIndex: 2 }}>
        <div style={{ fontSize: 12, letterSpacing: ".24em", textTransform: "uppercase", opacity: .65, marginBottom: 56, fontWeight: 700 }}>
          06 — Manifeste
        </div>
        <h2 style={{ fontSize: "clamp(120px, 16vw, 240px)", lineHeight: .9, letterSpacing: "-0.04em", fontWeight: 700, margin: 0 }}>
          Devenez<br/><i>culturel.</i>
        </h2>
        <p style={{ fontSize: "clamp(22px, 2vw, 30px)", lineHeight: 1.4, fontStyle: "italic", fontWeight: 700, marginTop: 80, opacity: .92, maxWidth: 900, marginLeft: "auto", marginRight: "auto" }}>
          Parce que la culture, c'est ce qui reste<br/>quand tout le reste s'efface.
        </p>
        <a href="#contact" style={{
          display: "inline-block", marginTop: 80,
          color: "#fff", textDecoration: "none",
          fontSize: 13, letterSpacing: ".24em", textTransform: "uppercase", fontWeight: 700,
          border: "1px solid rgba(255,255,255,.6)", padding: "20px 36px",
          transition: "background 200ms ease-out, color 200ms ease-out",
        }}
          onMouseEnter={(e) => { e.currentTarget.style.background = "#fff"; e.currentTarget.style.color = "#1A2035"; }}
          onMouseLeave={(e) => { e.currentTarget.style.background = "transparent"; e.currentTarget.style.color = "#fff"; }}
        >
          Travaillons ensemble →
        </a>
      </div>
    </section>
  );
};
window.Manifesto = Manifesto;