:root{--paper:#fefefd;--ink:#20314f;--text:#47556b;--teal:#20314f;--logo:#9bb5e7;--wash:#edf2fc;--line:#ccd8e9;--gutter:max(6%,calc((100vw - 1120px)/2))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em;line-height:1.15;font-weight:400}h1{font-size:clamp(3rem,4.5vw,4.5rem)}h2{font-size:clamp(2.2rem,3.4vw,3.3rem)}h3{font-size:1.75rem;letter-spacing:-.025em}h4{font-size:18px}strong{font-weight:700;color:var(--ink)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit}:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.skip{position:absolute;top:-100px;left:12px;padding:12px;background:var(--paper);z-index:20}.skip:focus{top:12px}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px var(--gutter);border-bottom:1px solid var(--line);min-height:96px}.header-brand{display:flex;align-items:center;gap:13px}.header-brand img{width:58px;height:58px;border-radius:50%}.wordmark{font-family:Georgia,serif;font-size:30px;letter-spacing:.06em;line-height:1.1}.wordmark small{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.35em;margin-top:6px}nav{display:flex;align-items:center;gap:28px;font-size:14px}.nav-contact{border:1px solid var(--teal);padding:9px 17px;border-radius:16px 4px 16px 4px;color:var(--teal)}.menu{display:none}
.section{padding:76px var(--gutter);scroll-margin-top:16px}.eyebrow,.small-label{font-size:11px;font-weight:700;letter-spacing:.13em;line-height:1.5;color:var(--teal);margin-bottom:22px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px 52px;padding:58px var(--gutter) 0}.hero-copy{min-width:0}.intro{font-family:Georgia,serif;font-size:clamp(1.2rem,1.8vw,1.5rem);line-height:1.4;font-weight:600;color:var(--teal);margin-top:24px}.intro span{display:block}.hero-art{position:relative;aspect-ratio:2/1;overflow:hidden;min-width:0;border-radius:62px 8px 62px 8px}.hero-photo{position:absolute;top:-76%;left:0;display:block;width:100%;height:auto}.hero-axes{grid-column:1/-1;text-align:center;font-family:Georgia,serif;font-size:1.5rem;line-height:1.4;padding:14px 0 0}.hero-axes span{color:var(--teal);padding:0 8px}.hero-axes:after{content:"";display:block;width:220px;height:36px;background:url('circe-arc.svg') center/100% 100% no-repeat;margin:14px auto 0}
.recognition{padding-top:42px;padding-bottom:46px}.recognition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.recognition-grid p{font-family:Georgia,serif;font-size:21px;line-height:1.45;border-top:1px solid var(--logo);padding-top:18px}.parents-note{max-width:75ch;margin-top:28px;font-size:15px;color:var(--text)}
.approach{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px 70px;border-top:1px solid var(--line)}.approach-content p+p,.about-text p+p{margin-top:20px}.lead{font-family:Georgia,serif;font-size:24px;line-height:1.45}.approach-content>p:not(.lead),.about-text p{color:var(--text)}.experience{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;border:1px solid var(--logo);border-radius:40px 8px 40px 8px;padding:32px;margin-top:8px}.experience h3{color:var(--teal);font-weight:600}.experience p:not(.small-label){color:var(--text);font-size:16px}.experience p+p{margin-top:18px}.approach-overview{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;margin-top:18px}.approach-overview p{font-size:16px;color:var(--text)}.practices{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.practices article{border-top:1px solid var(--logo);padding-top:24px}.practices h3{font-size:25px;color:var(--teal);font-weight:600;min-height:88px;margin-bottom:16px}.practices p{font-size:16px;color:var(--text)}.practices .practice-example{margin-top:18px;padding-left:14px;border-left:2px solid var(--logo);font-size:14px;line-height:1.65}
.formats-title{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.audience{margin-top:18px;font-size:16px;font-weight:600;color:var(--teal)}.format-grid{margin-top:38px;border-top:1px solid var(--line);padding-top:32px}.format-grid h3{font-weight:600;margin-bottom:20px}.format-grid article>p:not(.small-label){max-width:72ch;color:var(--text)}.session-outline{margin-top:32px}.session-outline h4{margin-bottom:22px;color:var(--teal)}.session-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 54px;max-width:940px}.session-flow p{font-size:16px;color:var(--text)}.session-flow strong{display:block;margin-bottom:5px}.session-note{font-size:14px;max-width:76ch;color:var(--text);margin-top:24px}.session-price{border-top:1px solid var(--line);padding-top:24px;margin-top:32px}.session-price strong{color:var(--teal);font-size:32px}.session-price span{display:block;font-size:14px;margin-top:5px}.publics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:40px}.publics h3{font-size:25px;color:var(--teal);font-weight:600;margin-bottom:12px}.publics p{font-size:15px;color:var(--text)}.location{display:flex;align-items:flex-start;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);font-size:15px}.location span:not(.dot){color:var(--text)}.dot{display:inline-block;background:var(--logo);width:8px;height:8px;border-radius:50%;flex:none;margin-top:9px}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px 70px;border-top:1px solid var(--line)}.about-note{border-left:2px solid var(--logo);padding-left:18px;font-size:15px}.about-landscape{grid-column:1/-1;max-width:900px;width:100%;justify-self:center;aspect-ratio:16/9;overflow:hidden;border-radius:36px 8px 36px 8px;margin-top:12px}.about-landscape img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}.about-why{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;border-top:1px solid var(--line);padding-top:34px;margin-top:10px}.about-why h3{color:var(--teal);font-weight:600}.about-why p{font-size:16px;color:var(--text);margin-bottom:20px}
.questions{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px 70px;border-top:1px solid var(--line)}.questions .eyebrow{margin:0}.questions h2{grid-column:1}.faq{grid-column:2;grid-row:1/3}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:16px;font-weight:600;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:22px;color:var(--teal);font-weight:400;flex:none}details[open] summary:after{content:'−'}.faq p{font-size:15px;color:var(--text);margin-top:16px}
.contact{padding-top:30px}.contact:before{content:"";display:block;width:260px;height:44px;background:url('circe-arc.svg') center/100% 100% no-repeat;margin-bottom:24px}.contact h2{font-size:clamp(2.6rem,4.2vw,4rem)}.contact-bottom{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.contact-bottom>p{color:var(--text);font-size:16px}.contact-links{background:var(--wash);padding:28px;border-radius:32px 8px 32px 8px;display:grid;gap:20px;min-width:0}.contact-direct{font-size:19px;line-height:1.45;overflow-wrap:anywhere}.contact-direct span{display:block;font-size:11px;letter-spacing:.1em;color:var(--teal);font-weight:700;margin-bottom:6px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:white;padding:14px 20px;border-radius:18px 5px 18px 5px;font-size:14px;font-weight:600;line-height:1.5}.button:hover{background:#344c71;text-decoration:none}.handle{font-size:12px;color:var(--text);text-align:center;margin-top:-12px}footer{padding:36px var(--gutter);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:24px;font-size:13px;color:var(--text)}footer .brand{font-family:Georgia,serif;font-size:28px;line-height:1.2;color:var(--ink)}footer .brand span{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.25em;margin-top:5px}footer .footer-note{font-size:12px}footer>span{grid-column:1/-1;font-size:11px;border-top:1px solid var(--line);padding-top:18px}
@media(max-width:1000px){nav{gap:16px;font-size:13px}.hero{gap:30px}.hero h1{font-size:clamp(2.7rem,4.5vw,3.6rem)}.approach,.experience,.approach-overview,.formats-title,.about,.about-why,.questions,.contact-bottom{column-gap:36px}.practices h3{font-size:23px;min-height:90px}.recognition-grid{gap:24px}.recognition-grid p{font-size:19px}}
@media(max-width:700px){html{scroll-padding-top:90px}body{font-size:16px}header{padding-top:16px;padding-bottom:16px;flex-wrap:wrap;min-height:84px}.header-brand img{width:46px;height:46px}.wordmark{font-size:25px}.wordmark small{font-size:9px}.menu{display:block;background:transparent;border:1px solid var(--line);border-radius:12px 4px;padding:7px 13px;font-size:14px}nav{display:none;width:100%;padding-top:16px}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:12px}nav a{padding:7px 0}.nav-contact{text-align:center;padding:9px 14px}.section{padding-top:48px;padding-bottom:48px}.hero{grid-template-columns:1fr;padding-top:30px;gap:26px}.hero h1{font-size:clamp(3rem,10.4vw,4.1rem)}.intro{font-size:21px;margin-top:20px}.hero-art{border-radius:42px 8px 42px 8px}.hero-axes{font-size:clamp(1.25rem,5vw,1.55rem);padding-top:0}.hero-axes:after{width:180px;height:30px;margin-top:10px}.recognition{padding-top:30px;padding-bottom:36px}.recognition-grid{grid-template-columns:1fr;gap:18px}.recognition-grid p{font-size:20px;padding-top:14px}.parents-note{margin-top:24px}.approach,.experience,.approach-overview,.formats-title,.about,.about-why,.questions,.contact-bottom{grid-template-columns:1fr;gap:28px}.lead{font-size:22px}.experience{padding:25px 22px;border-radius:30px 8px 30px 8px}.experience h3{font-size:25px}.approach-overview{margin-top:6px}.practices{grid-template-columns:1fr;gap:28px}.practices h3{min-height:0;font-size:25px;margin-bottom:14px}.format-grid{margin-top:28px;padding-top:25px}.session-flow{grid-template-columns:1fr;gap:22px}.publics{grid-template-columns:1fr;gap:24px;margin-top:32px}.publics h3{margin-bottom:8px}.about-landscape{aspect-ratio:16/10;border-radius:24px 8px 24px 8px}.about-why{padding-top:28px}.questions .faq{grid-column:1;grid-row:auto}.questions h2{grid-column:1}.contact{padding-top:10px}.contact:before{width:190px;height:35px;margin-bottom:20px}.contact-bottom{margin-top:25px;padding-top:25px}.contact-links{padding:24px;border-radius:28px 8px 28px 8px}.contact-direct{font-size:17px}footer{grid-template-columns:1fr;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Une hiérarchie de site : titres encre et couleur portée par les détails. */
:root{--ink:#20314f;--teal:#20314f;--logo:#9bb5e7;--wash:#edf3fd;--line:#d7e1ef}
h1,h2,h3{color:var(--ink)}
h3{font-family:Arial,Helvetica,sans-serif;font-size:23px;line-height:1.35;letter-spacing:-.025em;font-weight:600}
.eyebrow,.small-label{color:#4c6694;letter-spacing:.065em;font-weight:600}
.hero .intro{color:var(--ink);font-weight:400}
.hero-axes span{color:#7597c8}
.recognition-grid p{border:0;padding-top:0;font-size:21px}
.experience{border:0;border-top:2px solid var(--logo);border-radius:0;padding:28px 0;background:transparent}
.experience h3{color:var(--ink);font-weight:600}
.approach-overview{margin-top:4px}
.practices{display:block}
.practices article{display:grid;grid-template-columns:.9fr 1.1fr;gap:0 70px;padding:28px 0;border-top:1px solid var(--line)}
.practices h3{font-family:Arial,Helvetica,sans-serif;min-height:0;margin:0;font-size:23px;line-height:1.35;color:var(--ink);font-weight:600;grid-column:1}
.practices p{grid-column:2}
.practices .practice-example{border-left:0;padding-left:0;font-size:14px;color:#52647e}
.publics h3,.about-why h3{color:var(--ink);font-size:23px}
.audience,.session-outline h4,.session-price strong{color:var(--ink)}
.publics{gap:44px}
.contact{background:var(--wash)}
.contact-links{background:transparent;border-radius:0;padding:0 0 0 28px;border-left:2px solid var(--logo)}
.contact-direct span{color:#4c6694}
.contact .button{background:var(--ink);border-radius:6px}
.nav-contact{border-color:var(--line);color:var(--ink);border-radius:6px}
footer{background:var(--paper)}
@media(max-width:1000px){.practices article{column-gap:36px}}
@media(max-width:700px){.experience{padding:24px 0}.practices article{grid-template-columns:1fr;gap:14px;padding:24px 0}.practices h3,.practices p{grid-column:1}.practices h3{font-size:22px}.practices .practice-example{margin-top:2px}.contact-links{padding-left:20px}.publics{gap:26px}.recognition-grid p{font-size:20px}.intro{font-size:21px}}

/* Repères entre sections : alternance de fonds et niveaux de titres. */
.recognition{background:#f0f5fd;border-top:0;border-bottom:1px solid #cfddf0}
.approach{background:var(--paper);border-top:0}
.formats{background:#dce8fa;border-top:1px solid #b0c8ec;border-bottom:1px solid #b0c8ec;border-radius:0 44px 0 44px}
.about{background:var(--paper);border-top:0}
.questions{background:#f0f5fd;border-top:1px solid #cfddf0;border-bottom:1px solid #cfddf0}
.contact{background:#c6d8f5;padding-top:58px}
.contact-links{border-left-color:#91acd4}
footer{background:var(--paper)}
.section h2{color:var(--ink);font-size:clamp(2.35rem,3.65vw,3.55rem);line-height:1.12}
.eyebrow,.small-label{color:#355787;font-size:12px;letter-spacing:.09em;font-weight:700}
.practices h3,.publics h3,.about-why h3,.session-outline h4{color:#355787;font-weight:600}
.session-price strong{color:#355787}
.experience h3,.approach-overview h3{color:var(--ink)}
.formats .format-grid,.formats .location,.formats .session-price{border-color:#abc3e5}
.questions .faq details{border-color:#c0d2e8}
.contact .eyebrow{color:#355787}
@media(max-width:700px){.formats{border-radius:0 26px 0 26px}.section h2{font-size:clamp(2.15rem,8vw,2.7rem)}.contact{padding-top:38px}}

/* Référence au site Circé d'origine : Garamond, matière bleue et blancs. */
@font-face{font-family:'Circé Garamond';src:url('eb-garamond.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#fefefd;--ink:#193650;--text:#43576b;--teal:#3d607e;--logo:#9bb5e7;--wash:#f2f5fc;--line:#bfcddd}
h1,h2,h3{font-family:'Circé Garamond',Georgia,serif;letter-spacing:-.03em;font-weight:400}
.wordmark,.intro,.hero-axes,.lead,.recognition-grid p{font-family:'Circé Garamond',Georgia,serif}
.wordmark{font-size:33px}
.hero{position:relative;isolation:isolate;background:#172e60 url('circe-texture.avif') center/cover no-repeat;padding-top:65px;padding-bottom:32px;gap:32px 56px}
.hero:before{content:"";position:absolute;inset:0;background:rgba(10,24,52,.24);z-index:-1;pointer-events:none}
.hero h1{font-size:clamp(3.5rem,5vw,5rem);color:#fff;line-height:1.06;font-weight:400}
.hero .intro{font-size:clamp(1.4rem,2vw,1.8rem);color:#fff;font-weight:400;line-height:1.35;margin-top:28px}
.hero-art{border-radius:54px 6px 54px 6px;outline:1px solid rgba(255,255,255,.35);outline-offset:7px}
.hero-axes{color:#fff;font-size:26px;padding-top:10px}
.hero-axes span{color:#c4d7f9}
.hero-axes:after{width:200px;height:30px;margin-top:8px}
.section h2{font-size:clamp(2.7rem,4.2vw,4.15rem);line-height:1.06;color:#3d607e;font-weight:400}
.eyebrow,.small-label{color:#3d607e;letter-spacing:.065em;font-size:11px;font-weight:600}
.recognition{background:var(--paper);border-bottom:0;padding-top:55px;padding-bottom:55px}
.recognition-grid p{font-size:25px;line-height:1.35;color:#3d607e}
.parents-note{color:var(--text)}
.approach{background:var(--wash);border:0}
.lead{font-size:27px;line-height:1.35;color:var(--ink)}
.experience{border-top:1px solid #aebed3;padding:30px 0;border-radius:0}
.experience h3,.approach-overview h3,.format-grid h3{font-family:'Circé Garamond',Georgia,serif;font-size:32px;color:#3d607e;font-weight:400;line-height:1.15}
.practices h3,.publics h3,.about-why h3{font-family:'Circé Garamond',Georgia,serif;font-size:30px;color:#3d607e;font-weight:400;line-height:1.15}
.practices article{border-color:#b4c4d9}
.formats{background:var(--paper);border:0;border-radius:0}
.formats .format-grid,.formats .session-price,.formats .location{border-color:var(--line)}
.audience{color:#3d607e;font-weight:500;font-size:17px}
.session-outline h4{color:var(--ink);font-size:17px}
.session-price strong{color:var(--ink)}
.publics{padding-top:24px;border-top:1px solid var(--line)}
.about{background:var(--wash);border:0}
.about-landscape{border-radius:30px 6px 30px 6px}
.questions{background:var(--paper);border:0}
.faq details{border-color:var(--line)}
.contact{background:var(--wash);padding-top:42px}
.contact .eyebrow{color:#3d607e}
.contact-links{border-color:#9fb5d3;padding-left:28px}
.contact .button{border:1px solid #16385d;background:#16385d;border-radius:3px;font-family:'Circé Garamond',Georgia,serif;font-size:19px;letter-spacing:.025em;font-weight:400}
.contact .button:hover{background:#244e79}
footer{background:var(--paper)}
@media(max-width:1000px){.hero{column-gap:36px}.hero h1{font-size:clamp(3.1rem,5vw,4rem)}}

/* Le portrait respire sur le blanc, hors du bandeau texturé. */
.hero{grid-template-columns:1fr;text-align:center;gap:22px;padding-top:52px;padding-bottom:22px}
.hero-copy{max-width:850px;width:100%;margin:0 auto}
.hero .intro span{display:inline}
.hero-axes{padding-top:0;font-size:24px}
.portrait-strip{background:var(--paper);padding:36px var(--gutter) 0}
.portrait-strip .hero-art{width:min(100%,720px);margin:0 auto;outline:0;outline-offset:0}
.recognition{padding-top:36px}
@media(max-width:700px){.hero{padding-top:38px;padding-bottom:18px;gap:18px}.hero .intro span{display:block}.portrait-strip{padding-top:28px}.portrait-strip .hero-art{outline:0}.recognition{padding-top:30px}}
@media(max-width:700px){.hero{padding-top:42px;padding-bottom:24px;gap:28px}.hero h1{font-size:clamp(3.3rem,11vw,4.5rem)}.hero .intro{font-size:25px;margin-top:20px}.hero-art{border-radius:36px 6px 36px 6px;outline-offset:5px}.hero-axes{font-size:24px}.section h2{font-size:clamp(2.5rem,9vw,3.1rem)}.recognition{padding-top:38px;padding-bottom:38px}.recognition-grid p{font-size:23px}.lead{font-size:25px}.experience h3,.approach-overview h3,.format-grid h3{font-size:29px}.practices h3,.publics h3,.about-why h3{font-size:28px}.contact-links{padding-left:20px}.wordmark{font-size:28px}.contact .button{font-size:18px}}

/* Positionnement un peu plus présent et tarif composé séparément. */
.hero .intro{font-size:clamp(1.6rem,2.2vw,2rem);line-height:1.35}
.session-price{display:flex;align-items:center;gap:32px;border-top:1px solid var(--line);padding-top:28px;margin-top:32px;max-width:640px}
.price-main{flex:none}
.session-price .price-label{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:600;color:var(--text);margin:0 0 8px;line-height:1.5}
.session-price .price-value{font-family:'Circé Garamond',Georgia,serif;font-size:46px;line-height:1;color:var(--ink);font-weight:400;letter-spacing:-.025em;display:block;margin:0}
.session-price .price-value span{display:inline;font-size:30px;margin:0;letter-spacing:0}
.session-price .price-note{font-size:14px;line-height:1.6;color:var(--text);max-width:32ch;border-left:1px solid var(--logo);padding-left:24px}
@media(max-width:700px){.hero .intro{font-size:27px}.session-price{gap:20px;padding-top:24px}.session-price .price-value{font-size:43px}.session-price .price-value span{font-size:28px}.session-price .price-note{padding-left:18px;font-size:13px}}

.recognition-statement{font-family:"Circé Garamond",Georgia,serif;font-size:clamp(1.65rem,2.6vw,2.15rem);line-height:1.35;color:var(--ink);max-width:800px;margin:0 auto;text-align:center}
.recognition{padding-top:40px;padding-bottom:40px}
@media(max-width:700px){.recognition{padding-top:30px;padding-bottom:30px}.recognition-statement{font-size:26px;line-height:1.4}}

/* Des publics réunis, avec une composition adaptée à chaque écran. */
.audience-note{max-width:740px;margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}
.audience-note h3{font-size:30px;color:#3d607e;margin-bottom:14px}
.audience-note p{font-size:16px;color:var(--text);max-width:68ch}
.audience-note .audience-open{font-size:14px;margin-top:12px}
@media(min-width:1100px){
 .section{padding-top:88px;padding-bottom:88px}
 .hero{padding-top:64px;padding-bottom:28px}
 .hero .intro{max-width:760px;margin-left:auto;margin-right:auto}
 .portrait-strip .hero-art{width:760px}
 .recognition{padding-top:42px;padding-bottom:48px}
 .formats-title{grid-template-columns:1fr;gap:0}
 .formats-intro h2 br{display:none}
 .format-grid article{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:80px;align-items:start}
 .format-grid article>.small-label,.format-grid article>h3,.format-grid article>p{grid-column:1}
 .format-grid article>.small-label{grid-row:1;margin-bottom:18px}
 .format-grid article>h3{grid-row:2}
 .format-grid article>p:not(.small-label){grid-row:3}
 .session-outline{grid-column:2;grid-row:1/5;margin-top:0;padding-left:36px;border-left:1px solid var(--line)}
 .session-flow{gap:26px 30px}
 .session-price{grid-column:1;grid-row:4;gap:24px;margin-top:30px}
 .session-price .price-note{padding-left:20px}
 .audience-note{max-width:740px}
 .questions{align-items:start}
 .contact{padding-top:54px}
}
@media(max-width:700px){.audience-note{margin-top:28px;padding-top:24px}.audience-note h3{font-size:27px}.audience-note p{font-size:15px}.audience-note .audience-open{font-size:14px}}

/* Direction artistique : un trait souple relie les surfaces lumineuses. */
:root{--wash:#f0f5fd;--gold:#e9ca80}
header{border-bottom-color:#e4ebf5}
.nav-contact{border-radius:24px}
.hero{
 grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 text-align:left;gap:clamp(34px,4.3vw,68px);
 background:var(--paper);color:var(--ink);
 padding-top:clamp(64px,8vw,112px);
 padding-bottom:clamp(44px,6vw,84px);
}
.hero::before{content:none}
.hero-copy{margin:0}
.hero-local{
 display:flex;align-items:center;gap:12px;
 color:var(--teal);font-size:11px;font-weight:700;
 letter-spacing:.15em;margin-bottom:24px;
}
.hero-local::before{content:"";width:21px;height:2px;border-radius:2px;background:var(--gold)}
.hero h1{color:var(--ink);font-size:clamp(3rem,5.1vw,4.55rem);line-height:.99;letter-spacing:-.04em}
.hero .intro{color:var(--teal);margin:25px 0 0;font-size:clamp(1.45rem,2.25vw,1.9rem);line-height:1.24}
.hero .intro span{display:block}
.hero-axes{margin-top:25px;text-align:inherit;color:var(--ink);font-size:21px}
.hero-axes span{color:#52769c;padding:0 6px}
.hero-axes::after{content:none}
.portrait-strip{position:relative;isolation:isolate;background:none;padding:0}

.portrait-strip .hero-art{width:100%;aspect-ratio:1.86;margin:0;border-radius:25% 6% 20% 7% / 38% 10% 33% 12%}
.hero-photo{top:0;transform:translateY(-28.5%)}
.recognition{padding-top:24px;padding-bottom:82px}
.recognition-statement{font-size:clamp(1.7rem,2.7vw,2.25rem);max-width:840px;text-wrap:balance}
.approach{position:relative}
.section-shore{display:block;position:absolute;top:1px;left:0;transform:translateY(-100%);width:100%;height:clamp(30px,4.4vw,65px);color:var(--wash);pointer-events:none}
.experience{position:relative;border:0;padding-top:34px}
.experience::before{
 content:"";position:absolute;left:0;top:0;width:100%;height:12px;
 border-top:1px solid #aebfda;border-radius:50% 44% 0 0;pointer-events:none
}
.approach .practices article{border-color:#c4d4e9}
.about-landscape{border-radius:15% 3% 15% 3% / 24% 6% 24% 6%}
.contact::before{content:none}
.contact-gesture{display:block;width:min(290px,70%);height:auto;margin:0 0 18px}
.contact .button{border-radius:24px}
@media(max-width:1000px) and (min-width:701px){
 .hero h1{font-size:clamp(2.65rem,5.25vw,3.7rem)}
 .hero-axes{font-size:18px}
 .hero-axes span{padding:0 4px}
}
@media(max-width:700px){
 .hero{grid-template-columns:minmax(0,1fr);text-align:center;gap:34px;padding-top:44px;padding-bottom:28px}
 .hero-local{justify-content:center;margin-bottom:17px}
 .hero h1{font-size:clamp(2.9rem,10.4vw,4.4rem)}
 .hero .intro{font-size:clamp(1.36rem,6vw,1.65rem);margin-top:19px}
 .hero-axes{font-size:clamp(1.05rem,4.6vw,1.28rem);margin-top:17px}
 .hero-axes span{padding:0 4px}
 .portrait-strip{max-width:500px;width:100%;margin:0 auto}
 .portrait-strip .hero-art{aspect-ratio:2/1}
 .recognition{padding-top:10px;padding-bottom:56px}
 .recognition-statement{font-size:26px}
 .experience{padding-top:27px}
 .about-landscape{border-radius:13% 4% 13% 4% / 22% 7% 22% 7%}
 .contact-gesture{width:200px}
}

/* Deux accents ondulés, dans les marges du portrait et du contact. */
.contact{position:relative}
.contact-gesture{width:190px;margin-bottom:18px}
@media(min-width:701px){
 .contact-gesture{
  position:absolute;right:var(--gutter);top:76px;
  width:clamp(180px,27vw,330px);margin:0;pointer-events:none
 }
}


/* La signature accompagne le texte, le paysage s’ouvre sous l’accueil. */
.hero{grid-template-columns:minmax(0,1fr);text-align:center;padding-top:54px;padding-bottom:27px}
.hero-copy{max-width:1120px;margin-inline:auto}
.hero-local{justify-content:center;margin-bottom:20px}
.hero h1{color:#193b64}
.hero .intro{
 margin:22px auto 0;color:#263e5b;
 font:600 clamp(1.08rem,1.7vw,1.4rem)/1.45 Arial,Helvetica,sans-serif;
 letter-spacing:-.015em
}
.hero-axes{
 margin-top:25px;color:#315783;
 font:700 clamp(.76rem,1.17vw,.94rem)/1.5 Arial,Helvetica,sans-serif;
 letter-spacing:.14em;text-transform:uppercase
}
.hero-axes span{color:#a77929;padding:0 7px}
.hero-signature{display:block;width:30px;height:auto;margin:10px auto 0}
.portrait-band{position:relative;isolation:isolate;padding:0 var(--gutter);background:var(--paper)}
.portrait-band::before{content:"";position:absolute;inset:49% 0 0;background:#f7faff;z-index:-1}
.portrait-strip{width:min(100%,780px);max-width:none;margin-inline:auto}
.portrait-strip .hero-art{width:100%;aspect-ratio:2.2;border-radius:15px}
.recognition{background:#f7faff;padding-top:34px;padding-bottom:75px}
.recognition-statement{max-width:760px;margin-inline:auto;text-align:center;text-wrap:balance}
@media(min-width:1100px){
 .hero h1{font-size:clamp(3.6rem,4.85vw,4.4rem)}
 .hero h1 br{display:none}
 .hero .intro span{display:inline}
}
@media(max-width:700px){
 .hero{padding-top:39px;padding-bottom:20px}
 .hero-local{margin-bottom:17px}
 .hero .intro{margin-top:17px}
 .hero-axes{margin-top:22px;letter-spacing:.105em}
 .hero-axes span{padding:0 4px}
 .hero-signature{width:26px;margin-top:11px}
 .portrait-strip .hero-art{aspect-ratio:2;border-radius:11px}
 .recognition{padding-top:27px;padding-bottom:49px}
}

/* Accueil synthétique : les informations pratiques sont réunies. */
.approach,.formats,.about,.questions{padding-block:clamp(46px,5.4vw,76px)}
.formats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:clamp(30px,6vw,85px)}
.session-audience{font-size:clamp(1.45rem,2.7vw,2rem);margin-top:18px}
.session-open{margin-top:9px;font-size:.94rem;color:var(--text)}
.session-essentials{border-inline-start:1px solid var(--line);padding-inline-start:clamp(20px,3vw,40px);color:var(--text)}
.session-essentials .session-price{margin:0 0 16px;padding:0;border:0}
.session-contact{display:inline-block;margin-top:16px;color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:.25em}
.session-contact span{display:inline-block;margin-inline-start:.3em}
.about details.about-why{display:block;grid-column:1/-1;padding-top:18px}
.about-why summary{font-family:'Circé Garamond',Georgia,serif;font-size:1.65rem;line-height:1.25;color:var(--ink)}
.about-why > div{max-width:72ch;margin-top:20px}
.about-why p:last-child{margin-bottom:0}
@media(max-width:700px){
 .formats{grid-template-columns:1fr;gap:22px}
 .session-essentials{border-inline-start:0;border-top:1px solid var(--line);padding:20px 0 0}
}

/* Circé : le sceau et la matière bleue du site d’origine. */
body > header{
 display:grid;grid-template-columns:1fr auto 1fr;
 align-items:center;row-gap:9px;
 padding:16px var(--gutter) 13px;
 background:var(--paper);border-bottom:0
}
.header-brand{grid-column:2;grid-row:1;justify-self:center}
.header-brand img{width:142px;height:142px;object-fit:contain}
body > header nav{
 grid-row:2;grid-column:1/-1;
 justify-content:center;gap:clamp(22px,3.2vw,50px)
}
body > header .nav-contact{border-color:#a7bad9}
.hero{
 overflow:hidden;
 background:#152451 url('circe-texture.avif') center 47%/cover no-repeat;
 padding-block:clamp(54px,6.2vw,88px);
}
.hero::before{content:"";background:rgba(9,17,47,.36)}
.hero-copy{position:relative;z-index:1}
.hero-local{color:#f4d996;margin-bottom:21px}
.hero h1{color:#fff;line-height:1.04}
.hero .intro{color:#f4f7ff}
.hero-axes{color:#e0eaff}
.hero-axes span,.hero-signature{color:#f0d08a}
.hero-signature{width:34px}
.hero-ribbons{
 position:absolute;inset:0;width:100%;height:100%;
 color:#b7caf8;opacity:.43;pointer-events:none
}
.portrait-band{padding-top:16px;padding-bottom:clamp(42px,5vw,76px);background:#f7faff}
.portrait-band::before{content:none}
.formats{background:#faf6ee}
.questions{background:#f7faff}
@media(max-width:700px){
 body > header{min-height:0;padding-block:12px 15px;gap:0 8px}
 .header-brand img{width:116px;height:116px}
 body > header .menu{
  grid-column:3;grid-row:1;justify-self:end;
  border-color:#b7c8e2;color:var(--ink);padding-inline:9px
 }
 body > header nav.open{gap:8px}
 .hero{padding-block:43px 46px}
 .hero h1{font-size:clamp(2.3rem,9.9vw,3.7rem)}
 .hero .intro{margin-top:17px}
 .hero-axes{margin-top:21px}
 .hero-signature{width:30px}
 .hero-ribbons{display:none}
 .portrait-band{padding-top:11px}
}

.session-travel{margin-top:12px;color:var(--text);font-size:.94rem}
.legal-page{max-width:76ch;margin-inline:auto;padding:clamp(28px,6vw,70px) clamp(18px,4vw,40px);color:var(--text)}
.legal-page h1,.legal-page h2{color:var(--ink)}
.legal-page h1{margin-block:22px}
.legal-page h2{font-size:clamp(1.55rem,4vw,2.1rem);margin-block:30px 12px}
.legal-page p + p{margin-top:12px}
.legal-page a,footer > span a{text-decoration:underline;text-underline-offset:.2em;overflow-wrap:anywhere}
.legal-page #confidentialite{margin-top:36px;padding-top:4px;border-top:1px solid var(--line)}

.recognition-copy{max-width:70ch;margin-top:20px}.approach-note{grid-column:1/-1;max-width:75ch}

.portrait-strip .hero-art{aspect-ratio:2.1}
.portrait-strip .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46.5%;transform:none}
@media(max-width:700px){.portrait-strip .hero-art{aspect-ratio:2}}

/* Des colonnes alignées et une largeur de lecture stable sur ordinateur. */
@media (min-width: 701px) {
  body { --gutter: max(5%, calc((100% - 1080px) / 2)); }
  .hero h1 { font-size: clamp(2.85rem, 5.05vw, 4.4rem); text-wrap: balance; }
  .hero h1 br { display: none; }
  .hero .intro span { display: inline; }
  .approach, .formats, .about, .contact-bottom, .approach .practices {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(28px, 5vw, 70px);
  }
  .approach, .about { align-items: start; }
  .approach-intro { align-self: center; }
  .approach .practices { display: grid; }
  .approach .practices article { display: block; padding-block: 22px 0; }
  .approach .practices h3 { margin-bottom: 12px; }
  .approach .approach-note { max-width: 78ch; }
  .contact-gesture { width: clamp(120px, 20vw, 245px); }
  .contact-direct, .contact-links a { overflow-wrap: anywhere; }
}
@media (min-width: 701px) and (max-width: 900px) {
  .contact-gesture { display: none; }
}

/* Ordinateur : titres et introduction sur la même trame que les contenus. */
@media (min-width: 701px) {
  .approach, .about { grid-template-columns: minmax(0, 1fr); row-gap: 24px; }
  .approach h2, .about h2 { font-size: clamp(2.4rem, 4.8vw, 4.4rem); }
  .approach h2 br, .about h2 br { display: none; }
  .approach .eyebrow, .formats .eyebrow, .about .eyebrow, .contact .eyebrow {
    font-size: clamp(.875rem, 1.4vw, 1.125rem);
    letter-spacing: .1em;
    margin-bottom: 13px;
  }
  .approach-intro, .about-text { max-width: 76ch; }
  .approach .approach-note { max-width: none; }
  .about-landscape { width: 100%; max-width: 780px; aspect-ratio: 3 / 1; margin-top: 4px; }
  .about-landscape img { object-position: center 75%; }
}

.approach-portrait,.why-desktop-title{display:none}
@media(min-width:701px){
 .portrait-band{display:none}
 .section-shore{display:none}
 .approach,.about{grid-template-columns:minmax(0,1fr) clamp(165px,20vw,250px)}
 .approach .section-heading,.about>div:first-child{grid-column:1;grid-row:1}
 .approach-intro,.about-text{grid-column:1;grid-row:2;align-self:start}
 .approach h2{font-size:clamp(1.95rem,3.7vw,3.4rem)}
 .approach-portrait,.about-landscape{display:block;grid-column:2;grid-row:1/3;width:100%;align-self:center;margin:0;border-radius:14px}
 .approach-portrait{aspect-ratio:1;height:auto;object-fit:cover;object-position:center 48%}
 .about-landscape{aspect-ratio:3/4}
 .about-landscape img{object-position:center}
 .about details.about-why>summary{display:none}
 .why-desktop-title{display:block;margin-bottom:15px}
 .contact-bottom{display:block}
 .contact-mobile-break{display:none}
 .contact-bottom .contact-links{display:flex;flex-direction:column;align-items:flex-start;margin-top:20px;padding:0;border:0;background:none}
 .contact-bottom .contact-links .button,.contact-bottom .handle{align-self:center}
 .contact-bottom .contact-links .button{margin-top:28px}
}
@media(min-width:701px){
 .approach-portrait{overflow:hidden}
 .approach-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;transform:scale(1.6);transform-origin:50% 38%}
}

/* Deux repères visuels au sein du même accompagnement. */
.approach .practices{display:grid;gap:clamp(14px,2vw,26px)}
.approach .practices article{
 display:block;
 padding:clamp(20px,3vw,34px);
 border:1px solid #ceddf1;
 border-radius:24px;
 background:#f9fcff;
}
.approach .practices article:nth-child(2){
 background:#fffaf2;
 border-color:#eadcc4;
}
.approach .practices h3{margin-bottom:12px}