/* Charte officielle Barbara Picard — validée le 23 septembre 2026. */
:root{--ink:#513e49;--deep:#79566b;--wine:#79566b;--paper:#fcf9f4;--sand:#e9d8dc;--copper:#c8a96b;--light:#fcf9f4;--muted:#715c69;--line:#ddcbd3}
body{background:var(--paper)}
.header{border-bottom:1px solid var(--line);padding-top:22px;padding-bottom:22px;background:var(--paper)}
.brand{color:var(--wine)}
.brand span{color:var(--muted)}
.nav-contact{border-color:var(--copper);border-radius:30px;padding:12px 22px;background:var(--paper)}
.nav-contact:hover{background:var(--wine)}
.hero{position:relative;isolation:isolate;grid-template-columns:1.08fr 1fr;min-height:690px;max-width:1600px;margin:auto;overflow:hidden}
.hero:before{content:'';position:absolute;right:-100px;top:30px;width:660px;height:660px;border-radius:50%;background:var(--sand);z-index:-1}
.hero:after{content:'';position:absolute;width:370px;height:370px;right:90px;bottom:28px;border:1px solid var(--copper);border-radius:50%;z-index:-1}
.hero-copy{padding:65px 6% 65px 9%}
.hero-copy .eyebrow{max-width:350px;line-height:1.8;color:var(--wine)}
.hero h1{font-size:clamp(3.4rem,5.4vw,5.9rem)}
.hero h1 em{position:relative;display:inline-block}
.hero h1 em:after{content:'';position:absolute;left:0;bottom:-10px;width:75%;height:12px;border-bottom:3px solid var(--copper);border-radius:50%;transform:rotate(-4deg)}
.hero-copy>p:not(.eyebrow){margin-top:30px}
.hero-photo{margin:45px 60px 55px 20px;border-radius:48% 48% 10px 10px;box-shadow:15px 16px 0 var(--paper),16px 17px 0 var(--copper);min-height:530px}
.hero-photo img{filter:brightness(1.2);object-position:70% center}
.photo-caption{font-size:clamp(1.3rem,2vw,1.9rem);left:30px;bottom:35px;right:25px;text-shadow:0 2px 12px #291a26}
.button{border-radius:40px;padding:17px 25px;box-shadow:0 5px 0 #c8a96b4d;transition:transform .2s,background .2s}
.button:hover{background:#66475a;transform:translateY(-2px)}
.button.light{background:var(--paper);color:var(--wine);border:1px solid var(--copper)}
.text-link{border-bottom-width:2px}
.trust-strip{position:relative;background:var(--sand);border-top:1px solid var(--copper);border-bottom:1px solid var(--copper);gap:5%;color:var(--ink)}
.trust-strip span{display:flex;align-items:center;gap:18px}
.trust-strip span:before{content:'';width:9px;height:9px;background:var(--copper);transform:rotate(45deg);flex-shrink:0}
.section-title{position:relative;padding-left:25px;border-left:3px solid var(--copper)}
.offer-grid{gap:22px;align-items:stretch}
.offer-grid article{padding:30px 25px;border:1px solid var(--line);border-top:4px solid var(--copper);border-radius:6px 50px 6px 6px;background:white;position:relative}
.offer-grid article:nth-child(2){background:var(--sand);border-radius:50px 6px 6px 6px}
.offer-grid article:nth-child(3){background:var(--paper)}
.offer-grid h3{font-size:2.2rem;color:var(--wine)}
.offer-grid .eyebrow{font-size:12px;letter-spacing:.08em;line-height:1.7}
.offer-grid .text-link{font-size:14px}
.availability-note{border-color:var(--copper);border-radius:18px;background:var(--paper);line-height:1.5}
.about{border-top:0;background:radial-gradient(ellipse at 0 60%,#e9d8dc88,transparent 55%)}
.portrait-card{border-radius:180px 180px 6px 6px;box-shadow:12px 12px 0 var(--sand),13px 13px 0 var(--copper)}
.manifesto{position:relative;background:var(--wine);overflow:hidden;border-top:4px solid var(--copper)}
.manifesto:before,.manifesto:after{content:'';position:absolute;width:320px;height:320px;border:1px solid #c8a96b88;border-radius:50%;pointer-events:none}
.manifesto:before{left:-200px;top:-120px}.manifesto:after{right:-200px;bottom:-180px}
.manifesto p{color:var(--paper)}
.reviews{background:var(--sand)}
.quote-grid figure{background:var(--paper);border-top:3px solid var(--copper);border-radius:4px 35px 4px 4px;padding:25px}
.quote-mark{color:var(--copper)}
.contact{background:var(--wine);position:relative;border-top:4px solid var(--copper)}
.contact em,.contact .eyebrow{color:var(--paper)}
.contact>p:not(.eyebrow){color:var(--paper)}
footer{background:var(--paper);border-top:1px solid var(--line)}
.mobile-call{background:var(--wine);border-top:2px solid var(--copper)}
.page-hero{background:var(--sand);position:relative;overflow:hidden;border-bottom:3px solid var(--copper)}
.page-hero:after{content:'';position:absolute;right:-120px;top:-160px;width:420px;height:420px;border:1px solid var(--copper);border-radius:50%;pointer-events:none}
.emet-hero{background:var(--wine)}
.emet-hero em,.emet-hero .back,.emet-hero .eyebrow,.emet-hero .intro-text{color:var(--paper)}
.emet-hero .button{background:var(--paper);color:var(--wine)}
.benefits,.values,.lineage{background:var(--sand)}
.coming-soon-card{background:var(--wine);border:1px solid var(--copper);border-radius:50px 5px 50px 5px}
.coming-soon-card em,.coming-soon-card p:last-child{color:var(--paper)}
.media-grid figure,.lineage-grid figure{border-radius:22px 4px 22px 4px}
.lineage-grid figcaption{background:var(--paper)}
.rate-row{border-top-color:var(--copper)}
@media(max-width:1100px){.hero-photo{margin-right:35px}.hero-copy{padding-left:8%}.offer-grid article{padding:25px 20px}.offer-grid h3{font-size:1.9rem}}
@media(max-width:760px){
 .header{padding:20px 5%}.header nav{gap:12px 18px}.nav-contact{padding:9px 14px}
 .hero{grid-template-columns:1fr}.hero-copy{padding:40px 7% 45px}.hero h1{font-size:clamp(3.3rem,11.8vw,5.2rem)}
 .hero:before{top:auto;bottom:20px;right:-100px;width:460px;height:460px}.hero:after{right:30px;bottom:20px;width:250px;height:250px}
 .hero-photo{margin:0 9% 45px;min-height:420px;border-radius:47% 47% 6px 6px;box-shadow:10px 11px 0 var(--paper),11px 12px 0 var(--copper)}
 .photo-caption{font-size:24px;left:22px;bottom:26px}.hero-photo img{object-position:70% center}
 .trust-strip{gap:12px 24px;padding:22px 5%}.trust-strip span{gap:10px;font-size:12px}
 .offer-grid{gap:22px;grid-template-columns:1fr}.offer-grid article{padding:27px}.offer-grid h3{font-size:2.2rem}
 .section-title{padding-left:18px}.quote-grid{gap:20px}.quote-grid figure{padding:23px}
 .manifesto{padding:55px 8%}.manifesto blockquote{font-size:2.5rem}
 .coming-soon-card{padding:36px 25px}.page-hero:after{right:-250px}
}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}

/* Composition éditoriale, lignes fines et respiration. */
.header{padding:28px 5%;border-bottom-color:#c8a96b55}
.brand{font-size:29px;letter-spacing:.015em}
.brand span{font-size:10px;letter-spacing:.1em;margin-top:10px}
.header nav{gap:30px}
.nav-contact{border-radius:0;padding:12px 23px;border-color:#c8a96b99}
.hero{min-height:740px;grid-template-columns:1.1fr 1fr;padding:30px 0 45px}
.hero:before,.hero:after{display:none}
.hero-copy{padding:65px 9% 60px 12%}
.hero-copy .eyebrow{font-size:11px;letter-spacing:.16em;line-height:2;max-width:380px;margin-bottom:34px}
.hero h1{font-size:clamp(3.4rem,5.15vw,5.6rem);line-height:1.1;letter-spacing:-.045em}
.hero h1 em:after{display:none}
.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.85;margin-top:30px;max-width:405px}
.hero-copy .hero-sign{font-size:12px!important;letter-spacing:.055em;margin-top:25px!important}
.hero-photo{margin:40px 12% 40px 4%;min-height:540px;border-radius:2px 115px 2px 2px;box-shadow:none;border:0;outline:1px solid #c8a96b99;outline-offset:12px}
.hero-photo img{object-position:74% center}
.photo-caption{font-size:25px;line-height:1.5;left:35px;right:30px;bottom:35px}
.actions{gap:23px;margin-top:35px}
.button{border-radius:0;box-shadow:none;padding:15px 22px;font-size:14px;border:1px solid var(--wine)}
.button:hover{transform:none;background:#69495e}
.button.light{border-color:var(--copper)}
.text-link{border-bottom-width:1px;font-size:14px;padding-bottom:6px}
.trust-strip{background:var(--paper);border-top:1px solid #c8a96b77;border-bottom:1px solid #c8a96b77;padding:25px 6%;gap:0;justify-content:space-evenly;letter-spacing:.04em;font-size:12px}
.trust-strip span{display:block;padding:0 30px}
.trust-strip span+span{border-left:1px solid #c8a96b77}
.trust-strip span:before{display:none}
.section{padding-top:100px;padding-bottom:100px}
.section-title{padding-left:0;border:0;margin-bottom:50px}
.section-title>.eyebrow{display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:.13em}
.section-title>.eyebrow:before{content:'';height:1px;width:45px;background:var(--copper);flex-shrink:0}
.section-title h2{font-size:clamp(2.3rem,3.5vw,3.8rem);line-height:1.15}
.offer-grid{gap:0;border-top:1px solid var(--copper)}
.offer-grid article,.offer-grid article:nth-child(2),.offer-grid article:nth-child(3){background:transparent;border:0;border-radius:0;padding:35px 35px 12px}
.offer-grid article:first-child{padding-left:0}
.offer-grid article:last-child{padding-right:0}
.offer-grid article+article{border-left:1px solid var(--line)}
.offer-grid h3{font-size:2.3rem;margin-bottom:25px}
.offer-grid .eyebrow{font-size:10px;letter-spacing:.1em;min-height:34px;margin-bottom:14px}
.offer-grid article>p:not(.eyebrow):not(.offer-price){font-size:15px;line-height:1.85}
.offer-grid .offer-price{font-size:32px;padding-top:22px}
.offer-price span{font-size:13px}
.availability-note{border:0;border-left:2px solid var(--copper);border-radius:0;background:transparent;padding:0 0 0 14px;font-size:13px}
.about{background:#e9d8dc55;border-top:1px solid #c8a96b55}
.portrait-card{border-radius:120px 0 0 0;box-shadow:none;border-bottom:2px solid var(--copper)}
.manifesto{border-top-width:1px;padding:100px 12%}
.manifesto:before,.manifesto:after{display:none}
.manifesto blockquote{font-size:clamp(2.4rem,4vw,4rem);line-height:1.25}
.manifesto p{font-size:11px;letter-spacing:.18em}
.reviews{background:#e9d8dc55}
.quote-grid{gap:35px}
.quote-grid figure{background:transparent;border-top-width:1px;border-radius:0;padding:25px 0}
.quote-grid blockquote{font-size:22px;line-height:1.6}
.contact{padding:85px 8%;border-top-width:1px}
.contact h2{line-height:1.15}
.mobile-call{border-top-width:1px;font-size:13px}
.page-hero{padding-top:40px;padding-bottom:75px;border-bottom-width:1px;background:#e9d8dc55}
.page-hero:after{display:none}
.emet-hero{background:var(--wine)}
.benefits,.values,.lineage{background:#e9d8dc55}
.coming-soon-card{border-radius:0;border-width:1px;padding:60px}
.media-grid figure,.lineage-grid figure{border-radius:0}
@media(max-width:1100px){.header nav{gap:23px}.hero-copy{padding-left:10%;padding-right:7%}.hero-photo{margin-right:10%;margin-left:2%}.offer-grid article{padding-left:25px;padding-right:25px}}
@media(max-width:760px){
 .header{padding:24px 6%;gap:20px}.brand{font-size:24px}.brand span{font-size:9px;max-width:170px}.header nav{font-size:12px;gap:14px}
 .nav-contact{font-size:12px;padding:9px 12px}
 .hero{display:block;padding:0 0 30px}.hero-copy{padding:45px 8% 48px}.hero-copy .eyebrow{font-size:10px;line-height:1.9;margin-bottom:26px}
 .hero h1{font-size:clamp(3.1rem,12vw,5.2rem);line-height:1.08}.hero-copy>p:not(.eyebrow){font-size:16px;margin-top:25px;line-height:1.8}
 .hero-copy .hero-sign{font-size:11px!important}.actions{margin-top:28px;gap:24px}.button{font-size:13px;padding:14px 19px}
 .hero-photo{margin:10px 10% 30px;min-height:400px;border-radius:0 80px 0 0;outline-offset:9px;box-shadow:none}
 .photo-caption{font-size:21px;left:23px;right:15px;bottom:27px;line-height:1.5}
 .trust-strip{padding:20px 7%;gap:12px;flex-direction:column;align-items:center}.trust-strip span{font-size:11px;padding:0}.trust-strip span+span{border-left:0}
 .section{padding:65px 8%}.section-title{margin-bottom:35px}.section-title>.eyebrow{font-size:10px;gap:12px}.section-title>.eyebrow:before{width:25px}
 .offer-grid{display:block}.offer-grid article,.offer-grid article:first-child,.offer-grid article:last-child,.offer-grid article:nth-child(2){padding:30px 0;border-left:0}.offer-grid article+article{border-top:1px solid var(--line)}
 .offer-grid .eyebrow{min-height:0}.offer-grid h3{font-size:2rem}.offer-grid .text-link{margin-top:20px}
 .manifesto{padding:65px 8%}.manifesto blockquote{font-size:2.25rem}.coming-soon-card{padding:35px 25px}
.page-hero{padding:30px 8% 50px}.page-hero h1{line-height:1.12}
}

/* Cercles décalés et photographie lumineuse. */
.hero{padding:25px 0 60px;min-height:760px;background:linear-gradient(105deg,var(--paper) 48%,#e9d8dc66);overflow:hidden;align-items:center}
.hero:before{display:block;right:-180px;top:-240px;width:890px;height:890px;background:none;border:1px solid #c8a96b88;z-index:-1}
.hero:after{display:block;right:-135px;bottom:-380px;width:680px;height:680px;border:1px solid #c8a96b66;z-index:-1}
.hero-copy{padding:45px 8% 45px 12%;position:relative}
.hero-copy .eyebrow:before{content:'';display:block;width:65px;height:1px;background:var(--copper);margin-bottom:23px}
.hero h1{color:#654859;font-size:clamp(3.4rem,5.3vw,5.8rem)}
.hero h1 em{color:var(--wine)}
.hero-photo{aspect-ratio:1;min-height:0;width:82%;margin:25px 12% 90px 1%;border-radius:50%;overflow:visible;background:transparent;outline:0;isolation:isolate}
.hero-photo img{border-radius:50%;filter:none;object-position:72% center}
.hero-photo:before{content:'';position:absolute;inset:-19px 15px 19px -15px;border:1px solid var(--copper);border-radius:50%;z-index:1;pointer-events:none}
.hero-photo:after{content:'';position:absolute;inset:14px -19px -14px 19px;border:1px solid var(--copper);border-radius:50%;z-index:1;pointer-events:none}
.photo-caption{top:calc(100% + 43px);bottom:auto;left:-15%;right:-10%;color:#654859;text-shadow:none;text-align:center;font-size:24px;line-height:1.4}
.photo-caption:before{content:'';display:block;width:1px;height:30px;background:var(--copper);margin:-32px auto 12px}
.nav-contact,.button{border-radius:2px 18px 2px 18px}
.button{box-shadow:4px 4px 0 var(--paper),5px 5px 0 var(--copper)}
.trust-strip{background:#e9d8dc66}
.section-title{position:relative;padding-right:100px}
.section-title:after{content:'';position:absolute;right:24px;top:0;width:80px;height:80px;border:1px solid var(--copper);border-radius:50%;box-shadow:15px 0 0 -1px var(--paper),16px 0 0 0 var(--copper)}
.offer-grid{gap:25px;border:0;counter-reset:offers}
.offer-grid article,.offer-grid article:first-child,.offer-grid article:last-child,.offer-grid article:nth-child(2){padding:32px 28px;border:1px solid #c8a96b88;border-radius:55px 0 0 0;background:#ffffff66;position:relative}
.offer-grid article:nth-child(2){background:#e9d8dc55}
.offer-grid article:before{counter-increment:offers;content:'0' counter(offers);font:italic 22px Georgia,serif;color:var(--wine);width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--copper);border-radius:50%;margin-bottom:25px}
.offer-grid .eyebrow{min-height:34px}
.about{position:relative;overflow:hidden}
.portrait-card{outline:1px solid var(--copper);outline-offset:12px;border-radius:160px 160px 0 0;border:0}
.manifesto{border-bottom:1px solid var(--copper)}
.manifesto:before,.manifesto:after{display:block;width:450px;height:450px;border-color:#c8a96b99}
.manifesto:before{left:-280px;top:-160px}.manifesto:after{right:-280px;bottom:-180px}
.page-hero:after{display:block;right:-120px;top:-180px;width:550px;height:550px;border-color:#c8a96baa;box-shadow:25px 35px 0 -1px var(--sand),26px 36px 0 var(--copper)}
.emet-hero{background:var(--paper);color:var(--ink)}
.emet-hero em,.emet-hero .back,.emet-hero .eyebrow,.emet-hero .intro-text{color:var(--wine)}
.emet-hero .button{background:var(--wine);color:var(--paper)}
.page-hero>*{position:relative;z-index:1}
@media(max-width:760px){
 .hero{padding:0 0 45px;background:linear-gradient(170deg,var(--paper) 45%,#e9d8dc88)}
 .hero-copy{padding:35px 8% 30px}.hero-copy .eyebrow:before{margin-bottom:18px}
 .hero-photo{width:76%;margin:25px auto 105px;min-height:0;aspect-ratio:1;outline:none;border-radius:50%}
 .hero-photo img{object-position:74% center}.hero-photo:before{inset:-12px 10px 12px -10px}.hero-photo:after{inset:10px -12px -10px 12px}
 .photo-caption{font-size:21px;top:calc(100% + 40px);left:-10%;right:-10%}
 .hero:before{width:450px;height:450px;top:auto;bottom:20px;right:-170px}.hero:after{display:none}
 .section-title{padding-right:0}.section-title:after{width:38px;height:38px;right:10px;top:-18px;opacity:.7}
 .section-title h2{position:relative;z-index:1}.section-title>.eyebrow{padding-right:50px}
 .offer-grid{display:grid;gap:22px}.offer-grid article,.offer-grid article:first-child,.offer-grid article:last-child,.offer-grid article:nth-child(2){padding:28px 25px;border:1px solid #c8a96b88}
 .page-hero:after{width:300px;height:300px;right:-180px;top:-90px}
}

/* Parcours personnel : récit court et chronologie dépliable. */
.parcours-section{border-top:1px solid var(--line)}
.parcours-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr);gap:8%;align-items:start}
.parcours-reperes{padding:32px;background:var(--sand);border:1px solid var(--copper);border-radius:40px 0 40px 0}
.parcours-reperes h3{font-size:1.6rem}.parcours-reperes dl{margin:26px 0 0}.parcours-reperes dt{font-weight:bold;color:var(--wine);margin-top:24px}.parcours-reperes dd{margin:8px 0 0;font-size:1rem;line-height:1.65}
.parcours-recit h3{font-size:1.65rem;margin:30px 0 16px}.parcours-recit h3:first-child{margin-top:0}
.parcours-details{margin-top:48px;padding:0;border:1px solid var(--copper);border-radius:18px;overflow:hidden}
.parcours-details summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;list-style:none;background:var(--paper);color:var(--wine);font-size:1.125rem;line-height:1.5}
.parcours-details summary::-webkit-details-marker{display:none}.parcours-details summary:hover{background:#e9d8dc55}.parcours-toggle:after{content:'+';font-size:1.8rem;line-height:1}.parcours-details[open] .parcours-toggle:after{content:'−'}
.parcours-details-body{padding:10px 36px 36px}.parcours-details-body>p{max-width:760px;font-size:1rem;padding-top:16px}.parcours-details-body .parcours-note{font-style:italic}
.parcours-year{margin-top:34px}.parcours-year h4{font:normal 2rem Georgia,serif;color:var(--wine);margin:0 0 18px}.parcours-year ol{padding-left:28px;margin:0}.parcours-year li{padding:18px 0 18px 12px;border-top:1px solid var(--line);font-size:1rem;line-height:1.7}.parcours-year li::marker{color:var(--wine)}.parcours-year strong,.parcours-year span{display:block}.parcours-year span{color:var(--muted);margin-top:5px}
@media(max-width:760px){.parcours-layout{grid-template-columns:1fr;gap:32px}.parcours-reperes{padding:26px}.parcours-details summary{padding:20px}.parcours-details-body{padding:8px 20px 26px}.parcours-year li{padding-left:5px}.parcours-year ol{padding-left:24px}}