/* ANAGKAZO · Cercle de co-création · V10
   Reconstruction éditoriale fidèle de la référence bureau + mobile fournie.
   Styles volontairement circonscrits à participer.html. */
.c-ref-page{background:#f6f0e7;color:#302321}
.c-ref-page .header{background:#f9f5ee}
.c-ref-page .header .brand img{width:205px;max-height:78px}
.c-ref-page .header__inner{min-height:88px}
.c-ref-page .header .nav{gap:clamp(12px,1.65vw,26px)}
.c-ref-page .header .nav a[aria-current]{border-bottom:1px solid #ae684f}
.c-ref-main{max-width:1470px;margin:auto;background:#f6f0e7;overflow:hidden;box-shadow:0 0 0 1px #ece3d6}
.c-ref-main h1,.c-ref-main h2{font-family:'EB Garamond',Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.05}
.c-ref-width{width:min(88%,1190px);margin-inline:auto}
.c-ref-kicker{color:#a74930;font-family:Montserrat,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em}
.c-ref-button{border:0;border-radius:3px;min-height:43px;background:#a94427;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 19px;font-family:Montserrat,Arial,sans-serif;font-size:10px;letter-spacing:.015em;font-weight:600;transition:background .15s}
.c-ref-button:not([aria-disabled]):hover{background:#7d351e}
.c-ref-button--small{min-height:37px;padding:8px 17px;font-size:10px}
.c-ref-button[aria-disabled]{opacity:.75;cursor:not-allowed}
.c-ref-visually-hidden{position:absolute!important;width:1px;height:1px;white-space:nowrap;overflow:hidden;clip-path:inset(50%)}
/* 01 — Première impression */
.c-ref-hero{min-height:435px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#efe3d5}
.c-ref-hero__art{position:absolute;inset:0 0 0 34%;z-index:-3;background-image:url('images/cercle-ref-hero.webp');background-size:cover;background-position:center center}
.c-ref-hero__veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#f4ece2 0%,#f4ece2 27%,rgba(244,236,226,.97) 39%,rgba(244,236,226,.65) 50%,rgba(244,236,226,.07) 77%)}
.c-ref-hero__content{padding-block:55px;position:relative;z-index:1}
.c-ref-hero__copy{width:min(53%,590px)}
.c-ref-hero h1{font-size:clamp(40px,4.25vw,66px);margin:11px 0 19px}
.c-ref-hero .c-ref-body{font-size:14px;line-height:1.65;max-width:440px;color:#66544b;margin:0 0 23px}
.c-ref-hero__verse{position:absolute;top:39px;right:6.8%;text-align:center;color:#fff1e7;text-shadow:0 2px 14px #281909;z-index:1;font:italic 20px/1.26 'EB Garamond',Georgia,serif;margin:0}
.c-ref-hero__verse cite{font:10px Montserrat,Arial,sans-serif;display:block;margin-top:10px;font-style:normal}
/* 02 — Les repères bibliques */
.c-ref-verses{background:linear-gradient(90deg,#ede0cf,#f9f4ea);padding:0 0 32px}
.c-ref-verses__intro{display:grid;grid-template-columns:46% 54%;height:226px}
.c-ref-verses__photo{background:url('images/cercle-ref-bible.webp') center center/cover no-repeat;min-width:0;position:relative}
.c-ref-verses__photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,#f5ebdf 100%)}
.c-ref-verses__copy{align-self:center;padding:24px clamp(20px,3.5vw,65px)}
.c-ref-verses h2{font-size:clamp(27px,2.6vw,37px);margin:0 0 9px;line-height:1.02}
.c-ref-verses__copy p{max-width:470px;font-size:12px;line-height:1.65;color:#5c5049;margin:0 0 12px}
.c-ref-text-link{background:none;border:0;color:#a94427;padding:0;text-transform:uppercase;font-size:10px;letter-spacing:.02em;font-weight:700}
.c-ref-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.c-ref-quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:-22px;position:relative;z-index:1}
.c-ref-quote{margin:0;min-height:162px;background:rgba(255,251,245,.93);border-radius:4px;box-shadow:0 5px 16px rgba(73,52,39,.1);padding:18px 14px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.c-ref-quote-icon{font:700 43px Georgia,serif;line-height:.55;color:#9d3d24;height:24px}
.c-ref-quote p{font:clamp(16px,1.65vw,21px)/1.15 'EB Garamond',Georgia,serif;margin:7px 0}
.c-ref-quote cite{font:11px 'EB Garamond',Georgia,serif;color:#4d413b;font-style:normal}
.c-ref-tiny-rule{display:block;height:1px;width:25px;background:#bcab99;margin:3px 0 9px}
/* 03 — Essayer, vivre, transmettre */
.c-ref-try{display:grid;grid-template-columns:35% 65%;min-height:360px;background:#faf7f1}
.c-ref-try__photo{background:url('images/cercle-ref-essayer.webp') center center/cover no-repeat;min-height:360px;position:relative}
.c-ref-try__photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,14,13,.63),transparent 45%)}
.c-ref-try__photo span{position:absolute;left:12%;bottom:35px;color:#f4ebe1;font:italic 27px/1.12 'EB Garamond',Georgia,serif;z-index:1;text-shadow:0 2px 8px #302524}
.c-ref-try__body{padding:38px clamp(30px,4vw,70px) 25px}
.c-ref-try h2{font-size:clamp(27px,2.45vw,35px);margin:0 0 3px}
.c-ref-try__body>p{font-size:12px;color:#63534b;margin:0 0 18px}
.c-ref-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:26px}
.c-ref-method{border-right:1px solid #ded3c7;display:flex;align-items:center;flex-direction:column;text-align:center;padding:0 13px}
.c-ref-method:last-child{border:0}
.c-ref-method__icon{display:block;width:42px;height:42px;color:#a7472c}
.c-ref-method__icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}
.c-ref-method strong{font:19px/1.2 'EB Garamond',Georgia,serif;margin:7px 0 0}
.c-ref-method em{font:12px/1.4 Montserrat,Arial,sans-serif;color:#ad4729;font-style:normal}
.c-ref-method p{font-size:10px;line-height:1.65;color:#655b52;margin:11px 0 0}
/* 04 — Conviction */
.c-ref-conviction{background:#321c25;color:#fff2e8;min-height:260px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}
.c-ref-conviction__photo{position:absolute;z-index:-2;inset:0 0 0 35%;background:url('images/cercle-ref-conviction.webp') center/cover no-repeat}
.c-ref-conviction__veil{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#321c25 0%,#321c25 35%,rgba(50,28,37,.9) 52%,rgba(50,28,37,.24) 78%,rgba(50,28,37,.11))}
.c-ref-conviction__content{position:relative;padding:36px 0;z-index:1}
.c-ref-conviction h2{font-size:clamp(29px,2.75vw,39px);margin:0 0 10px;max-width:630px}
.c-ref-conviction p{font-size:12px;line-height:1.65;max-width:635px;margin:0 0 18px;color:#f6ebe7}
.c-ref-conviction__script{position:absolute;right:8%;top:48px;text-align:center;color:#fff1dd;font:italic 26px/1.25 'EB Garamond',Georgia,serif;text-shadow:0 2px 5px #281719;margin:0}
/* 05 — Ce que la participation implique */
.c-ref-implication{position:relative;background:#f8f2e9;min-height:253px;display:flex;align-items:center;isolation:isolate}
.c-ref-implication__photo{position:absolute;z-index:-2;inset:0 0 0 46%;background:url('images/cercle-ref-participation.webp') center/cover no-repeat}
.c-ref-implication__veil{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#fbf6ee 0%,#fbf6ee 38%,rgba(251,246,238,.97) 49%,rgba(251,246,238,.52) 64%,transparent 85%)}
.c-ref-implication__inner{padding:27px 0}
.c-ref-implication h2{font-size:clamp(29px,2.8vw,41px);margin:0 0 7px}
.c-ref-implication p{font-size:12px;line-height:1.5;max-width:550px;margin:0 0 12px}
.c-ref-implication ul{list-style:none;margin:0;padding:0;max-width:590px}
.c-ref-implication li{font-size:11px;line-height:1.72;position:relative;padding-left:16px}
.c-ref-implication li:before{content:'•';position:absolute;left:0;color:#aa4e30}
.c-ref-implication__script{position:absolute;right:7.5%;bottom:18px;z-index:1;color:#9e492e;text-align:center;font:italic 25px/1.15 'EB Garamond',Georgia,serif}
/* 06 — Formulaire : prévisualisation volontairement non fonctionnelle tant que Systeme.io n'est pas raccordé */
.c-ref-join{display:grid;grid-template-columns:52% 48%;background:#eee3d7;min-height:274px;scroll-margin-top:30px}
.c-ref-join__image{position:relative;background:url('images/cercle-ref-inscription.webp') center/cover no-repeat;min-height:274px;display:flex;align-items:center}
.c-ref-join__image:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(48,29,26,.88) 0%,rgba(48,29,26,.71) 45%,rgba(48,29,26,.14) 100%)}
.c-ref-join__caption{position:relative;z-index:1;color:#fff6ec;margin:0 auto;width:78%;max-width:475px}
.c-ref-join h2{font-size:clamp(37px,4vw,56px);margin:0 0 14px;color:#fff5ea}
.c-ref-join__caption p{font-size:12px;line-height:1.62;max-width:350px;margin:0}
.c-ref-join__form-col{padding:22px clamp(24px,4.2vw,65px);display:flex;align-items:center}
.c-ref-form-preview{width:100%;display:flex;flex-direction:column;gap:10px}
.c-ref-form-preview>input{width:100%;height:40px;border:1px solid #dedbd7;border-radius:5px;background:#faf9f7;color:#524c45;padding:10px 15px;font-size:12px;opacity:1;-webkit-text-fill-color:#80756e}
.c-ref-form-preview>input::placeholder{color:#8f857f}
.c-ref-check{display:flex;align-items:flex-start;gap:11px;margin:4px 0 2px;cursor:default}
.c-ref-check input{accent-color:#a3472e;margin-top:3px;width:14px;height:14px;opacity:1}
.c-ref-check span{font-size:11px;line-height:1.42;color:#554a45}
.c-ref-join__cta{align-self:flex-start;white-space:normal;text-align:center;font-size:10px}
.c-ref-technical-note{font-size:10px;color:#82675d;line-height:1.35;margin:0}
/* 07 — Questions fréquentes */
.c-ref-faq{background:#f7efe5;padding:22px 0 27px}
.c-ref-faq__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:9px}
.c-ref-faq h2{font-size:32px;margin:0}
.c-ref-faq__head p{font-size:11px;color:#675b54;margin:0}
.c-ref-faq__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 38px}
.c-ref-faq details{border-bottom:1px solid #e1d6c9;min-width:0;padding:10px 0}
.c-ref-faq summary{font:11px/1.45 Montserrat,Arial,sans-serif;cursor:pointer;list-style:none;display:flex;gap:12px;align-items:center}
.c-ref-faq summary::-webkit-details-marker{display:none}
.c-ref-faq summary:before{content:'';flex:0 0 10px;height:10px;border:1px solid #a54d31;border-radius:50%}
.c-ref-faq details[open] summary:before{background:#a54d31}
.c-ref-faq details p{font-size:11px;margin:9px 4px 2px 22px;color:#6c5c54;line-height:1.6}
/* Pied de page */
.c-ref-footer{max-width:1470px;margin:auto;background:#241d1e;color:#fff1e6;padding:28px 0 22px}
.c-ref-footer__inner{display:flex;align-items:center;gap:35px}
.c-ref-footer__identity{display:flex;flex-direction:column;min-width:155px}
.c-ref-footer__identity strong{font:23px/1 Georgia,serif;letter-spacing:.13em;font-weight:400}
.c-ref-footer__identity span{font-size:10px;margin-top:3px}
.c-ref-footer nav{display:flex;gap:clamp(12px,1.7vw,28px);flex-wrap:wrap}
.c-ref-footer nav a{font-size:11px}
.c-ref-social{margin-left:auto}
.c-ref-social a{font-size:23px}
.c-ref-footer__script{font:italic 25px/1.1 'EB Garamond',Georgia,serif;color:#dca478;text-align:right;padding-left:25px;border-left:1px solid #615252}
.c-ref-footer__bottom{display:flex;justify-content:space-between;gap:15px;margin-top:19px;padding-top:12px;border-top:1px solid #3f3434;color:#bcb2aa;font-size:10px}
/* Layout on narrower desktop/tablet */
@media (max-width:1100px){
 .c-ref-page .header .brand img{width:172px}.c-ref-hero__copy{width:57%}.c-ref-hero__verse{right:2%;font-size:17px}.c-ref-conviction__script{right:3%;font-size:21px}.c-ref-conviction p{max-width:55%}
 .c-ref-implication__script{right:3%;font-size:20px}
}
@media (max-width:800px){
 .c-ref-width{width:min(90%,700px)}
 .c-ref-hero{min-height:465px}.c-ref-hero__copy{width:75%}.c-ref-hero__veil{background:linear-gradient(90deg,#f4ece2,rgba(244,236,226,.96) 34%,rgba(244,236,226,.44) 79%,transparent)}
 .c-ref-hero__verse{display:none}
 .c-ref-verses__intro{height:auto;grid-template-columns:42% 58%}.c-ref-verses__photo{min-height:190px}
 .c-ref-quote-grid{gap:10px}.c-ref-quote{padding:18px 10px}.c-ref-quote p{font-size:17px}
 .c-ref-try{grid-template-columns:32% 68%}.c-ref-try__body{padding:24px}.c-ref-method{padding-inline:5px}.c-ref-method p{font-size:9px}
 .c-ref-conviction p{max-width:74%}.c-ref-conviction__script{display:none}
 .c-ref-join__form-col{padding:22px 20px}
 .c-ref-footer__inner{flex-wrap:wrap}
}
@media (max-width:600px){
 .c-ref-page .header__inner{min-height:72px}.c-ref-page .header .brand img{width:150px}
 .c-ref-width{width:calc(100% - 42px)}
 .c-ref-main h1,.c-ref-main h2{letter-spacing:-.025em}
 /* Mobile reference: hero, one scripture card, vertical methods, image under conviction, compact join */
 .c-ref-hero{min-height:463px;display:block;align-items:unset}
 .c-ref-hero__art{inset:0;background-position:72% center;opacity:.91}
 .c-ref-hero__veil{background:linear-gradient(180deg,rgba(249,243,233,.94) 0%,rgba(249,243,233,.91) 40%,rgba(249,243,233,.53) 68%,transparent 100%)}
 .c-ref-hero__content{padding:34px 0 110px}.c-ref-hero__copy{width:100%}
 .c-ref-kicker{font-size:9px;letter-spacing:.11em;margin-bottom:11px}
 .c-ref-hero h1{font-size:clamp(34px,8.35vw,47px);line-height:1.04;margin:0 0 17px;max-width:450px}
 .c-ref-hero .c-ref-body{font-size:12px;line-height:1.5;max-width:360px;margin-bottom:17px}
 .c-ref-button{font-size:9px;min-height:40px;padding:9px 14px}
 .c-ref-desktop-break{display:none}
 .c-ref-verses{padding:0 0 28px}
 .c-ref-verses__intro{display:block}
 .c-ref-verses__photo{display:none}
 .c-ref-verses__copy{padding:28px 21px 7px}
 .c-ref-verses h2{font-size:29px;margin:0}
 .c-ref-verses__copy p{display:none}
 .c-ref-verses__copy .c-ref-text-link{position:relative;top:204px;z-index:2;font-size:9px}
 .c-ref-quote-grid{display:block;margin:0 auto;width:calc(100% - 42px)}
 .c-ref-quote{min-height:168px;padding:22px 16px}
 .c-ref-quote:nth-child(n+2){display:none;margin-top:12px}
 .c-ref-quote-grid[data-expanded="true"] .c-ref-quote:nth-child(n+2){display:flex}
 .c-ref-quote p{font-size:21px}.c-ref-quote cite{font-size:11px}
 .c-ref-quote-grid[data-expanded="true"]+.c-ref-text-link{top:auto}
 .c-ref-verses:has(.c-ref-quote-grid[data-expanded="true"]) .c-ref-text-link{top:0;margin-top:12px}
 .c-ref-try{display:block;min-height:0}
 .c-ref-try__photo{display:none}
 .c-ref-try__body{padding:29px 21px 23px}
 .c-ref-try h2{font-size:31px;max-width:320px;line-height:1.04;margin:0 0 10px}
 .c-ref-try__body>p{display:none}
 .c-ref-methods{display:block;margin-top:13px}
 .c-ref-method{min-height:69px;text-align:left;display:grid;grid-template-columns:57px 1fr;grid-template-rows:1fr 1fr;align-items:center;justify-items:start;position:relative;border-right:0;border-bottom:1px solid #e3d4c5;padding:10px 25px 10px 0}
 .c-ref-method:last-child{border:0}
 .c-ref-method__icon{grid-row:span 2;width:39px;height:39px;align-self:center}
 .c-ref-method strong{font-size:22px;margin:0;line-height:1.05;align-self:end}
 .c-ref-method em{font-size:12px;align-self:start}
 .c-ref-method p{display:none}
 .c-ref-method:after{content:'›';position:absolute;right:0;top:28px;font-size:27px;color:#a54929;font-family:Georgia,serif}
 .c-ref-conviction{display:block;min-height:0;padding:0}
 .c-ref-conviction__photo{position:relative;display:block;inset:auto;width:100%;height:155px;background-position:center center}
 .c-ref-conviction__veil{display:none}
 .c-ref-conviction__content{padding:30px 0 28px;position:relative;max-width:100%}
 .c-ref-conviction h2{font-size:29px;max-width:330px;margin-bottom:14px}
 .c-ref-conviction p{max-width:100%;font-size:12px;margin:0 0 18px}
 .c-ref-conviction__script{display:none}
 .c-ref-implication{display:block;min-height:0;padding:0}
 .c-ref-implication__photo,.c-ref-implication__veil,.c-ref-implication__script{display:none}
 .c-ref-implication__inner{padding:0;width:100%}
 .c-ref-implication h2{font-size:21px;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:20px 21px;margin:0;border-bottom:1px solid #e3d6c9;cursor:pointer}
 .c-ref-implication h2:after{content:'+';font:24px/1 Georgia,serif;color:#a54929}
 .c-ref-implication p,.c-ref-implication ul{display:none;width:calc(100% - 42px);margin:10px auto}
 .c-ref-implication.is-open p,.c-ref-implication.is-open ul{display:block}
 .c-ref-implication.is-open h2:after{content:'−'}
 .c-ref-join{display:block;min-height:0;background:#f6efe6}
 .c-ref-join__image{display:none}
 .c-ref-join__form-col{padding:25px 21px 23px;display:block}
 .c-ref-join__form-col:before{content:'Rejoindre le Cercle';display:block;font:32px/1.15 'EB Garamond',Georgia,serif;margin-bottom:18px}
 .c-ref-form-preview>input{height:43px}
 .c-ref-check span{font-size:11px}
 .c-ref-join__cta{width:100%;font-size:9px}
 .c-ref-faq{padding:0}
 .c-ref-faq .c-ref-width{width:100%}
 .c-ref-faq__head{padding:21px;display:flex;align-items:center;margin:0;cursor:pointer}
 .c-ref-faq__head h2{font-size:25px;margin:0}
 .c-ref-faq__head:after{content:'+';color:#a54929;font-size:26px;font-family:Georgia,serif}
 .c-ref-faq.is-open .c-ref-faq__head:after{content:'−'}
 .c-ref-faq__head p{display:none}
 .c-ref-faq__grid{display:none;padding:0 21px 19px;grid-template-columns:1fr}
 .c-ref-faq.is-open .c-ref-faq__grid{display:grid}
 .c-ref-faq details{padding:14px 0}
 .c-ref-footer{padding:21px 0 26px}
 .c-ref-footer__inner{align-items:flex-start;gap:16px}
 .c-ref-footer__identity{min-width:0}.c-ref-footer__identity strong{font-size:20px}
 .c-ref-footer nav{display:none}
 .c-ref-footer__script{font-size:23px;padding-left:13px;margin-left:auto}
 .c-ref-social{margin-left:0;align-self:center}
 .c-ref-footer__bottom{display:none}
}
/* Mobile ordering follows the phone mockup: conviction text first, then the photograph. */
@media(max-width:600px){
 .c-ref-conviction{display:flex;flex-direction:column}
 .c-ref-conviction__content{order:0}
 .c-ref-conviction__photo{order:1}
}
/* Corrected standalone photographic crops (no words baked into the right-hand images). */
.c-ref-try__photo{background-image:url('images/cercle-matiere.webp')}
.c-ref-conviction__photo{left:47%;right:9%;background-size:cover;background-position:center}
.c-ref-conviction__veil{background:linear-gradient(90deg,#321c25 0%,#321c25 41%,rgba(50,28,37,.93) 49%,rgba(50,28,37,.18) 67%,rgba(50,28,37,.24) 88%,#321c25 100%)}
.c-ref-implication__photo{left:50%;right:3%;background-position:center;background-size:cover}
@media(max-width:600px){
 .c-ref-conviction__photo{left:auto;right:auto;background-position:center;background-size:cover}
}

/* V11 — corrections de relecture du Cercle (écran et mobile) */
.c-ref-hero__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.c-ref-button--outline{background:transparent;border:1px solid #a94427;color:#813923;min-height:43px}
.c-ref-button--outline:hover{background:rgba(169,68,39,.1);color:#65301f}
.c-ref-verses__mobile-toggle{display:none}
/* Ne pas détourner le bouton sur desktop : trois versets toujours visibles. */
.c-ref-conviction{min-height:280px}
.c-ref-conviction__content{width:min(88%,1190px)}
.c-ref-conviction__photo{inset:0 auto 0 55%;width:27%;background-position:center 55%;background-size:cover}
.c-ref-conviction__veil{background:linear-gradient(90deg,#321c25 0%,#321c25 45%,rgba(50,28,37,.92) 54%,rgba(50,28,37,.08) 67%,rgba(50,28,37,.13) 82%,#321c25 90%,#321c25)}
.c-ref-conviction h2{max-width:610px}
.c-ref-conviction p{max-width:min(52%,610px);font-size:13px;line-height:1.64}
.c-ref-conviction__script{right:2.2%;top:50%;transform:translateY(-50%);font-size:clamp(32px,3.2vw,45px);line-height:1.16;max-width:185px;text-align:center}
/* Laisser voir l'image sans coupure, à sa taille naturelle d'origine. */
.c-ref-try,.c-ref-try__photo{min-height:302px}
.c-ref-try__body{padding-top:28px;padding-bottom:20px}
.c-ref-methods{margin-top:16px}
.c-ref-method__icon{width:36px;height:36px}
.c-ref-method p{margin-top:6px}
@media(max-width:1100px) and (min-width:601px){
 .c-ref-conviction__content{width:90%}
 .c-ref-conviction p{max-width:57%}
 .c-ref-conviction__photo{left:58%;width:23%}
 .c-ref-conviction__script{font-size:clamp(24px,2.9vw,33px);right:1.5%}
}
@media(max-width:600px){
 .c-ref-hero__actions{gap:9px}
 .c-ref-hero__actions>.c-ref-button{min-height:40px;padding:9px 12px;font-size:9px}
 .c-ref-verses__mobile-toggle{display:block;width:max-content;margin:14px auto 0;position:static;top:auto;font:700 10px/1.4 Montserrat,Arial,sans-serif}
 .c-ref-conviction{min-height:0}
 .c-ref-conviction__content{width:calc(100% - 42px)}
 .c-ref-conviction__photo{width:100%;height:175px;left:auto;right:auto;inset:auto;min-height:175px;background-position:center 43%}
 .c-ref-conviction p{max-width:100%;font-size:12px}
 .c-ref-try,.c-ref-try__photo{min-height:0}
 .c-ref-try__body{padding:25px 21px 19px}
}

/* V12 — iconographie source HD, cadrage continu et ordre éditorial validé.
   Les 4 sources intégrales figurent dans SOURCES_VISUELLES_CERCLE_V12. */
.c-ref-page .header .brand img{width:222px;max-height:80px}
.c-ref-page .header__inner{min-height:92px}
/* Hero : le fondu est déjà intégré à la photo, aucun recadrage gauche artificiel. */
.c-ref-hero__art{inset:0;background-image:url('images/cercle-hero-v12.webp');background-position:center;background-size:cover}
.c-ref-hero__veil{background:linear-gradient(90deg,rgba(249,242,233,.14),transparent 63%)}
/* Bible : une image continue avec son fondu à droite ; pas de séparation brutale. */
.c-ref-verses__intro{display:flex;align-items:center;background:#f7efe5 url('images/cercle-reperes-v12.webp') center center/cover no-repeat;min-height:226px}
.c-ref-verses__photo{display:none}
.c-ref-verses__copy{margin-left:45%;width:55%;background:none}
/* Jamais un raccourci : arrière-plan complet et composition plus lisible. */
.c-ref-conviction{background:#321c25 url('images/cercle-conviction-v12.webp') center center/cover no-repeat}
.c-ref-conviction__photo{display:none}
.c-ref-conviction__veil{background:linear-gradient(90deg,rgba(45,27,35,.24) 0%,rgba(45,27,35,.15) 43%,transparent 71%)}
.c-ref-conviction__content{width:min(88%,1190px)}
.c-ref-conviction p{max-width:min(53%,620px)}
.c-ref-conviction__script{right:3%;font-size:clamp(31px,3vw,43px);color:#fff0df;text-shadow:0 2px 12px #201411}
/* Participation : conserver l'image complète et surtout son fondu naturel.
   Le texte ET la mention manuscrite vivent dans cette zone claire, sans scission visuelle. */
.c-ref-implication{background:#f8f2e9 url('images/cercle-participation-v12.webp') center center/cover no-repeat;min-height:clamp(365px,35vw,520px);align-items:center}
.c-ref-implication__photo,.c-ref-implication__veil{display:none}
.c-ref-implication__inner{position:relative;z-index:1;padding:28px 0;box-sizing:border-box}
.c-ref-implication h2{max-width:48%;font-size:clamp(29px,2.8vw,41px)}
.c-ref-implication p{max-width:43%;font-size:12px;line-height:1.5}
.c-ref-implication ul{max-width:44%}
.c-ref-implication li{line-height:1.68}
.c-ref-implication__script{position:static;display:block;width:max-content;max-width:44%;margin:12px 0 0 10px;text-align:left;color:#a45236;font-size:clamp(22px,2.25vw,29px);line-height:1.04;text-shadow:0 1px 3px rgba(255,255,255,.6)}
/* La réorganisation se fait dans le DOM : conviction -> essayer -> participation. */
@media(min-width:601px) and (max-width:1100px){
 .c-ref-page .header .brand img{width:188px}
 .c-ref-verses__copy{margin-left:45%;width:55%;padding:18px}
 .c-ref-implication{min-height:400px;background-position:center}
 .c-ref-implication h2,.c-ref-implication p,.c-ref-implication ul,.c-ref-implication__script{max-width:52%}
 .c-ref-conviction__script{font-size:26px;right:2%}
}
@media(max-width:600px){
 .c-ref-page .header .brand img{width:169px}
 .c-ref-page .header__inner{min-height:74px}
 .c-ref-hero__art{background-image:url('images/cercle-hero-v12.webp');background-position:67% center;opacity:1}
 .c-ref-hero__veil{background:linear-gradient(180deg,rgba(249,243,233,.93) 0%,rgba(249,243,233,.88) 38%,rgba(249,243,233,.25) 78%,transparent)}
 .c-ref-verses__intro{display:block;min-height:0;background:#f7efe5}
 .c-ref-verses__copy{margin:0;width:100%;padding:28px 21px 7px}
 .c-ref-conviction{background:#321c25;display:flex;flex-direction:column}
 .c-ref-conviction__veil{display:none}
 .c-ref-conviction__content{order:0;width:calc(100% - 42px)}
 .c-ref-conviction__photo{display:block;order:1;position:relative;inset:auto;left:auto;right:auto;width:100%;height:180px;min-height:180px;background:url('images/cercle-conviction-v12.webp') 74% center/cover no-repeat}
 .c-ref-conviction p{max-width:100%}
 /* Accordéon compact comme dans la maquette mobile, image intacte après ouverture. */
 .c-ref-implication{background:#f8f2e9;display:block;min-height:0}
 .c-ref-implication__inner{padding:0;width:100%}
 .c-ref-implication h2{max-width:none}
 .c-ref-implication p,.c-ref-implication ul{max-width:none}
 .c-ref-implication__script{display:none;position:static;max-width:none;margin:10px 21px 12px;color:#a45236;font-size:23px}
 .c-ref-implication.is-open .c-ref-implication__script{display:block}
 .c-ref-implication__photo{position:relative;display:none;inset:auto;left:auto;right:auto;width:100%;height:auto;aspect-ratio:2048/740;background:url('images/cercle-participation-v12.webp') center/contain no-repeat}
 .c-ref-implication.is-open .c-ref-implication__photo{display:block}
}

/* Afficher la photographie en entier après le texte d'accordéon sur mobile. */
@media(max-width:600px){
 .c-ref-implication{display:flex;flex-direction:column;align-items:stretch}
 .c-ref-implication__inner{order:0}
 .c-ref-implication__photo{order:1}
}


/* ==========================================================
   V13 — relecture de lisibilite de la page Co-creation (26 oct. 2026)
   Hero pousse a droite, reperes degages, accroche Essayer remontee,
   participation sur parchemin clair ; autres pages inchangees.
   ========================================================== */
@media (min-width: 801px) {
  /* La scene commence plus a droite pour laisser l'ensemble du titre
     sur sa zone de fondu ; aucune alteration de l'image originale. */
  .c-ref-hero__art {
    inset: 0 0 0 11%;
    background-position: 49% center;
  }
  .c-ref-hero__veil {
    background: linear-gradient(90deg,
      #f3e8da 0%, rgba(243,232,218,.93) 19%,
      rgba(243,232,218,.73) 33%,
      rgba(243,232,218,.30) 47%, transparent 61%);
  }
  .c-ref-hero__copy { width: min(51%, 580px); }
}
@media (min-width: 601px) {
  /* Texte installe a droite de la transition de l'image Bible. */
  .c-ref-verses__copy {
    margin-left: 52%;
    width: 48%;
    padding: 23px clamp(25px,3.2vw,52px);
  }
  /* La formule sur l'etoffe profite du degrade sombre, plus haut. */
  .c-ref-try__photo span { bottom: 80px; }
  .c-ref-try__photo:after {
    background: linear-gradient(0deg, rgba(21,14,13,.65) 0%,
    rgba(21,14,13,.30) 35%, transparent 72%);
  }
  /* On conserve le plan photographique ENTIER, sans coupure a 50%. */
  .c-ref-implication {
    background: #f8f2e9 url('images/cercle-participation-v13-wide.webp') center center / cover no-repeat;
    min-height: clamp(380px,35.8vw,524px);
  }
  .c-ref-implication__inner { position: static; }
  .c-ref-implication h2,
  .c-ref-implication p,
  .c-ref-implication ul { max-width: 43%; }
  .c-ref-implication__script {
    position: absolute;
    z-index: 2;
    left: 65%; right: auto;
    top: 63%; bottom: auto;
    transform: translateY(-50%);
    width: 21%; max-width: none;
    margin: 0;
    text-align: center;
    color: #7d482e;
    font-size: clamp(23px,2.38vw,32px);
    line-height: 1.04;
    text-shadow: 0 1px 3px rgba(253,245,231,.85);
    pointer-events: none;
  }
}
@media (min-width: 601px) and (max-width: 800px) {
  .c-ref-hero__art { inset: 0 0 0 7%; }
  .c-ref-hero__veil { background: linear-gradient(90deg,#f3e8da 0%,rgba(243,232,218,.95) 29%,rgba(243,232,218,.5) 66%,transparent 87%); }
  .c-ref-verses__copy { margin-left: 49%; width: 51%; padding: 18px; }
  .c-ref-implication h2,.c-ref-implication p,.c-ref-implication ul { max-width: 50%; }
  .c-ref-implication__script { left: 69%; width: 20%; font-size: 22px; }
}
@media (max-width: 600px) {
  /* Sur telephone, la photo conserve son atmosphère ; le voile haut
     garantit la lecture du titre et des boutons. */
  .c-ref-hero__art { inset: 0; background-position: 72% center; }
  .c-ref-hero__veil {
    background: linear-gradient(180deg,
      rgba(249,243,233,.97) 0%,rgba(249,243,233,.93) 40%,
      rgba(249,243,233,.66) 68%,transparent 100%);
  }
  .c-ref-verses__copy { margin: 0; width: 100%; padding: 28px 21px 7px; }
  /* Le deuxieme visuel est prefere pour l'accordeon mobile de Participation. */
  .c-ref-implication { position: relative; }
  .c-ref-implication__inner { position: static; }
  .c-ref-implication__photo {
    background: url('images/cercle-participation-v13-mobile.webp') center center / cover no-repeat;
    aspect-ratio: 1672 / 941;
  }
  .c-ref-implication.is-open .c-ref-implication__script {
    display: block;
    position: absolute;
    z-index: 2;
    left: auto; right: 1%; top: auto; bottom: 88px;
    width: 32%; max-width: none;
    margin: 0; color: #814729; text-align: center;
    font-size: clamp(18px,5vw,24px); line-height: 1.08;
    text-shadow: 0 1px 4px rgba(255,255,255,.8);
    pointer-events: none;
  }
}
/* Les tablettes ont moins de fondu utile que les grands ecrans : voile leger,
   sans coupure verticale ni bande opaque. */
@media (min-width:601px) and (max-width:1000px) {
  .c-ref-implication {
    background-image:
      linear-gradient(90deg,rgba(249,243,233,.93) 0%,rgba(249,243,233,.84) 28%,
      rgba(249,243,233,.55) 45%,rgba(249,243,233,.08) 62%,transparent 75%),
      url('images/cercle-participation-v13-wide.webp');
  }
}


/* ═════════════════════════════════════════════════════════════════
   V14 — CONFORT DE LECTURE ET VISUELS PARTICIPATION CORRIGÉS
   Portée : page Co-création seulement. Accueil et autres pages intacts.
   Échelle dédiée : 15–17 px pour textes courants, 16–17 px sur le
   passage essentiel "Ce que votre participation implique".
   ═════════════════════════════════════════════════════════════════ */
.c-ref-page .header .nav a {font-size:12px;}
.c-ref-kicker {font-size:12px;letter-spacing:.13em;}
.c-ref-button {font-size:12px;line-height:1.35;min-height:44px;}
.c-ref-button--small {font-size:12px;min-height:42px;}
.c-ref-hero .c-ref-body {font-size:16px;line-height:1.64;max-width:470px;}
.c-ref-hero__verse cite {font-size:12px;}
.c-ref-verses__copy p {font-size:15.5px;line-height:1.65;max-width:485px;}
.c-ref-text-link {font-size:12px;line-height:1.4;}
.c-ref-quote cite {font-size:13px;}
.c-ref-conviction {min-height:320px;}
.c-ref-conviction p {font-size:15.5px;line-height:1.65;}
.c-ref-try,.c-ref-try__photo {min-height:350px;}
.c-ref-try__body {padding-top:30px;padding-bottom:28px;}
.c-ref-try__body>p {font-size:15.5px;line-height:1.55;}
.c-ref-method em {font-size:14px;}
.c-ref-method p {font-size:14px;line-height:1.58;margin-top:12px;}
/* Importance des engagements : bloc respirant, contenu lisible. */
.c-ref-implication {
  min-height:clamp(520px,39vw,570px);
  background:#f8f2e9 url('images/cercle-participation-v14-wide.webp') center center / cover no-repeat;
}
.c-ref-implication__inner {padding-top:38px;padding-bottom:38px;}
.c-ref-implication h2 {font-size:clamp(32px,2.9vw,43px);margin-bottom:14px;}
.c-ref-implication p {font-size:16.5px;line-height:1.61;margin:0 0 16px;}
.c-ref-implication li {font-size:16px;line-height:1.56;padding-left:20px;margin:0 0 5px;}
.c-ref-implication__script {font-size:clamp(25px,2.5vw,35px);}
/* Inscription : lecture sereine des conditions et des champs. */
.c-ref-join {min-height:320px;}
.c-ref-join__image {min-height:320px;}
.c-ref-join__caption p {font-size:15px;line-height:1.64;max-width:400px;}
.c-ref-form-preview {gap:12px;}
.c-ref-form-preview>input {height:46px;font-size:15px;}
.c-ref-check input {width:17px;height:17px;flex:0 0 17px;}
.c-ref-check span {font-size:13.5px;line-height:1.52;}
.c-ref-join__cta {font-size:12px;}
.c-ref-technical-note {font-size:12px;line-height:1.45;}
.c-ref-faq {padding-block:29px 33px;}
.c-ref-faq details {padding-block:14px;}
.c-ref-faq summary {font-size:14px;line-height:1.5;}
.c-ref-faq details p {font-size:14px;line-height:1.6;}
.c-ref-footer__identity span,.c-ref-footer__bottom {font-size:12px;}
.c-ref-footer nav a {font-size:12px;}
@media (min-width:601px) and (max-width:1100px) {
  .c-ref-implication {min-height:565px;}
  .c-ref-implication h2,.c-ref-implication p,.c-ref-implication ul {max-width:46%;}
  .c-ref-implication h2 {font-size:clamp(30px,3.2vw,39px);}
  .c-ref-implication p {font-size:15.5px;}
  .c-ref-implication li {font-size:15px;}
  .c-ref-implication {
    background-image:linear-gradient(90deg,rgba(249,243,233,.94),rgba(249,243,233,.79) 28%,rgba(249,243,233,.23) 56%,transparent 78%),url('images/cercle-participation-v14-wide.webp');
  }
  .c-ref-try {grid-template-columns:30% 70%;}
  .c-ref-try__body {padding-inline:24px;}
  .c-ref-method p {font-size:13px;}
  .c-ref-verses__copy p {font-size:14.5px;}
}
@media(max-width:600px) {
  .c-ref-page .header .nav a {font-size:14px;}
  .c-ref-kicker {font-size:10.5px;letter-spacing:.11em;}
  .c-ref-hero .c-ref-body {font-size:15px;line-height:1.62;max-width:100%;}
  .c-ref-button,.c-ref-hero__actions>.c-ref-button {font-size:11px;min-height:44px;line-height:1.3;padding:10px 12px;}
  .c-ref-hero {min-height:495px;}
  .c-ref-hero__content {padding-top:34px;padding-bottom:116px;}
  .c-ref-verses__mobile-toggle {font-size:12px;min-height:42px;padding-inline:8px;}
  .c-ref-quote cite {font-size:12.5px;}
  .c-ref-conviction {min-height:0;}
  .c-ref-conviction p {font-size:15.5px;line-height:1.65;}
  .c-ref-try,.c-ref-try__photo {min-height:0;}
  .c-ref-method em {font-size:14px;}
  .c-ref-method strong {font-size:23px;}
  .c-ref-implication {background:#f8f2e9;min-height:0;}
  .c-ref-implication__inner {padding:0;}
  .c-ref-implication h2 {font-size:25px;padding:22px 21px;line-height:1.2;margin:0;}
  .c-ref-implication p,.c-ref-implication ul {max-width:none;}
  .c-ref-implication p {font-size:16px;line-height:1.62;margin:17px 21px 14px;width:calc(100% - 42px);}
  .c-ref-implication ul {margin:0 21px 23px;width:calc(100% - 42px);}
  .c-ref-implication li {font-size:16px;line-height:1.58;margin-bottom:10px;padding-left:19px;}
  .c-ref-implication__photo {background:url('images/cercle-participation-v14-mobile.webp') center center / cover no-repeat;aspect-ratio:1672/941;}
  .c-ref-implication.is-open .c-ref-implication__script {font-size:clamp(19px,5.4vw,25px);bottom:9%;right:3%;width:33%;}
  .c-ref-join__image {min-height:0;}
  .c-ref-form-preview>input {font-size:16px;min-height:46px;}
  .c-ref-check span {font-size:14px;line-height:1.48;}
  .c-ref-technical-note {font-size:12px;}
  .c-ref-faq summary,.c-ref-faq details p {font-size:15px;}
  .c-ref-faq details {padding-block:13px;}
  .c-ref-footer__bottom {font-size:11.5px;}
}


/* V15 — harmonisation de la titraille et de la lecture (Co-création seulement).
   Référence : titres principaux Playfair Display de l’Accueil validé.
   La typographie des citations et des phrases manuscrites reste éditoriale. */
.c-ref-page .c-ref-hero h1 {
  font-family:'Playfair Display',Georgia,serif;
  font-weight:400;
  font-size:clamp(39px,3.8vw,56px);
  line-height:1.12;
  letter-spacing:-.034em;
}
/* Même corps de lecture que « Un repère, jamais un raccourci ». */
.c-ref-page .c-ref-implication p,
.c-ref-page .c-ref-implication li {
  font-size:15.5px;
  line-height:1.65;
}
.c-ref-page .c-ref-implication p { margin-bottom:16px; }
.c-ref-page .c-ref-implication li { margin-bottom:5px; }
.c-ref-implication__editorial-break {display:block;content:'';}
@media (min-width:601px) and (max-width:1100px) {
  .c-ref-page .c-ref-implication p,
  .c-ref-page .c-ref-implication li { font-size:15px; }
  .c-ref-implication__editorial-break { display:none; }
}
@media (max-width:600px) {
  .c-ref-page .c-ref-hero h1 {
    font-size:clamp(31px,7.5vw,43px);
    line-height:1.1;
    letter-spacing:-.028em;
  }
  .c-ref-page .c-ref-implication p,
  .c-ref-page .c-ref-implication li { font-size:15.5px;line-height:1.65; }
  .c-ref-implication__editorial-break {display:none;}
}