/* Feuille de style du site Être Créateur — piste 1 « Lumière habitée » (JD-015). */
:root{--ivoire:#F6F1E7;--ivoire2:#FCF8F0;--encre:#25231F;--gris:#6C675F;--or:#C49A45;--orclair:#E7CE91;--or-texte:#7F6128;--nuit:#111C2F;--nuit2:#1C2D46;--vert:#163A32;--vert2:#315C50;--nocturne:#F3EDE1;--max:1180px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ivoire);color:var(--encre);font-family:var(--corps);font-size:18px;line-height:1.65}
img{max-width:100%;display:block}a{color:inherit}
h1,h2,h3{font-family:var(--titre);font-weight:400;line-height:1.12;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.4rem,5.2vw,4.4rem)}h2{font-size:clamp(1.8rem,3.2vw,2.7rem)}h3{font-size:1.45rem}
h1 em{font-style:italic;color:var(--or-texte)}
p{margin:0 0 1em;max-width:62ch}
.bandeau-maquette{background:var(--encre);color:var(--ivoire);font:600 12px/1 var(--corps);letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:7px}
.entete{display:flex;align-items:center;gap:32px;max-width:var(--max);margin:0 auto;padding:22px 32px}
.marque{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--titre);font-size:1.35rem;color:var(--encre)}
.diamant{width:30px;height:30px;color:var(--or-texte)}
.nav{display:flex;gap:28px;margin-left:auto}.nav a{text-decoration:none;font-size:16px;color:var(--encre)}
.btn{display:inline-block;background:var(--encre);color:var(--ivoire2);text-decoration:none;border:0;border-radius:999px;padding:15px 28px;font:600 16px/1.2 var(--corps);cursor:pointer;min-height:48px}
.btn-petit{padding:11px 20px;font-size:15px;min-height:44px}
.btn-clair{background:var(--orclair);color:var(--nuit)}
.lien{color:var(--or-texte);font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.burger,.menu-mobile{display:none}
main>section{max-width:var(--max);margin:0 auto;padding:110px 32px}
.surtitre,.etiquette{font:600 13px/1.4 var(--corps);letter-spacing:.14em;text-transform:uppercase;color:var(--or-texte);margin-bottom:18px}
.chapo{font-size:1.22rem;color:#3d3a34}
.actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:34px}
.s-ouverture{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;padding-top:70px!important}
.ouv-visuel{position:relative}
.lecteur{display:flex;gap:18px;align-items:center;background:var(--ivoire2);border:1px solid #e6dcc6;border-radius:18px;padding:20px 24px;max-width:560px;margin:28px 0 22px}
.play{width:56px;height:56px;border-radius:50%;border:0;background:var(--or);color:#fff;font-size:20px;flex:none}
.lecteur div{flex:1}.barre{height:4px;background:#e8dfcc;border-radius:4px;margin:10px 0 6px}.barre span{display:block;width:28%;height:100%;background:var(--or);border-radius:4px}
.lecteur small{color:var(--gris)}
.deux{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:36px 0}
blockquote{font-family:var(--titre);font-style:italic;font-size:1.7rem;line-height:1.35;margin:0;color:var(--encre)}
.cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:36px}
.carte-c{display:block;text-decoration:none;background:var(--ivoire2);border-radius:20px;padding:34px 30px;border:1px solid #e9dfca}
.carte-c p{color:#4a463f;font-size:17px}
.pastille{display:block;width:12px;height:12px;border-radius:50%;background:var(--or);margin-bottom:22px}
.c2 .pastille{background:var(--vert2)}.c3 .pastille{background:var(--nuit2)}
.sombre{color:var(--nocturne)}.sombre .chapo{color:#d9d2c3}.sombre .etiquette{color:var(--orclair)}
.s-labo{max-width:none!important;padding:0!important}
.labo-in{max-width:var(--max);margin:0 auto;padding:120px 32px}
.trois-boites{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:40px 0 44px}
.trois-boites div{border:1px solid rgba(231,206,145,.35);border-radius:14px;padding:22px}
.trois-boites small{font:600 12px/1 var(--corps);letter-spacing:.14em;text-transform:uppercase;color:var(--orclair)}
.trois-boites p{margin:12px 0 0;font-size:17px}
.offre{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}
.offre ul{padding:0;list-style:none;margin:20px 0 32px}.offre li{padding:10px 0;border-bottom:1px solid #e3d8c1}
.aval{color:#9C4A3F;font-size:15px}
.temoin{margin:0;padding:36px;background:var(--ivoire2);border-radius:20px}.temoin blockquote{font-size:1.45rem}.temoin figcaption{margin-top:16px;font-size:14px;color:var(--gris)}
.s-marc{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.photo-marc img{border-radius:20px;aspect-ratio:4/5;object-fit:cover;width:100%}
.s-mouvement{text-align:center}.s-mouvement p{margin-left:auto;margin-right:auto}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:720px;margin:34px auto 0;text-align:left}
.form label{font-size:15px;font-weight:600;display:grid;gap:6px}
.form input[type=text],.form input[type=email]{font:inherit;padding:14px 16px;border:1px solid #cfc3a8;border-radius:12px;background:#fff;min-height:50px}
.form .consent{grid-column:1/-1;display:flex;gap:10px;align-items:center;font-weight:400}
.form .btn{grid-column:1/-1;justify-self:center}
.pied{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;max-width:var(--max);margin:0 auto;padding:70px 32px 40px;border-top:1px solid #e0d5bd;font-size:16px}
.pied div{display:flex;flex-direction:column;gap:8px}.pied a{text-decoration:none;color:#4a463f}.pied strong{margin-bottom:6px}
.pied .legal{grid-column:1/-1;font-size:14px;color:var(--gris);border-top:1px solid #e0d5bd;padding-top:22px;max-width:none}
:focus-visible{outline:3px solid var(--or);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (max-width:820px){
 body{font-size:17px}.nav,.entete .btn-petit{display:none}
 .entete{padding:16px 20px}.burger{display:flex;flex-direction:column;gap:6px;margin-left:auto;background:none;border:0;padding:12px;min-width:48px;min-height:48px;justify-content:center}
 .burger span{display:block;width:24px;height:2px;background:var(--encre)}
 body.menu-ouvert .menu-mobile{display:flex;flex-direction:column;gap:6px;padding:10px 20px 28px;border-bottom:1px solid #e0d5bd}
 .menu-mobile a{font-family:var(--titre);font-size:1.6rem;text-decoration:none;padding:10px 0}.menu-mobile .btn{font-family:var(--corps);font-size:16px;text-align:center;margin-top:14px}
 main>section{padding:64px 20px}.labo-in{padding:72px 20px}
 .s-ouverture,.offre,.s-marc,.deux,.cartes,.trois-boites,.form{grid-template-columns:1fr;gap:28px}
 .s-ouverture{padding-top:24px!important}
 .pied{grid-template-columns:1fr 1fr;padding:48px 20px 32px}
}
:root{--titre:'Fraunces',Georgia,serif;--corps:'Source Sans 3',system-ui,sans-serif}
body.p1{background:radial-gradient(1200px 700px at 85% 0%,#fbecc8 0%,rgba(251,236,200,0) 60%),var(--ivoire)}
.p1 h1{font-weight:340;letter-spacing:-.01em}
.p1 .arche{position:relative;z-index:1;border-radius:999px 999px 26px 26px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 30px 80px -40px rgba(140,100,30,.45)}
.p1 .arche img{width:100%;height:100%;object-fit:cover}
.p1 .halo{position:absolute;inset:-14% -18% auto auto;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f3d999 0%,rgba(243,217,153,0) 68%);z-index:0}
.p1 .s-experience{background:var(--ivoire2);border-radius:40px;margin-top:20px;padding:80px 72px}
.p1 .carte-c{border-radius:28px;background:linear-gradient(180deg,#fffaf0,#f8f0de)}
.p1 .s-labo{background:radial-gradient(900px 500px at 75% 30%,#245247 0%,rgba(36,82,71,0) 70%),var(--vert);border-radius:48px 48px 0 0;margin:40px 20px 0}
.p1 .photo-marc img{border-radius:999px 999px 26px 26px}
.p1 .s-vision blockquote::before{content:"";display:block;width:64px;height:2px;background:var(--or);margin-bottom:22px}
@media (max-width:820px){.p1 .s-experience{padding:48px 24px;border-radius:28px;margin:0 12px}.p1 .s-labo{margin:20px 0 0;border-radius:32px 32px 0 0}.p1 .ouv-visuel{max-width:300px;margin:0 auto}}
/* Ajouts pour les pages de contenu */
.evitement{position:absolute;left:-9999px;top:0;background:var(--encre);color:var(--ivoire2);padding:10px 16px;z-index:10}.evitement:focus{left:12px;top:12px}
.page-simple{max-width:820px!important}
.article{max-width:760px;margin:0 auto;padding:70px 24px 90px}
.article-entete h1{font-size:clamp(2rem,4.2vw,3.2rem)}
.prose{font-size:19px}.prose p{max-width:none}
.prose h2{font-size:1.8rem;margin-top:1.6em}.prose h3{margin-top:1.4em}
.prose a{color:var(--or-texte);text-underline-offset:3px}
.prose img{height:auto;border-radius:14px;margin:12px 0}
.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.3em 0}
.note-import{margin-top:48px;padding-top:18px;border-top:1px solid #e0d5bd;font-size:15px;color:var(--gris)}
.note-import a{color:var(--or-texte)}
.video{margin:28px 0}.video-lancer{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:16px;overflow:hidden;background:#000;cursor:pointer}
.video-lancer img{width:100%;height:100%;object-fit:cover;opacity:.85;margin:0;border-radius:0}
.video-play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;background:var(--or-texte);color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center}
.video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:16px}
.video-note{font-size:14px;color:var(--gris);margin-top:8px}
.audio{margin:24px 0;padding:18px 20px;background:var(--ivoire2);border:1px solid #e6dcc6;border-radius:16px}
.audio figcaption{font-weight:600;margin-bottom:10px}.audio audio{width:100%}
.audio-telecharger{display:inline-block;margin-top:8px;font-size:15px}
.liste-articles{list-style:none;padding:0}.liste-articles li{padding:16px 0;border-bottom:1px solid #e3d8c1}
.liste-articles a{font-family:var(--titre);font-size:1.35rem;text-decoration:none}.liste-articles small{display:block;color:var(--gris)}
.page-simple .form{grid-template-columns:1fr;margin:28px 0 0}
.form textarea{font:inherit;padding:14px 16px;border:1px solid #cfc3a8;border-radius:12px;background:#fff}
.form .btn{justify-self:start}
.piege{position:absolute;left:-9999px}
.s-ouverture .aval{max-width:52ch}
.carte-c h3{font-size:1.3rem}