*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:#172f46;background:#fff;font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7545a0;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Fraunces','Fraunces',Georgia,serif;font-weight:400;letter-spacing:-2px}h2{font-size:clamp(35px,4vw,54px);line-height:1.1}em{font-weight:400;font-style:italic;color:#245b78}p{line-height:1.65}.wrap{width:min(1120px,88%);margin-inline:auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:25px 4%;background:#f5f6f2}.brand{font-weight:800;letter-spacing:-1.1px;font-size:24px;line-height:.96;display:inline-block}.brand>span{font-size:18px;letter-spacing:-.7px}.fr{color:#245b78}.nav nav{display:flex;gap:35px;font-size:14px;font-weight:600}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:40px;padding:17px 24px;background:#245b78;color:white;font-size:14px;font-weight:600;transition:transform .2s,background .2s;line-height:1.3}.button:hover{background:#172f46;transform:translateY(-2px)}.button.small{padding:13px 20px}.button.outline{border:1px solid #49463f;color:#292720;background:transparent}.button.outline:hover{background:#e5ebeb}.hero{background:#f5f6f2;position:relative;min-height:560px;display:grid;grid-template-columns:1fr 2.5fr 1fr;gap:25px;align-items:center;padding:35px 3% 85px;overflow:hidden}.hero-copy{text-align:center;position:relative;z-index:2}.hero h1{font-size:clamp(43px,4.2vw,68px);line-height:1.08;margin:18px -30px 25px;letter-spacing:-2.8px}.hero h1 em{display:block}.hero-copy>p{font-size:16px;line-height:1.65;color:#59564f;margin-bottom:25px}.actions{display:flex;gap:10px;justify-content:center}.hero-copy p.micro{font-size:12px;margin:20px 0;color:#777166}.portrait{position:relative;height:320px}.portrait>img{width:100%;height:100%;object-fit:cover;border-radius:16px}.portrait.left{align-self:start;margin-top:18px}.portrait.right{margin-top:85px}.left>img{object-position:68% center}.right>img{object-position:65% center}.float-note{background:white;padding:19px 23px;position:absolute;right:-35px;bottom:28px;box-shadow:0 8px 35px #70624713;border-radius:12px;font-size:14px;line-height:1.6;transform:rotate(-4deg);min-width:190px}.dot{display:block;width:10px;height:10px;background:#90a586;border-radius:50%;margin-bottom:7px}.calendar{position:absolute;top:-40px;left:-28px;background:white;padding:20px;border-radius:12px;box-shadow:0 8px 35px #70624713;transform:rotate(4deg);width:210px}.calendar>span{font-size:8px;letter-spacing:1px}.calendar>div{display:flex;align-items:center;gap:18px;margin:8px 0}.calendar b{font:34px 'Fraunces',Georgia,serif}.calendar i{color:#245b78;font-style:normal}.calendar small{font-size:10px;color:#706e65}.project{padding:55px 0 90px}.tabs{display:flex;justify-content:center;gap:10px;margin-bottom:55px;flex-wrap:wrap}.tabs button{border:0;background:transparent;border-radius:9px;padding:15px 22px;color:#67645d;font-size:14px}.tabs button.active{background:#f2ce52;color:#302c23}.tabs button:hover{background:#e9efef}.project-panel{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.project-copy p{color:#69675f;font-size:16px}.project-copy ul{list-style:none;padding:0;margin:25px 0;line-height:1.5}.project-copy li{padding:8px 0 8px 26px;position:relative;font-size:14px}.project-copy li:before{content:'✓';position:absolute;left:0;color:#698564}.text-link{border:0;background:transparent;padding:8px 0;font-weight:600;font-size:14px;text-align:left}.text-link span{display:inline-block;margin-left:14px}.text-link:hover{color:#245b78}.project-photo{position:relative;background:#ede7db;border-radius:28px;padding:22px 22px 65px;transform:rotate(2deg)}.project-photo>img{display:block;width:100%;height:310px;object-fit:cover;border-radius:16px}.photo-label{position:absolute;bottom:25px;left:30px;font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:22px}.reperes{padding:80px 0;background:#edf0eb;text-align:center}.section-intro{color:#716b61;font-size:16px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;text-align:left;margin-top:55px}.number{display:flex;width:48px;height:48px;align-items:center;justify-content:center;background:#f2ce52;border-radius:50%;font:23px 'Fraunces',Georgia,serif}.three article:nth-child(2) .number{background:#dce8ec}.three article:nth-child(3) .number{background:#dce8e2}.three h3{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:27px;margin:22px 0 13px}.three p{font-size:15px;color:#716b61}.guides{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.section-head p{color:#777166}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.guide{border:0;background:transparent;text-align:left;padding:0;position:relative}.guide>img{width:100%;height:240px;object-fit:cover;border-radius:15px;transition:transform .3s}.guide:hover>img{transform:translateY(-5px)}.guide>span{display:block;margin:22px 0 12px;color:#245b78;font-size:12px}.guide h3{font-family:'Fraunces',Georgia,serif;font-size:24px;font-weight:400;line-height:1.3;letter-spacing:-.5px;padding-right:20px}.guide>b{position:absolute;bottom:0;right:0;color:#245b78;font-size:24px}.closing{background:#e1ebec;border-radius:24px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:40px}.closing h2{font-size:43px;margin-bottom:20px}.closing p{font-size:14px;margin:0}.closing .button{flex-shrink:0}.faq{max-width:800px;padding:100px 0}.faq h2{text-align:center;margin-bottom:40px}.faq details{border-bottom:1px solid #ddd7ce;padding:22px 0}.faq summary{cursor:pointer;font-size:16px;font-weight:600}.faq details p{color:#716b61;font-size:15px;margin:18px 0 0}footer{padding:45px 6% 25px;background:#172f46;color:#f5f2e8;display:flex;align-items:center;justify-content:space-between;gap:35px;flex-wrap:wrap}footer .fr{color:#f2ce52}footer p{font-size:14px;margin:0;color:#c4c9bf}footer>a:last-of-type{font-size:13px}footer small{width:100%;font-size:10px;color:#a7afa4;border-top:1px solid #ffffff20;padding-top:20px;margin-top:15px}dialog{border:0;border-radius:22px;padding:45px;width:min(560px,90vw);color:#172f46;background:#f5f6f2;max-height:85vh}dialog::backdrop{background:#252b2480;backdrop-filter:blur(4px)}dialog h2{font-size:36px;letter-spacing:-1px;margin-top:15px}dialog p,dialog li{font-size:15px;line-height:1.7}dialog ul{padding-left:18px;margin-bottom:25px}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px}@media(min-width:1500px){.hero{padding-inline:6%;gap:50px}.portrait{height:370px}}@media(max-width:1050px){.hero{grid-template-columns:1fr 3.4fr 1fr;gap:15px}.hero h1{font-size:48px}.portrait{height:270px}.calendar{width:165px;padding:14px;left:-25px}.calendar>div{gap:10px}.calendar b{font-size:28px}.float-note{min-width:150px;padding:14px;font-size:12px;right:-20px}.project-panel{gap:40px}.nav{gap:20px}.nav nav{gap:20px}.closing{padding:35px}.closing h2{font-size:35px}.three{gap:25px}.guide>img{height:180px}}@media(max-width:760px){.nav{padding:22px 6%;flex-wrap:wrap}.nav nav{order:3;width:100%;justify-content:center;padding-top:12px;font-size:13px}.nav .small{font-size:11px;padding:11px 14px}.brand{font-size:21px}.brand>span{font-size:16px}.hero{grid-template-columns:1fr 1fr;padding:10px 6% 50px;gap:20px}.hero-copy{grid-column:1/-1;grid-row:1}.hero h1{font-size:45px;letter-spacing:-2px;margin:20px 0}.hero-copy>p{font-size:14px}.actions{flex-wrap:wrap}.actions .button{font-size:12px;padding:15px 18px}.portrait{height:210px!important;margin:15px 0 0!important}.float-note{right:-12px;bottom:15px;min-width:140px}.calendar{top:25px;left:12px;width:150px;transform:rotate(3deg)}.calendar small{font-size:9px}.calendar>span{font-size:7px}.project{padding:35px 0 60px}.tabs{gap:5px;margin-bottom:30px;display:grid;grid-template-columns:1fr 1fr}.tabs button{font-size:12px;padding:14px 8px}.project-panel{grid-template-columns:1fr;gap:30px}.project-photo{transform:none;padding:17px 17px 60px}.project-photo>img{height:250px}.project-copy h2{font-size:39px}.reperes{padding:60px 0}.three{grid-template-columns:1fr;gap:30px;margin-top:35px}.three article{border-top:1px solid #e2dcd2;padding-top:25px}.three h3{margin-top:15px}.three p{max-width:440px}.guides{padding:60px 0}.section-head{display:block}.guide-grid{grid-template-columns:1fr;gap:30px}.guide>img{height:250px}.guide h3{max-width:500px}.closing{display:block;padding:30px}.closing h2{font-size:34px}.closing .button{margin-top:25px}.faq{padding:60px 0}.faq h2{font-size:35px}footer{align-items:flex-start;gap:25px}footer p{font-size:12px}dialog{padding:30px}dialog h2{font-size:30px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Identité — La parenthèse habitée */
:root{--ivoire:#f5f6f2;--mure:#172f46;--rose:#f2ce52;--action:#245b78;--sauge:#86aaa9} .brand{line-height:1;flex-shrink:0}.brand img{display:block;width:230px;height:auto;max-width:100%}h1,h2{letter-spacing:-1.8px}.hero h1{font-size:clamp(42px,4vw,64px);letter-spacing:-2px}.dot{background:var(--sauge)}.number{background:#f2ce52}.three article:nth-child(2) .number{background:#e1ebec}.three article:nth-child(3) .number{background:#e0e7db}.button{background:var(--action)}.button.outline{background:transparent}footer{background:var(--mure)}footer p,footer small{color:#ded4d9}@media(max-width:760px){.brand img{width:182px}.hero h1{font-size:42px}.nav{column-gap:12px}.nav .small{max-width:120px}.nav nav{flex-shrink:0}.hero h1 em{margin-top:8px}}@media(max-width:360px){.brand img{width:160px}.nav .small{font-size:10px;max-width:105px}.hero h1{font-size:37px}}

/* Direction 02 — Le passage. Mise en page conservée, langage de marque distinct. */
:root{--papier:#f5f6f2;--encre:#172f46;--mimosa:#f2ce52;--petrole:#245b78;--brume:#e1ebec}
body{color:var(--encre);background:var(--papier)}
h1,h2,h3,.three h3,.guide h3{font-family:'DM Sans',Arial,sans-serif;font-weight:700;letter-spacing:-1.7px}h1 em,h2 em{font-style:normal;color:inherit}h1 em{position:relative}h1 em:after{content:'';display:block;width:88px;height:7px;background:var(--mimosa);margin:22px auto 0}h2{line-height:1.08}h3,.three h3,.guide h3{letter-spacing:-.8px}
.hero h1{font-size:clamp(42px,4.2vw,64px);line-height:1.04;letter-spacing:-2.8px}.hero{padding-bottom:70px}.hero-copy>p{color:#506270}.hero-copy p.micro{color:#506270}
.nav{border-bottom:1px solid #172f4615}.nav nav{font-weight:500}.button{border-radius:7px;background:var(--encre);color:white;font-weight:600}.button:hover{background:var(--petrole)}.button.outline{border-color:var(--encre);color:var(--encre)}.nav .button{background:var(--mimosa);color:var(--encre)}
.portrait>img{border-radius:80px 8px 8px 8px}.portrait.right>img{border-radius:8px 8px 80px 8px}.float-note,.calendar{border-radius:8px;transform:none;box-shadow:0 10px 30px #172f4612}.float-note{border-left:5px solid var(--mimosa)}.calendar{background:var(--encre);color:white;border-bottom:5px solid var(--mimosa)}.calendar b{font:700 34px 'DM Sans',sans-serif}.calendar i,.calendar small{color:#f2ce52}.calendar small{font-size:9px}.dot{border-radius:1px;background:var(--petrole)}
.tabs{border-bottom:1px solid #172f4626;gap:0}.tabs button{border-radius:0;border-bottom:3px solid transparent;color:#506270;font-weight:500}.tabs button.active{background:transparent;border-bottom-color:var(--petrole);color:var(--encre)}.tabs button:hover{background:var(--brume)}
.project-photo{transform:none;border-radius:8px;background:var(--brume)}.project-photo>img{border-radius:4px}.photo-label{font:600 19px 'DM Sans',sans-serif}.project-copy li:before{color:var(--petrole)}.text-link{color:var(--petrole)}.text-link:hover{color:var(--encre)}.project-copy p,.three p,.section-intro,.section-head p,.faq details p{color:#506270}
.number{border-radius:6px;font:700 22px 'DM Sans',sans-serif}.three article:nth-child(2) .number{background:var(--brume)}.three article:nth-child(3) .number{background:#dae5dc}.guide>img{border-radius:8px}.guide>b{color:var(--petrole)}.guide>span{color:var(--petrole)}
.closing{background:var(--encre);border-radius:8px;color:var(--papier)}.closing .button{background:var(--mimosa);color:var(--encre)}.closing .button:hover{background:#e7c03e}.closing em{color:var(--mimosa)}footer{background:#102637}footer p,footer small{color:#ccd9e0}dialog{border-radius:12px;color:var(--encre)}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#245b78}
@media(max-width:760px){.hero h1{font-size:43px;letter-spacing:-2px}.project-copy h2{font-size:36px}.photo-label{font-size:17px}.closing h2{font-size:34px}.portrait>img{border-top-left-radius:48px}.portrait.right>img{border-bottom-right-radius:48px}.calendar b{font-size:28px}}@media(max-width:360px){.hero h1{font-size:36px}}