:root{--ink:#20221f;--muted:#666a63;--paper:#f5f2eb;--white:#fff;--stone:#d9d1c4;--sage:#6e7867;--forest:#354237;--copper:#9b6a48;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.08;margin:0 0 18px}
h1{font-size:clamp(44px,7vw,88px);max-width:900px}
h2{font-size:clamp(34px,5vw,58px)}
h3{font-size:28px}
p{margin:0 0 18px}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:auto;padding:0 28px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;color:var(--copper);margin-bottom:18px}
header{position:fixed;z-index:20;top:0;left:0;right:0;background:rgba(245,242,235,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(32,34,31,.1)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:22px;letter-spacing:.02em}
.brand img{width:48px;height:48px;object-fit:contain;flex:0 0 auto}
.brand span{display:block}
.brand small{display:block;font:9px Arial;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
nav{display:flex;gap:26px;font-size:14px}
.cta{border:1px solid var(--ink);padding:11px 17px}
.hero{min-height:92vh;padding-top:78px;display:grid;align-items:end;background:linear-gradient(90deg,rgba(20,25,21,.78),rgba(20,25,21,.24)),url('https://thumb.wikimedia.org/wikipedia/commons/thumb/d/dc/Manoir_des_Beauvais_%28Dol-de-Bretagne%2C_35%29_-_01.jpg/1280px-Manoir_des_Beauvais_%28Dol-de-Bretagne%2C_35%29_-_01.jpg') center/cover}
.hero .content{color:white;padding:110px 28px 90px;max-width:var(--max);width:100%;margin:auto}
.hero p{max-width:680px;font-size:19px}
.hero .eyebrow{color:#e3c7af}
.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;padding:14px 20px;border:1px solid currentColor;font-weight:700;font-size:14px}
.btn.fill{background:var(--paper);color:var(--ink);border-color:var(--paper)}
section{padding:100px 0}
.intro{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.intro .lead,.lead{font:26px/1.5 Georgia,serif;color:#41453f}
.photo{min-height:540px;background:url('https://thumb.wikimedia.org/wikipedia/commons/thumb/c/c1/Essertines_-_Ferme_vaudoise_-_panoramio.jpg/1280px-Essertines_-_Ferme_vaudoise_-_panoramio.jpg') center/cover}
.services{background:#e9e4da}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c9c1b4;border:1px solid #c9c1b4}
.card{background:var(--paper);padding:34px;min-height:320px}
.num{font:15px Georgia;color:var(--copper);margin-bottom:55px}
.card p{color:var(--muted);font-size:15px}
.geo{background:var(--forest);color:white}
.geo-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.geo-art{aspect-ratio:1.2;position:relative;border:1px solid rgba(255,255,255,.35);overflow:hidden;background:radial-gradient(circle at 30% 40%,transparent 0 11%,rgba(255,255,255,.12) 11.4% 11.8%,transparent 12.2% 21%,rgba(255,255,255,.10) 21.4% 21.8%,transparent 22.2%),repeating-radial-gradient(ellipse at 70% 60%,transparent 0 26px,rgba(255,255,255,.08) 27px 28px)}
.geo-art:after{content:"LIEU · BÂTI · ENVIRONNEMENT";position:absolute;left:30px;bottom:25px;letter-spacing:.18em;font-size:11px}
.geo ul{padding-left:18px;color:#dfe4dc}
.renov{display:grid;grid-template-columns:1fr 1fr;min-height:620px}
.renov-img{background:url('https://thumb.wikimedia.org/wikipedia/commons/thumb/6/63/Berze_Le_Chatel_01.jpg/1280px-Berze_Le_Chatel_01.jpg') center/cover}
.renov-copy{padding:80px;display:flex;flex-direction:column;justify-content:center;background:#d8d0c3}
.process{background:white}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}
.step{border-top:1px solid #aaa296;padding-top:25px}
.step b{font-family:Georgia,serif;font-size:42px;font-weight:400;color:#b18a6d}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.quote{font:32px/1.35 Georgia,serif}
.contact{background:#222822;color:white}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.contact a{border-bottom:1px solid rgba(255,255,255,.5)}
footer{padding:30px 0;background:#171b18;color:#bbb;font-size:12px}
.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.subhero{padding:160px 0 80px;background:#e7e1d6}
.prose{max-width:820px}
.prose h2{margin-top:55px;font-size:38px}
.prose li{margin-bottom:8px}
.notice{border-left:3px solid var(--copper);padding:18px 22px;background:white;margin:30px 0}
@media(max-width:900px){nav a:not(.cta){display:none}
.intro,.geo-grid,.renov,.about,.contact-grid{grid-template-columns:1fr}
.grid4{grid-template-columns:1fr 1fr}
.steps{grid-template-columns:1fr}
.renov-copy{padding:55px 28px}
.photo{min-height:420px}
}
@media(max-width:560px){.grid4{grid-template-columns:1fr}
.hero{min-height:84vh}
.nav{height:68px}
.brand{font-size:17px;gap:9px}
.brand img{width:42px;height:42px}
.brand small{font-size:8px;letter-spacing:.13em}
section{padding:70px 0}
.wrap{padding:0 20px}
}