@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,600&display=swap');
:root{--ink:#202327;--ink2:#151719;--gold:#c8a463;--cream:#f3efe8;--paper:#faf9f6;--line:#d9d3ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.nav{height:92px;display:flex;align-items:center;padding:0 5vw;background:var(--ink2);color:white;gap:4vw;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:1rem;letter-spacing:.18em}.brand small{font-size:.5rem;letter-spacing:.12em;color:#cabfae;margin-top:7px}.monogram{position:relative;font-weight:800;font-size:1.85rem;letter-spacing:-.12em;padding-top:5px}.monogram i{position:absolute;width:35px;height:15px;border-left:2px solid var(--gold);border-top:2px solid var(--gold);transform:rotate(45deg) skew(-8deg);top:-2px;left:8px}.nav nav{display:flex;gap:2.2vw;font-size:.84rem}.nav nav a:hover,.social a:hover{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#181818;border:0;padding:16px 23px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;font-size:.75rem;cursor:pointer;transition:.2s}.btn:hover{background:#ddbd82;transform:translateY(-1px)}.btn-small{padding:12px 17px}.menu{display:none}.hero{height:min(760px,calc(100vh - 92px));min-height:610px;position:relative;color:#fff;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,13,14,.92) 0%,rgba(12,13,14,.63) 36%,rgba(12,13,14,.06) 70%)}.hero-copy{position:absolute;left:8vw;top:50%;transform:translateY(-50%);max-width:670px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;font-weight:700;color:#e0c18b;margin:0 0 25px}.eyebrow.dark{color:#8e6e36}.hero h1,.intro h2,.engagements h2,.contact h2{font-size:clamp(2.8rem,5.5vw,5.6rem);line-height:1.02;letter-spacing:-.045em;margin:0;font-weight:700}.hero h1 em{font-family:'Playfair Display',serif;font-weight:600;color:var(--gold)}.lead{max-width:590px;font-size:1.08rem;color:#e4e1dc;margin:28px 0 34px}.actions{display:flex;align-items:center;gap:30px}.text-link{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.text-link span{color:var(--gold);font-size:1.2rem;margin-left:5px}.hero-proof{position:absolute;right:5vw;bottom:0;background:rgba(22,24,26,.94);padding:22px 34px;border-top:2px solid var(--gold);display:flex;flex-direction:column}.hero-proof b{font-size:1.25rem;color:var(--gold)}.hero-proof span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.intro{padding:115px 8vw 65px;display:grid;grid-template-columns:1.4fr 1fr;gap:10vw;align-items:end}.intro h2,.contact h2{font-size:clamp(2.3rem,4vw,4.2rem)}.intro>p{font-size:1.1rem;color:#5c5d5d;border-left:2px solid var(--gold);padding-left:30px;margin-bottom:8px}.services{padding:0 8vw 115px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:0 8vw}.services article{background:var(--paper);padding:42px 38px;min-height:260px;transition:.25s}.services article:hover{background:var(--cream);transform:translateY(-5px)}.services span,.values b{color:var(--gold);font-size:.7rem;letter-spacing:.1em}.services h3,.values h3{font-size:1.15rem;margin:42px 0 12px}.services p,.values p{font-size:.9rem;color:#646462}.engagements{background:var(--ink);color:white;padding:110px 8vw}.statement h2{font-size:clamp(2.4rem,4.4vw,4.5rem);max-width:900px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:80px;border-top:1px solid #444;padding-top:45px}.values h3{margin:25px 0 12px}.values p{color:#b9b7b2}.contact{padding:110px 8vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.contact>div>p:last-child{color:#686866;max-width:510px}.contact form{display:flex;flex-direction:column;gap:22px}label{display:flex;flex-direction:column;gap:8px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}input,textarea{border:0;border-bottom:1px solid #aaa;background:transparent;padding:12px 2px;font:inherit;font-size:.95rem;outline:none;border-radius:0}input:focus,textarea:focus{border-color:var(--gold)}.two{display:grid;grid-template-columns:1fr 1fr;gap:25px}form .btn{align-self:flex-start;margin-top:8px}.form-note{font-size:.82rem;color:#755a2b;margin:0}footer{background:var(--ink2);color:#fff;padding:55px 8vw;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:30px;align-items:center}footer>small{grid-column:1/-1;border-top:1px solid #373737;padding-top:25px;color:#888}.social{display:flex;gap:24px}.social a{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}@media(max-width:850px){.nav{height:78px}.nav nav,.nav>.btn{display:none}.menu{display:block;background:none;border:1px solid #666;color:white;padding:8px 11px}.nav.open nav{display:flex;position:absolute;top:78px;left:0;right:0;background:var(--ink2);padding:25px;flex-direction:column}.hero{height:690px;min-height:0}.hero-shade{background:linear-gradient(90deg,rgba(12,13,14,.9),rgba(12,13,14,.38))}.hero-copy{left:7vw;right:7vw}.hero h1{font-size:3.2rem}.actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-proof{right:0;padding:15px 22px}.intro,.contact{grid-template-columns:1fr;padding:85px 7vw 55px;gap:35px}.services{grid-template-columns:1fr;margin:0 7vw;padding-bottom:85px}.services article{min-height:210px}.engagements{padding:85px 7vw}.values{grid-template-columns:1fr;gap:35px;margin-top:55px}.two{grid-template-columns:1fr}footer{grid-template-columns:1fr;padding:50px 7vw}.social,footer p{margin:0}}
@media(max-width:480px){.brand small{display:none}.hero h1{font-size:2.65rem}.lead{font-size:.96rem}.hero-proof{display:none}.services article{padding:32px 27px}.contact{padding-bottom:80px}}

/* Pictogrammes métiers issus de l'identité visuelle AD Habitat */
.services article{padding:38px;min-height:230px}
.service-title{min-height:64px;display:flex;align-items:center;gap:18px}
.service-title img{width:58px;height:58px;flex:0 0 58px;object-fit:contain;filter:saturate(.9) contrast(1.06)}
.services .service-title h3{margin:0}
.services article>p{margin-top:22px}
@media(max-width:850px){.services article{min-height:210px}}

/* Présentation du fondateur */
.about{padding:110px 8vw;background:var(--cream);display:grid;grid-template-columns:1.08fr .92fr;gap:8vw;align-items:center}
.about-photo{position:relative;overflow:hidden;min-height:470px;background:#ddd}
.about-photo img{display:block;width:100%;height:100%;min-height:470px;object-fit:cover;object-position:center 42%}
.about-badge{position:absolute;left:0;bottom:0;background:rgba(21,23,25,.94);color:#fff;padding:20px 27px;border-top:2px solid var(--gold);display:flex;flex-direction:column;line-height:1.25}
.about-badge strong{font-size:1.05rem;color:var(--gold)}
.about-badge span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;margin-top:5px}
.about-copy h2{font-size:clamp(2.3rem,3.8vw,4rem);line-height:1.06;letter-spacing:-.04em;margin:0 0 30px}
.about-copy>p:not(.eyebrow){color:#5c5d5d;margin:0 0 18px}
.about-highlight{border-left:2px solid var(--gold);padding-left:22px;margin-top:34px;display:flex;flex-direction:column}
.about-highlight strong{font-size:1.25rem;color:#8e6e36}
.about-highlight span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#686866}
@media(max-width:850px){.about{grid-template-columns:1fr;padding:85px 7vw;gap:45px}.about-photo,.about-photo img{min-height:390px}.about-copy h2{font-size:2.55rem}}
@media(max-width:480px){.about-photo,.about-photo img{min-height:320px}.about-badge{padding:16px 20px}.about-copy h2{font-size:2.2rem}}

/* Fil d'actualités Instagram */
.instagram-feed{padding:110px 8vw;background:var(--paper)}
.instagram-head{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;margin-bottom:50px}
.instagram-head h2{font-size:clamp(2.3rem,4vw,4.2rem);line-height:1.04;letter-spacing:-.045em;margin:0}
.instagram-head>div:last-child p{color:#5c5d5d;margin:0 0 20px}
.instagram-link{display:inline-flex;align-items:center;gap:8px;color:#8e6e36;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--gold);padding-bottom:5px}
.instagram-link span{font-size:1rem}
.instagram-widget{min-height:390px;padding:22px;background:var(--cream);border-top:2px solid var(--gold)}
@media(max-width:850px){.instagram-feed{padding:85px 7vw}.instagram-head{grid-template-columns:1fr;gap:28px;margin-bottom:38px}.instagram-widget{min-height:330px;padding:12px}}

/* Envoi du formulaire sans quitter le site */
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
form .btn:disabled{opacity:.68;cursor:wait;transform:none}
.form-note.success{color:#397048;font-weight:600}
.form-note.error{color:#9a3838;font-weight:600}