/* L'Être Égale — le manifeste */
:root{--prune:#3d2b4f;--safran:#e8a020;--papier:#faf8f4;--encre:#2b2233;--gris:#6d6477}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Public Sans',sans-serif;font-size:1.04rem;line-height:1.78;color:var(--encre);background:var(--papier)}
img{max-width:100%;display:block}
a{color:var(--prune)}
h1,h2,h3{font-family:'Fahkwang',sans-serif;font-weight:600;color:var(--prune);line-height:1.15}
.cadre{width:min(1080px,92%);margin:0 auto}
.colonne{width:min(720px,92%);margin:0 auto}

/* barre : liens à gauche, marque à droite */
.barre{border-bottom:2px solid var(--prune);background:var(--papier);position:sticky;top:0;z-index:5}
.barre .cadre{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;flex-wrap:wrap;padding:8px 0}
.barre nav a{text-decoration:none;color:var(--encre);font-weight:600;font-size:.95rem;margin-right:20px}
.barre nav a:hover{color:var(--safran)}
.barre nav a.ici{color:var(--prune);box-shadow:0 3px 0 var(--safran)}
.griffe-haut{display:flex;align-items:center;gap:10px;text-decoration:none}
.griffe-haut img{width:40px;height:40px}
.griffe-haut b{font-family:'Fahkwang',sans-serif;color:var(--prune);font-size:1.14rem;white-space:nowrap}

/* séparateur signe égal */
.egal{width:76px;margin:34px auto;border:0;border-top:5px solid var(--prune);position:relative}
.egal::after{content:"";position:absolute;left:0;right:0;top:6px;border-top:5px solid var(--safran)}

/* héros en miroir */
.miroir{display:grid;grid-template-columns:1fr 1fr;min-height:64vh}
@media(max-width:840px){.miroir{grid-template-columns:1fr}}
.miroir .face{padding:64px 6%;display:flex;flex-direction:column;justify-content:center}
.miroir .face.sombre{background:var(--prune);color:#efe9f4}
.miroir .face.sombre h1,.miroir .face.sombre h2{color:#fff}
.miroir .face.sombre a{color:var(--safran)}
.titre-un{font-size:clamp(2rem,4.6vw,3.3rem)}
.exergue{font-size:1.16rem;margin-top:18px;max-width:46ch}

/* articles de charte */
.article{padding:58px 0}
.article.teinte{background:#f1ebe0}
.article h2{font-size:clamp(1.6rem,3.6vw,2.3rem);margin-bottom:6px}
.num{font-family:'Fahkwang',sans-serif;color:var(--safran);font-weight:600;letter-spacing:.02em}
.article p{margin-bottom:16px}

/* la charte (objet) */
.charte{background:var(--prune);color:#efe9f4;padding:64px 0}
.charte h2{color:#fff;font-size:clamp(1.6rem,3.6vw,2.3rem)}
.charte blockquote{border-left:5px solid var(--safran);padding:6px 0 6px 26px;font-size:1.08rem;line-height:1.9;margin:24px 0 14px;font-style:italic}
.charte .source{color:#c9bcd8;font-size:.94rem}

/* trois volets */
.volets{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--prune);border:2px solid var(--prune);margin-top:30px}
@media(max-width:840px){.volets{grid-template-columns:1fr}}
.volets>div{background:var(--papier);padding:28px 24px}
.volets h3{font-size:1.18rem;margin-bottom:10px}
.volets .num{display:block;font-size:1.9rem;margin-bottom:8px}

/* lien-action */
.action{display:inline-block;font-weight:700;color:var(--prune);text-decoration:none;border:2px solid var(--prune);padding:11px 22px;margin-top:18px;background:var(--papier)}
.action:hover{background:var(--safran);border-color:var(--safran);color:var(--prune)}
.action.plein{background:var(--prune);color:#fff}
.action.plein:hover{background:var(--safran);color:var(--prune)}

/* listes à barres */
.a-barres{list-style:none;margin:14px 0 6px}
.a-barres li{padding:9px 0 9px 30px;position:relative}
.a-barres li::before{content:"";position:absolute;left:0;top:19px;width:16px;height:4px;background:var(--safran);box-shadow:0 -6px 0 var(--prune)}

/* contact */
.deux-temps{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}
@media(max-width:840px){.deux-temps{grid-template-columns:1fr}}
form#dialogue{border:2px solid var(--prune);padding:28px 26px;background:#fff}
form#dialogue label{display:block;font-weight:700;margin:15px 0 5px;color:var(--prune);font-size:.96rem}
form#dialogue input,form#dialogue textarea{width:100%;border:1px solid #b9aecb;background:var(--papier);padding:11px 12px;font:inherit}
form#dialogue input:focus,form#dialogue textarea:focus{outline:2px solid var(--safran)}
#recu-note{border:2px solid var(--safran);background:#fff;padding:22px 24px;font-weight:600;color:var(--prune)}
.plan-cadre{border:2px solid var(--prune);margin-top:8px}
.plan-cadre iframe{display:block;width:100%;height:330px;border:0}

/* pied */
.socle{background:var(--prune);color:#d9cfe6;margin-top:70px;padding:44px 0 34px}
.socle .cadre{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:start}
@media(max-width:700px){.socle .cadre{grid-template-columns:1fr}}
.socle .signe{font-family:'Fahkwang',sans-serif;font-size:3.4rem;color:var(--safran);line-height:1}
.socle a{color:#fff}
.socle p{font-size:.95rem;max-width:75ch;margin-bottom:10px}
.socle nav{margin-bottom:14px}
.socle nav a{text-decoration:none;font-weight:600;margin-right:16px}
.socle nav a:hover{color:var(--safran)}

/* planches illustrées */
.planche{border:2px solid var(--prune);background:#fff;padding:18px 18px 12px;margin:30px 0}
.planche svg{width:100%;height:auto;display:block}
.planche figcaption{font-size:.93rem;color:var(--gris);padding-top:10px;font-weight:600}

.planche img{width:100%;display:block}