/* ==========================================================================
   PAGE REALISATIONS, 24/09/2026
   Composition validee par Tristan dans Codex (« La page est vraiment top »),
   reproduite sans reinterpretation. Toutes les regles sont cloisonnees sous
   #menaria-real, meme principe que ce-quon-fait.css, pour ne rien toucher au
   reste du site.

   Ecarts volontaires avec la planche, tous demandes par les consignes :
   · l'en-tete, le pied de page et le fil d'Ariane sont ceux du site, la
     planche les simplifiait pour la presentation
   · Outfit vient de /fonts via style.css, jamais de Google Fonts
   · les icones sont des SVG inline (dessins Lucide, licence ISC), la planche
     comptait sur le moteur de rendu de Codex
   · l'introduction est une div et non un <header>, sinon les regles du
     bandeau du site s'y appliqueraient
   · le reglage Tweak est retire, etat valide fige (arrondi 28, objets inclines)

   ⚠ Chaque bloc remet a zero ce que style.css pose sur les balises nues
   (section, h1 a h3, p max-width 68ch, h2 max-width 20ch). Sans ces remises,
   le CSS global contamine la composition, piege deja rencontre trois fois sur
   /ce-quon-fait.
   ========================================================================== */
#menaria-real{--peach:#efb779;--ink:#26303f;--mist:#edf0f5;--radius:28px;
  color:var(--ink);font-family:'Outfit',Arial,sans-serif;
  max-width:1120px;margin:0 auto;padding:0 24px;box-sizing:border-box}
#menaria-real *{box-sizing:border-box}
#menaria-real h1,#menaria-real h2,#menaria-real h3{font-family:'Outfit',Arial,sans-serif;text-wrap:initial}
#menaria-real p{max-width:none}
#menaria-real section{padding:0}
#menaria-real a{color:inherit}

/* fil d'Ariane du site, pose au-dessus de l'introduction */
#menaria-real .fil{padding-top:var(--e5);margin:0}

#menaria-real .real-intro{text-align:center;padding:68px 0 48px}
#menaria-real .eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:16px;color:#526071}
#menaria-real h1{font-size:clamp(34px,5.4vw,58px);line-height:1.06;letter-spacing:-2px;font-weight:600;margin:0 auto 22px;max-width:740px}
#menaria-real mark{background:var(--peach);color:inherit;border-radius:14px;padding:0 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
#menaria-real .real-intro p{max-width:620px;margin:auto;color:#526071;font-size:16px;line-height:1.7}

#menaria-real .chapter{display:flex;justify-content:space-between;align-items:center;margin:28px 0 24px;padding-top:18px;border-top:1px solid #dadcd9}
#menaria-real .chapter h2{font-size:24px;letter-spacing:-.6px;margin:0;max-width:none;font-weight:600;line-height:1.15}
#menaria-real .chapter > span{font-size:12px;color:#526071}

#menaria-real .feature{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin-bottom:45px}
#menaria-real h3{font-size:26px;line-height:1.15;letter-spacing:-.7px;font-weight:500;margin:12px 0 18px}
#menaria-real article p{font-family:Arial,sans-serif;font-size:14px;line-height:1.75;color:#526071;margin:0}
#menaria-real .tag{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#9c5d24}

#menaria-real .scene{position:relative;min-height:295px;border-radius:var(--radius);background:var(--mist);display:flex;align-items:center;justify-content:center;padding:30px;overflow:hidden}
#menaria-real .scene.cream{background:#f0ebe1}
#menaria-real .scene.peach{background:#f7e8d6}
#menaria-real .sheet{background:#fff;border-radius:13px;box-shadow:0 12px 30px #26303f10;padding:20px;position:relative;width:215px;transform:rotate(-5deg);border:1px solid #e1e3e4}
#menaria-real .sheet strong{font-size:16px;font-weight:500;display:block;margin-bottom:16px}
#menaria-real .line{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #edf0f5;font-size:12px}
#menaria-real .dot{height:23px;width:23px;border-radius:50%;background:#edf0f5;display:inline-flex;align-items:center;justify-content:center;color:#334965;flex-shrink:0}
#menaria-real .sticker{position:absolute;bottom:28px;right:18px;padding:13px 18px;background:var(--peach);color:#26303f;border-radius:12px;transform:rotate(5deg);font-size:13px;box-shadow:0 8px 14px #26303f0a}
#menaria-real .sticker.ardoise{background:#334965;color:#fff}
#menaria-real .over{position:absolute;top:27px;left:20px;transform:rotate(-8deg);font-size:12px;color:#526071}
#menaria-real .caption{position:absolute;bottom:12px;left:20px;font-size:9px;color:#69717a}
#menaria-real .ico{width:16px;height:16px;flex-shrink:0}

#menaria-real .grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:48px}
#menaria-real .grid .scene{min-height:255px;margin-bottom:23px}
#menaria-real .grid h3{font-size:23px}
#menaria-real .stack{transform:rotate(7deg);width:180px}
/* ⚠ 25/09. La feuille arriere pivotait de -12° pendant que la fiche pivote de
   +7°, Tristan l'a lu comme un defaut d'alignement, « aligne-le comme les
   autres documents ». Elle suit desormais la meme inclinaison que la fiche,
   seulement decalee de quelques pixels, deux feuilles l'une sur l'autre. */
#menaria-real .stack:before{content:'';position:absolute;inset:7px -7px -7px 7px;background:#fff;border:1px solid #deded9;border-radius:12px;z-index:-1}
#menaria-real .calendar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
#menaria-real .calendar b{font-size:12px;font-weight:400;background:#f2f4f7;border-radius:5px;padding:9px;text-align:center}
#menaria-real .calendar .on{background:var(--peach)}

#menaria-real .sheet.source{width:250px;transform:rotate(3deg)}
#menaria-real .bubble{padding:13px 16px;background:#edf0f5;font-size:12px;border-radius:12px;line-height:1.5;margin-bottom:12px}

#menaria-real .phone{width:139px;background:#fff;border:6px solid #334965;border-radius:26px;padding:25px 12px 20px;text-align:center;transform:rotate(-8deg);box-shadow:14px 16px 0 #3349650c}
#menaria-real .phone .circle{width:52px;height:52px;border-radius:50%;background:#edf0f5;margin:0 auto 12px;display:grid;place-items:center}
#menaria-real .phone small{font-size:11px;display:block;margin:10px 0}
#menaria-real .wave{display:flex;align-items:center;justify-content:center;gap:4px;height:40px}
#menaria-real .wave b{width:4px;background:#9c5d24;border-radius:4px;height:13px}
#menaria-real .wave b:nth-child(2n){height:31px}
#menaria-real .wave b:nth-child(3n){height:22px}

#menaria-real .audit{background:#f0ebe1;border-radius:var(--radius);padding:35px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;margin:30px 0 55px;align-items:center}
#menaria-real .priorities{display:grid;gap:12px}
#menaria-real .priority{background:#fff;border-radius:12px;padding:15px;font-size:13px;display:flex;gap:12px;align-items:center}
#menaria-real .priority:nth-child(2){transform:translateX(9px)}
#menaria-real .priority b{font-weight:500;color:#9c5d24}

#menaria-real .closing{text-align:center;background:#edf0f5;border-radius:var(--radius);padding:50px 25px;margin-bottom:45px}
#menaria-real .closing h2{font-weight:500;font-size:33px;line-height:1.15;letter-spacing:-1px;max-width:540px;margin:0 auto 20px}
#menaria-real .closing p{font-size:14px;color:#526071;line-height:1.6;max-width:610px;margin:0 auto 22px}
#menaria-real .closing p a{color:#334965}
#menaria-real .closing .direct-page{margin:18px auto 0;font-size:14px}
#menaria-real .real-cta{background:#334965;color:#fff;border-radius:12px;padding:13px 18px;display:inline-block;font-size:13px;text-decoration:none}
#menaria-real .real-cta:hover{background:#2A3B57}
#menaria-real a:focus-visible{outline:2px solid #334965;outline-offset:3px;border-radius:4px}

@media(max-width:650px){
  #menaria-real .feature,#menaria-real .grid,#menaria-real .audit{grid-template-columns:1fr}
  #menaria-real .real-intro{padding:45px 0 30px}
  #menaria-real .feature{gap:22px}
  #menaria-real .feature .scene{grid-row:1}
  #menaria-real .audit{padding:25px;gap:25px}
  #menaria-real .chapter > span{display:none}
}
/* ⚠ Petits telephones, 390 px et moins. En position absolue l'etiquette
   pouvait recouvrir le bas de la fiche. Elle passe sous la fiche, dans le
   flux, avec son inclinaison, pour que rien ne soit coupe ni masque. */
@media(max-width:420px){
  #menaria-real .scene{flex-direction:column;gap:18px;padding:52px 20px 34px}
  #menaria-real .sticker{position:relative;bottom:auto;right:auto;align-self:flex-end}
  #menaria-real .sheet.source{width:100%;max-width:250px}
  #menaria-real .audit{padding:22px}
  #menaria-real .priority:nth-child(2){transform:none}
}

/* ==========================================================================
   RETOUCHES DE TRISTAN, 24/09/2026, apres relecture de la page integree
   · « réalisations, » du h1 passe du peche au rose, ses mots, « rose bonbon,
     mais un peu plus fonce, comme le rose du fluo Stabilo ». Texte encre
     dessus, contraste 6,6.
   · les titres de rubrique Automatisation et Agent IA sont SURLIGNES en peche,
     « sur ligne, pas sous ligne », meme pastille que .surl-t du site.
   ========================================================================== */
#menaria-real mark.rose{background:#F27BB5}
#menaria-real .chapter h2 .surl-peche{background:var(--peach);color:var(--ink);border-radius:99px;
  padding:.16em .5em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* ==========================================================================
   CHAPITRE AUDIT ET FLECHES RETIREES, 24/09/2026
   · L'etat des lieux industriel etait range sous « Agent IA », ce qui etait
     faux. Il a son propre chapitre, h2 « Audit », meme pastille peche.
     Un lien vers /audit-ia sous son texte, c'etait la seule preuve concrete
     de l'offre et la page n'y renvoyait pas.
   · Les fleches ↘ et ↗ de la maquette sont retirees partout, Tristan ne
     comprenait pas a quoi elles servaient, « ca n'a pas tellement de sens ».
     Seule reste celle de « Un appel → un rendez-vous », qui dit quelque chose.
   ========================================================================== */
#menaria-real .audit{margin-top:0}
#menaria-real .real-lien{display:inline-block;margin-top:16px;font-size:14px;font-weight:500;color:#334965;
  text-decoration:none;border-bottom:1.5px solid var(--peach);padding-bottom:1px}
#menaria-real .real-lien:hover{border-bottom-color:#334965}

/* ==========================================================================
   SOUS-TITRES DES PROJETS, 24/09/2026
   Demande de Tristan : plus de numero 01 a 06, le petit losange peche creux
   du site a la place (la puce E des quatre blocs de l'accueil, en plus
   petit), et des sous-titres « plus arrondis, plus gros, moins fins ». Les
   capitales espacees de 10 px faisaient fin et sec, ils passent en bas de
   casse, 14 px, graisse 600.
   Les deux annotations de rubrique (« Les taches avancent… », « Vos
   informations deviennent utiles. ») sont retirees a sa demande.
   ========================================================================== */
#menaria-real .tag{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;
  letter-spacing:0;text-transform:none;color:#9c5d24}
#menaria-real .losange{width:10px;height:10px;flex:none;border:2.5px solid var(--peach);border-radius:2px;
  transform:rotate(45deg)}