:root{--ink:#153f34;--dark:#0b2c24;--cream:#f3ede2;--paper:#fbf9f4;--oak:#c99c67;--muted:#66766f;--line:rgba(21,63,52,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--dark);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button,input,select,textarea{font:inherit}
.site-header{height:92px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(251,249,244,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.brand,.footer-brand{display:flex;align-items:center;gap:12px}.brand-mark{width:43px;height:43px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;font:14px Georgia;letter-spacing:1px}.brand strong,.brand small,.footer-brand strong,.footer-brand small{display:block}.brand strong,.footer-brand strong{font:500 17px Georgia}.brand small,.footer-brand small{margin-top:3px;color:#64766f;font-size:10px;letter-spacing:.15em;text-transform:uppercase}nav{display:flex;gap:34px}nav a{font-size:13px;font-weight:600}
.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 20px;border:0;background:var(--ink);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:.2s}.button:hover{background:var(--dark);transform:translateY(-2px)}.button-small{gap:14px;padding:13px 17px}
.hero{display:grid;grid-template-columns:48% 52%;min-height:calc(100vh - 92px)}.hero-copy{padding:72px clamp(30px,6vw,92px);display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 26px;display:flex;align-items:center;gap:12px;color:#88623d;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.eyebrow:before{content:"";width:34px;height:1px;background:var(--oak)}h1,h2{margin:0;font-family:Georgia,serif;font-weight:400}h1{max-width:670px;font-size:clamp(53px,5.2vw,81px);line-height:.98;letter-spacing:-.045em}h1 em,h2 em{color:#9a7045;font-weight:400}h1 em{display:block}.hero-lead{max-width:530px;margin:30px 0 32px;color:#52645e;font-size:17px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:30px}.text-link{padding-bottom:5px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:700}.hero-proof{max-width:560px;margin-top:58px;padding-top:23px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.hero-proof div{padding-left:22px;border-right:1px solid var(--line)}.hero-proof div:first-child{padding-left:0}.hero-proof div:last-child{border:0}.hero-proof strong{display:block;font:500 24px Georgia}.hero-proof span{display:block;margin-top:4px;color:#718079;font-size:11px}
.hero-visual{min-height:640px;position:relative;overflow:hidden;background:#9b8066}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,44,36,.36),transparent 58%)}.hero-caption{position:absolute;z-index:2;bottom:60px;left:55px;color:#fff;display:flex;flex-direction:column}.hero-caption span{font:italic 52px Georgia}.hero-caption small{margin-top:12px;padding-top:12px;border-top:1px solid #ffffff80;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.hero-note{position:absolute;z-index:3;right:0;bottom:0;padding:17px 24px;display:flex;align-items:center;gap:10px;background:var(--paper);font-size:12px;font-weight:700}.hero-note i{width:7px;height:7px;border-radius:50%;background:#4e9b69;box-shadow:0 0 0 5px #4e9b6924}
.section{padding:110px clamp(24px,6vw,92px)}.services,.process{background:var(--cream)}.section-heading{margin-bottom:56px;display:flex;align-items:end;justify-content:space-between}.section-heading h2,.review-top h2{font-size:clamp(42px,4vw,63px);line-height:1.06;letter-spacing:-.035em}.section-heading>p{max-width:420px;margin:0;color:#5c6e67;font-size:15px;line-height:1.75}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.service-card{min-height:355px;padding:0 28px;border-right:1px solid var(--line)}.service-card>span{color:#9b856d;font-size:11px;letter-spacing:.15em}.service-icon{width:58px;height:58px;margin:36px 0 43px;border:1px solid var(--oak);background:linear-gradient(0deg,transparent 32%,var(--oak) 33%,var(--oak) 34%,transparent 35%,transparent 65%,var(--oak) 66%,var(--oak) 67%,transparent 68%)}.service-card h3,.process-grid h3{margin:0 0 15px;font:500 23px Georgia}.service-card p,.process-grid p{margin:0 0 24px;color:#687871;font-size:13px;line-height:1.7}.service-card a{font-size:11px;font-weight:800}
.projects{background:var(--dark);color:#fff}.projects .section-heading>p{color:#adc1b9}.projects .eyebrow{color:#d1ae83}.projects-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:310px 310px;gap:18px}.project-card{position:relative;overflow:hidden}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(5,25,20,.76))}.project-card.p1{grid-row:1/3}.project-card>div{position:absolute;z-index:2;bottom:27px;left:27px}.project-card small{color:#d8ddd9;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.project-card h3{margin:8px 0 0;font:400 25px Georgia}.projects-link{margin-top:48px;padding-bottom:15px;border-bottom:1px solid #ffffff40;display:flex;justify-content:space-between;font:24px Georgia}.projects-link span{font:700 12px Arial}
.team{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw}.team-intro h2,.contact-copy h2{font-size:clamp(48px,4.6vw,68px);line-height:1.02;letter-spacing:-.04em}.team-intro>p:not(.eyebrow),.contact-copy>p:not(.eyebrow){margin:30px 0;color:var(--muted);font-size:15px;line-height:1.8}.team-intro ul{margin:0;padding:0;list-style:none}.team-intro li{padding:15px 0;border-top:1px solid var(--line);font-size:13px}.team-members{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:18px}.portrait{height:350px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#d3b792,#536f64)}.portrait span{color:#ffffff80;font:66px Georgia}.team-members article:nth-child(2) .portrait{height:400px;background:linear-gradient(145deg,#8a9b91,#304f45)}.team-members h3{margin:16px 0 4px;font:500 18px Georgia}.team-members p{margin:0;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.process-grid{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none}.process-grid li{min-height:230px;padding:0 30px;border-left:1px solid var(--line)}.process-grid li:last-child{border-right:1px solid var(--line)}.process-grid span{color:#a08365;font-size:11px;letter-spacing:.15em}.process-grid h3{margin-top:62px}
.review-top{margin-bottom:60px;display:flex;align-items:end;justify-content:space-between}.rating{display:grid;grid-template-columns:auto auto;align-items:end}.rating strong{font:400 64px/.8 Georgia}.rating span{margin-left:15px;color:#b9884d;font-size:15px;letter-spacing:4px}.rating small{grid-column:1/3;margin-top:15px;color:var(--muted);font-size:10px;text-align:right}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}blockquote{min-height:310px;margin:0;padding:32px;border:1px solid var(--line);background:#fff}blockquote>b{color:var(--oak);font:56px/.7 Georgia}blockquote>p{margin:25px 0 34px;color:#475b53;font:italic 17px/1.65 Georgia}blockquote footer{padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between}blockquote footer strong{font-size:12px}blockquote footer small{color:var(--muted);font-size:11px}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:var(--cream)}.contact-copy>p:not(.eyebrow){max-width:470px;margin:28px 0 42px}.contact-details{display:grid;gap:21px}.contact-details small{display:block;margin-bottom:6px;color:#8b7560;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.contact-details strong{font:500 17px Georgia}.contact-form{padding:38px;display:grid;gap:19px;background:#fff;box-shadow:0 20px 60px #2d372d14}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:grid;gap:8px;color:#5a6b64;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.contact-form input,.contact-form select,.contact-form textarea{padding:14px;border:1px solid #dedbd3;border-radius:0;outline:none;background:#faf9f6;color:var(--dark);text-transform:none}.contact-form button{justify-self:start}.form-note{color:#81908a;font-size:9px}
.footer{padding:48px clamp(24px,6vw,92px) 28px;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:35px;background:var(--dark);color:#fff}.footer-brand small{color:#aab9b3}.footer>p{margin:0;color:#aab9b3;font-size:11px;line-height:1.7;text-align:center}.footer>div:nth-child(3){display:flex;justify-content:flex-end;gap:20px}.footer>div:nth-child(3) a{font-size:11px}.footer>small{grid-column:1/4;padding-top:22px;border-top:1px solid #ffffff1f;color:#7f9890;font-size:9px;text-align:center}
@media(max-width:1000px){nav{display:none}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{padding:30px;border-bottom:1px solid var(--line)}.team{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid li{padding:30px;border-bottom:1px solid var(--line)}}
@media(max-width:760px){.site-header{height:76px}.button-small{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:58px 24px 45px}.hero-visual{min-height:510px}.hero-proof{margin-top:45px}.section{padding:80px 24px}.section-heading,.review-top{align-items:start;flex-direction:column;gap:28px}.projects-grid{display:flex;flex-direction:column}.project-card{height:390px}.team-members{overflow-x:auto;padding-bottom:15px}.team-members article{min-width:210px}.portrait,.team-members article:nth-child(2) .portrait{height:320px}.reviews-grid,.contact{grid-template-columns:1fr}.footer{grid-template-columns:1fr;text-align:center}.footer-brand,.footer>div:nth-child(3){justify-content:center}.footer>small{grid-column:auto}.footer>p{text-align:center}}
@media(max-width:520px){h1{font-size:50px}.hero-actions{align-items:stretch;flex-direction:column}.text-link{align-self:flex-start}.hero-proof strong{font-size:20px}.hero-proof span{font-size:9px}.hero-caption{bottom:70px;left:24px}.hero-caption span{font-size:39px}.services-grid,.process-grid{grid-template-columns:1fr}.project-card{height:330px}.projects-link{align-items:flex-start;flex-direction:column;gap:12px}.form-row{grid-template-columns:1fr}.contact-form{padding:25px}}

/* Direction commerciale : informations directes, lisibilité et conversion */
:root{--ink:#154c3d;--dark:#10372e;--cream:#f4f6f3;--paper:#fff;--oak:#e38b32;--muted:#5e6d68;--line:rgba(16,55,46,.16)}
.site-header{height:86px;background:rgba(255,255,255,.97)}
.brand-mark{border-radius:6px;font-family:Arial,sans-serif;font-weight:800}
.brand strong,.footer-brand strong{font-family:Arial,sans-serif;font-weight:800}
.brand small,.footer-brand small{letter-spacing:.08em}
nav{gap:30px}nav a{font-weight:700}
.header-contact{display:flex;align-items:center;gap:20px}.header-phone{display:grid;text-align:right}.header-phone small{color:var(--muted);font-size:10px}.header-phone strong{font-size:15px}
.button{border-radius:5px;background:var(--oak);font-weight:800;box-shadow:0 8px 22px rgba(227,139,50,.24)}.button:hover{background:#c97320}.button-small{box-shadow:none}
.hero{grid-template-columns:52% 48%;min-height:calc(100vh - 86px)}.hero-copy{padding-top:58px;padding-bottom:58px}
.eyebrow{margin-bottom:20px;color:var(--ink);letter-spacing:.12em}.eyebrow:before{width:26px;height:3px;background:var(--oak)}
h1,h2{font-family:Arial,sans-serif;font-weight:850}
h1{max-width:740px;font-size:clamp(45px,4.4vw,68px);line-height:1.05}
h1 em,h2 em{color:var(--ink);font-style:normal;font-weight:850}
.hero-lead{max-width:650px;margin:24px 0 20px;line-height:1.65}
.hero-list{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 28px;padding:0;list-style:none}.hero-list li{font-size:13px;font-weight:700}.hero-list li:before{content:"✓";margin-right:7px;color:#24965f}
.hero-actions{gap:24px}.hero-proof{max-width:620px;margin-top:40px}.hero-proof strong{font-family:Arial,sans-serif;font-size:22px;font-weight:800}
.hero-caption strong{max-width:430px;font-size:24px;line-height:1.25}.hero-caption small{letter-spacing:.1em}
.section-heading h2,.review-top h2{font-size:clamp(38px,3.7vw,56px)}
.service-card{min-height:340px;padding:30px 28px;background:#fff}.service-card:hover{box-shadow:0 14px 40px rgba(16,55,46,.09);position:relative;z-index:2}.service-icon{margin:28px 0 34px}
.service-card h3,.process-grid h3{font-family:Arial,sans-serif;font-weight:800}
.project-card h3,.projects-link,.team-members h3,.contact-details strong{font-family:Arial,sans-serif}
.team-intro h2,.contact-copy h2{font-size:clamp(40px,4.1vw,60px)}
.portrait{border-radius:6px}.process-grid h3{margin-top:48px}
blockquote>p{font-family:Arial,sans-serif;font-style:normal}.rating strong{font-family:Arial,sans-serif;font-weight:800}
.contact-form{border-top:5px solid var(--oak);border-radius:6px}.contact-form h3{margin:0;font-size:24px}.form-intro{margin:-10px 0 3px;color:var(--muted);font-size:13px}.contact-form input,.contact-form select,.contact-form textarea{border-radius:4px}.contact-form button{width:100%}
@media(max-width:1000px){.header-phone{display:none}}
@media(max-width:760px){.site-header{height:72px}.hero{grid-template-columns:1fr}.hero-copy{padding:44px 24px 38px}.hero-list{display:grid}.hero-visual{min-height:410px}.header-contact{display:none}}
@media(max-width:520px){h1{font-size:40px}.hero-actions{gap:18px}.hero-proof{margin-top:32px}.hero-caption strong{font-size:20px}}

/* Direction retenue : atelier chaleureux, premium accessible */
:root{--ink:#173f35;--dark:#0f3028;--cream:#f3ede4;--paper:#f8f5ef;--oak:#c96f4a;--muted:#586861;--line:#d9d2c8}
body{background:var(--paper);color:#20241f}
.site-header{height:96px;padding:0 clamp(30px,4vw,54px);background:rgba(248,245,239,.97);border-color:var(--line)}
.brand-mark{width:46px;height:46px;border:2px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font-size:16px}.brand strong{color:var(--ink);font-size:22px}.brand small{display:none}
nav{gap:38px}nav a{color:#252925;font-size:14px;font-weight:600}.header-contact{gap:16px}.header-phone{height:52px;padding:0 19px;display:flex;align-items:center;gap:11px;border:1px solid var(--ink);border-radius:7px;color:var(--ink)}.header-phone span{font-size:17px}.header-phone strong{font-size:15px}.button{height:54px;padding:0 25px;border-radius:7px;background:var(--ink);box-shadow:none}.button:hover{background:#0d3027}.button-small{height:52px}
.hero{grid-template-columns:48% 52%;min-height:790px;border-radius:0 0 24px 24px;overflow:hidden;background:#faf8f3}.hero-copy{padding:72px clamp(36px,4vw,58px);justify-content:center}.location-badge{align-self:flex-start;margin:0 0 24px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;color:#343934;font-size:13px}.location-badge::first-letter{color:var(--ink)}.hero-accent{width:48px;height:3px;margin:0 0 25px;background:var(--oak)}
h1{max-width:690px;color:var(--ink);font-size:clamp(52px,4.6vw,68px);font-weight:800;line-height:1.12;letter-spacing:-.045em}.hero-lead{max-width:670px;margin:25px 0 31px;color:#303630;font-size:17px;line-height:1.55}.hero-actions{gap:18px}.phone-button{height:54px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:7px;color:var(--ink);font-size:15px;font-weight:800;background:transparent}.phone-button:hover{background:#fff}
.hero-proof{max-width:650px;margin-top:42px;padding-top:25px}.hero-proof div{padding:0 20px;text-align:left}.hero-proof div:first-child{padding-left:0}.hero-proof strong{color:var(--ink);font-size:17px}.hero-proof span{font-size:11px}.hero-visual{min-height:790px}.hero-visual:after{display:none}.hero-visual img{object-position:62% center}
.section{padding-top:100px;padding-bottom:100px}.section-heading{margin-bottom:48px}.section-heading h2,.review-top h2{color:var(--ink);font-size:clamp(38px,3.5vw,54px);line-height:1.1}.section-heading>p{color:var(--muted)}
.services{background:var(--paper)}.services-grid{gap:16px;border:0}.service-card{padding:28px;min-height:330px;border:1px solid var(--line);border-radius:10px;background:#fff}.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(23,63,53,.09)}.service-icon{border-color:var(--oak);background:linear-gradient(0deg,transparent 32%,var(--oak) 33%,var(--oak) 34%,transparent 35%,transparent 65%,var(--oak) 66%,var(--oak) 67%,transparent 68%)}.service-card h3{color:var(--ink)}.service-card a{color:var(--ink)}
.projects{background:var(--ink)}.project-card{border-radius:10px}.projects-link{font-weight:700}.projects-link span{padding:12px 16px;border-radius:6px;background:var(--oak);color:#fff}
.team{background:#fff}.team-intro h2,.contact-copy h2{color:var(--ink)}.team-intro li{color:#35423d}.team-members .portrait{border-radius:10px}
.process{background:var(--cream)}.process-grid{gap:16px}.process-grid li{min-height:235px;padding:28px;border:1px solid var(--line)!important;border-radius:9px;background:rgba(255,255,255,.65)}.process-grid h3{margin-top:46px;color:var(--ink)}
.reviews{background:var(--paper)}blockquote{border-radius:10px;box-shadow:0 8px 26px rgba(23,63,53,.05)}blockquote>b{color:var(--oak)}.rating strong{color:var(--ink)}
.contact{background:var(--cream)}.contact-form{border-top-color:var(--oak);border-radius:10px}.contact-form input,.contact-form select,.contact-form textarea{background:#fbfaf7;border-color:var(--line)}.contact-form button{background:var(--ink)}
.footer{background:var(--dark)}
@media(max-width:1000px){.site-header{height:82px}.header-phone{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{min-height:520px}.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header{height:72px}.brand strong{font-size:18px}.hero-copy{padding:46px 24px 40px}.hero-visual{min-height:420px}.hero-actions{align-items:stretch;flex-direction:column}.phone-button{width:100%}.hero-proof{grid-template-columns:repeat(3,1fr)}.hero-proof div{padding:0 10px}.section{padding-top:72px;padding-bottom:72px}.services-grid{grid-template-columns:1fr}}
@media(max-width:520px){h1{font-size:42px}.location-badge{margin-bottom:20px}.hero-proof strong{font-size:15px}.hero-proof span{font-size:9px}.hero-visual{min-height:360px}}

/* Cartes prestations illustrées */
.services .section-heading{align-items:flex-end}
.services-grid{align-items:stretch}
.service-card{min-height:0;padding:0;overflow:hidden;display:flex;flex-direction:column}
.service-card:hover{transform:translateY(-3px)}
.service-card>span,.service-icon{display:none}
.service-image{height:175px;position:relative;overflow:hidden;background:#ddd}
.service-image img{transition:transform .35s ease}
.service-card:hover .service-image img{transform:scale(1.035)}
.service-image span{position:absolute;top:14px;left:14px;min-width:36px;height:30px;padding:0 9px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:rgba(248,245,239,.94);color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.08em}
.service-content{padding:24px 24px 25px;display:flex;flex:1;flex-direction:column}
.service-content h3{margin:0 0 11px;font-size:21px}
.service-content p{margin:0 0 22px;min-height:66px;font-size:13px;line-height:1.65}
.service-content a{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:17px;border-top:1px solid var(--line);font-size:12px}
.service-content a span{font-size:18px;color:var(--oak)}
@media(max-width:1000px){.service-image{height:220px}.service-content p{min-height:auto}}
@media(max-width:760px){.services .section-heading{align-items:flex-start}.service-image{height:230px}}