<script setup lang="ts">
// V1.3-E : contenu manifeste pour preview centrale (mode racine /).
// TODO V1.4 : extraire contenu manifeste dans src/content/manifeste.md (content collection)
//             pour avoir une source unique partagee avec src/pages/manifeste.astro.
//             Actuellement : duplication consciente du texte (~50 lignes) entre les 2 fichiers.
//             Si modif texte -> repercuter aux 2 endroits (this file + manifeste.astro).
</script>

<template>
  <article class="manifeste-content px-4 md:px-6 py-6 md:py-8 bg-white">

    <!-- En-tete -->
    <header class="mb-8 md:mb-10">
      <p class="text-[10px] uppercase tracking-widest text-neutral-500 mb-2">
        Manifeste
      </p>
      <h1 class="text-xl md:text-2xl font-semibold text-neutral-900 leading-tight">
        Architecture d'Écologie Politique
      </h1>
      <p class="mt-3 text-neutral-600 text-sm md:text-base leading-relaxed">
        Un commun vivant pour bifurquer ; ensemble, lentement, par accumulation de petits gestes situés.
      </p>
      <!-- V1.3-F : CTA "commander" deplace tout en bas (apres lecture). Le seul lien d'entete = page complete. -->
      <div class="mt-5 flex flex-wrap gap-2">
        <a
          href="/manifeste"
          class="inline-block px-4 py-2 border border-neutral-300 text-neutral-700 rounded-lg text-sm hover:border-neutral-900 hover:text-neutral-900 transition-colors"
          title="Ouvrir la page complete dans un nouvel onglet"
          target="_blank"
          rel="noopener"
        >
          Page complète &rarr;
        </a>
      </div>
    </header>

    <!-- Corps du manifeste -->
    <div class="text-neutral-800 text-[14px] md:text-[15px] leading-[1.7] space-y-4">

      <p class="italic text-neutral-700">
        Un quart des architectes vivent sous le seuil de pauvreté. La moitié de nos heures, non facturées. Nos cotisations, parmi les plus lourdes des professions réglementées. Et le secteur du bâtiment, à lui seul, pèse 34% des émissions mondiales de gaz à effet de serre.
      </p>

      <p>
        Quelque chose s'est rompu ; pas dans nos vies, dans les cadres qui les contiennent.
      </p>

      <p>
        Notre profession ne traverse pas une simple crise. Elle reflète l'effondrement d'un monde qui confond performance et destruction, signature et silence, expertise et soumission.
      </p>

      <hr class="border-neutral-200 my-6" />

      <h2 class="text-base md:text-lg font-semibold text-neutral-900 mt-8 mb-3">
        Ce que nous voyons.
      </h2>

      <p>
        À l'échelle du métier, une profession structurellement sous l'eau, qui absorbe les tensions d'un système extractiviste ; et porte la responsabilité quand d'autres captent la valeur.
      </p>

      <p>
        À l'échelle des corps, une culture qui rend l'exploitation désirable : métier-passion, modèle starchitecte, isolement libéral, moteur critique délégitimant. Nous tenons. Nous payons.
      </p>

      <p>
        À l'échelle du monde, l'effondrement écologique et social qui avance, pendant que notre voix s'efface du débat public. Notre silence le sert.
      </p>

      <hr class="border-neutral-200 my-6" />

      <h2 class="text-base md:text-lg font-semibold text-neutral-900 mt-8 mb-3">
        Ce que nous refusons.
      </h2>

      <p>
        Nous ne signerons plus pour des projets qui détruisent.<br />
        Nous n'isolerons plus celles et ceux qui doutent.<br />
        Nous ne porterons plus seul-es ce qui doit se penser, se faire ; et se soigner ; ensemble.
      </p>

      <hr class="border-neutral-200 my-6" />

      <!-- Pivot : centre emotionnel du texte (italique + retrait) -->
      <blockquote class="my-8 md:my-10 px-4 md:px-6 py-4 border-l-4 border-neutral-900 italic text-neutral-800 text-sm md:text-base leading-relaxed">
        <p class="font-medium not-italic mb-2 text-neutral-900">
          Et pourtant, quelque chose tient.
        </p>
        <p>
          Pas l'espoir naïf, ni la promesse héroïque. Quelque chose de plus humble : la fatigue commune reconnue, et l'envie qui revient de ne plus économiser sa vie.
        </p>
      </blockquote>

      <hr class="border-neutral-200 my-6" />

      <h2 class="text-base md:text-lg font-semibold text-neutral-900 mt-8 mb-3">
        Ce que nous tentons.
      </h2>

      <p>
        <em class="font-semibold not-italic">Partager.</em> Nos parcours, nos doutes, nos bifurcations. Se former les un-es les autres. Se tendre la main. Documenter ce qui marche, ce qui rate. Le personnel devient politique quand il se met en commun.
      </p>

      <p>
        <em class="font-semibold not-italic">Construire.</em> L'infrastructure collective qui nous a manqué. Cartes d'entraide, communs documentés, gouvernance horizontale, financement transparent, infra souveraine. <strong>Architecture d'Écologie Politique</strong> : un commun vivant, ouvert, biorégional, ancré.
      </p>

      <p>
        <em class="font-semibold not-italic">Pratiquer une médecine du corps social.</em> Diagnostiquer les infrastructures qui défaillent ; l'éducation, la justice, la sécurité, l'énergie, la santé, le logement, l'agriculture. Proposer des reconfigurations situées, territoire par territoire. Reprendre le pouvoir par la base. Écrire, lentement, un nouveau contrat social.
      </p>

      <p>
        <em class="font-semibold not-italic">Commencer par les marges.</em> Là où le corps social souffre le plus, là où il est le plus prêt à changer. Ne pas décider à la place ; faire émerger. Transparence totale, sur le process et sur l'argent. Tendresse militante : la lucidité sans le mépris, l'engagement sans la dureté.
      </p>

      <hr class="border-neutral-200 my-6" />

      <h2 class="text-base md:text-lg font-semibold text-neutral-900 mt-8 mb-3">
        Architectes, allié-es, habitant-es.
      </h2>

      <p>
        Nous avons un travail à faire ensemble. Lentement, patiemment, par accumulation de petits gestes situés. Pas pour fuir ; pour bifurquer.
      </p>

      <!-- Chute : italique, separee -->
      <p class="mt-6 md:mt-8 italic text-neutral-900 text-sm md:text-base leading-relaxed">
        Nos métiers sont des médecines. Reprenons-en le pouls ; à mains nues, ensemble.
      </p>
    </div>

    <!-- V1.3-F : CTA commander version papier — bord rouge brique #B5443A, signal politique fort.
         Place en bas, apres lecture : j'achete, tranquille. -->
    <section class="mt-10 pt-6 border-t border-neutral-200 text-center">
      <p class="text-xs italic text-neutral-500 mb-3">
        Manifeste lu. J'achete la version papier, tranquille.
      </p>
      <a
        href="/manifeste/commander"
        class="inline-block px-5 py-2.5 border-2 border-[#B5443A] text-[#0F172A] bg-[#FAFAF7] font-medium text-sm hover:bg-[#E5C3BE] transition-colors"
      >
        Commander la version papier
      </a>
    </section>

    <!-- Footer simple : lien vers page complete pour les detail (mouvements, etc.) -->
    <footer class="mt-6 pt-4 border-t border-neutral-200 text-center">
      <a
        href="/manifeste"
        target="_blank"
        rel="noopener"
        class="text-xs text-neutral-500 hover:text-neutral-900 underline"
      >
        Voir la page complète (mouvements M/S/XL, liens articles) &rarr;
      </a>
    </footer>

  </article>
</template>

<style scoped>
.manifeste-content {
  font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
</style>
