:root{--ink:#17191b;--muted:#62676a;--paper:#f6f6f4;--line:#d8dad9;--accent:#b8c5cc}*{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:16px;line-height:1.65}a{color:inherit;text-decoration:none}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:30px;letter-spacing:-1.5px;line-height:1}.brand span{display:inline-block;border:1px solid var(--ink);padding:3px 7px;margin-left:3px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:10px;font-weight:500}nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav-contact{border:1px solid var(--ink);padding:10px 19px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;align-items:stretch}.hero-copy{padding:75px 9% 38px 12%}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 26px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.4vw,84px);line-height:1.02;letter-spacing:-3.5px;font-weight:500;margin-bottom:30px}h1 em{font-family:Georgia,serif;font-weight:400}.intro{max-width:390px;color:var(--muted);font-size:18px;line-height:1.65;margin-bottom:32px}.button{display:inline-block;background:var(--ink);color:white;padding:15px 24px;font-size:14px}.button:hover{background:#3b4145}.hero-note{display:flex;gap:20px;flex-wrap:wrap;margin-top:60px;font-size:10px;letter-spacing:1px;color:var(--muted)}.hero-visual{margin:0;background:#222629;position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-visual figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;padding:50px 32px 25px;font-size:10px;letter-spacing:1.3px;display:flex;justify-content:space-between;gap:15px}.services,.questions{padding:100px 8%}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:10px 80px;margin-bottom:50px}.section-heading .eyebrow{grid-column:1/-1}h2{font-size:clamp(34px,3.8vw,54px);font-weight:500;letter-spacing:-1.8px;line-height:1.15}.section-heading>p:last-child{max-width:360px;color:var(--muted);align-self:center}.primary-service{display:grid;grid-template-columns:1.25fr 1fr;background:var(--ink);color:white;padding:48px;gap:70px}.service-number{font-size:11px;letter-spacing:1.7px;color:var(--accent)}h3{font-weight:500;font-size:23px;line-height:1.3;margin-bottom:16px}.primary-service h3{font-size:36px;letter-spacing:-1px}.primary-service p{color:#bdc2c5;max-width:500px;margin-bottom:0}.service-detail{border-left:1px solid #454b4f;padding-left:40px;align-self:center}.service-detail span{display:inline-block;font-size:12px;border:1px solid #64696d;padding:5px 10px;margin:0 4px 10px 0}.service-detail p{font-size:14px;margin-top:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px}.service-grid article{padding:32px 28px 30px 0;border-bottom:1px solid var(--line)}.service-grid article:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--line)}.number{display:block;font-family:Georgia,serif;font-size:16px;color:var(--muted);margin-bottom:35px}.service-grid p{color:var(--muted);margin-bottom:0;font-size:16px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#e7e9e8;padding:90px 8%}.approach-intro{max-width:360px;color:var(--muted)}ol{padding:0;list-style:none;margin:0}li{display:flex;gap:30px;padding:22px 0;border-top:1px solid #c7cbc9}li>span{font-size:13px;padding-top:5px;color:var(--muted)}li h3{margin-bottom:8px}li p{color:var(--muted);margin-bottom:0}.questions{max-width:1100px;margin:auto}.questions h2{margin-bottom:40px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:22px 38px 22px 0;font-size:18px;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:5px;font-size:22px;top:19px}details[open] summary::after{content:'−'}details p{color:var(--muted);padding-right:38px;max-width:800px;margin-bottom:24px}.project{padding:80px 8%;background:var(--ink);color:white}.project h2{font-size:clamp(44px,5.3vw,72px);line-height:1.05}.project>p:not(.eyebrow){max-width:570px;color:#bdc2c5}.project-items{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.project-items span{border:1px solid #52595d;padding:8px 14px;font-size:14px}.project .contact-pending{font-size:14px;border-top:1px solid #454b4f;padding-top:24px;margin-top:32px}footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px 6%;font-size:12px;color:var(--muted)}footer p{margin:0}.footer-brand{font-size:22px;font-weight:bold;color:var(--ink);letter-spacing:-1px}a:focus-visible,summary:focus-visible{outline:3px solid #8298a7;outline-offset:5px}@media(max-width:850px){header{padding:0 5%;height:90px}nav{gap:16px}.hero-copy{padding:55px 9%}.hero{min-height:530px}.hero-visual{min-height:500px}h1{letter-spacing:-2px}.hero-note{margin-top:35px;gap:12px}.services,.questions{padding:65px 6%}.primary-service{padding:32px;gap:30px}.approach{padding:65px 6%;gap:40px}.hero-visual figcaption{flex-direction:column;gap:4px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-grid article:not(:nth-child(3n+1)){border-left:0;padding-left:0}.service-grid article:nth-child(2n){border-left:1px solid var(--line);padding-left:25px}footer{flex-wrap:wrap}}@media(max-width:580px){header{height:86px}.brand{font-size:24px}.brand small{font-size:8px;letter-spacing:1.1px}nav{gap:13px;font-size:13px}.nav-contact{padding:8px 10px}nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 6% 32px}.hero h1{font-size:62px;letter-spacing:-3px}.intro{font-size:17px}.hero-visual{min-height:370px}.hero-note{margin-top:35px}.hero-visual figcaption{flex-direction:row;flex-wrap:wrap;padding:40px 22px 18px}.section-heading{grid-template-columns:1fr;gap:0;margin-bottom:28px}.section-heading h2{margin-bottom:24px}.primary-service{grid-template-columns:1fr;padding:28px;gap:30px}.service-detail{padding:22px 0 0;border-left:0;border-top:1px solid #454b4f}.primary-service h3{font-size:30px}.service-grid{grid-template-columns:1fr}.service-grid article:nth-child(2n){padding-left:0;border-left:0}.service-grid article{padding:26px 0}.number{margin-bottom:17px}.approach{grid-template-columns:1fr;gap:20px}.questions summary{font-size:17px}.project{padding:60px 6%}footer{align-items:flex-start;flex-direction:column;gap:12px}.eyebrow{font-size:12px;letter-spacing:1.4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Approved logo, with reversible colors that preserve the original drawing. */
.brand{display:block;flex-shrink:0;width:260px;line-height:0}
.brand-logo{display:block;width:100%;height:auto;mix-blend-mode:multiply}
footer{background:var(--ink);color:#bdc2c5}
.footer-brand{display:block;width:240px;flex-shrink:0;line-height:0}
.brand-logo-inverse{filter:invert(1);mix-blend-mode:screen}
@media(max-width:850px){.brand{width:220px}}
@media(max-width:580px){header{height:auto;min-height:100px;gap:8px;flex-wrap:wrap;padding-top:10px;padding-bottom:12px}.brand{width:210px}nav{margin-left:auto;font-size:14px;gap:14px}.footer-brand{width:240px}}

.contact-links{display:flex;flex-wrap:wrap;gap:24px 48px;border-top:1px solid #454b4f;padding-top:26px;margin-top:32px}.contact-links a{font-size:clamp(18px,2.4vw,26px);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:5px}.contact-links a:hover{color:#b8c5cc}.contact-links span{display:block;color:#bdc2c5;font-size:14px;text-decoration:none;margin-bottom:6px}

#nous-joindre{scroll-margin-top:32px}
@media(max-width:580px){header nav{width:100%;justify-content:flex-end;flex-wrap:wrap;gap:10px 16px}}

/* Real project: existing building, design studies and built addition. */
.realisations{padding:90px 8%;border-top:1px solid var(--line);background:#fff}
.case-heading{display:grid;grid-template-columns:1fr 1fr;gap:24px 80px;padding:26px 0;border-top:1px solid var(--line)}.case-heading h3{font-size:28px;letter-spacing:-.6px;margin-bottom:0}.case-heading p{color:var(--muted);max-width:420px;margin-bottom:0}
.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.realisations figure{margin:0;min-width:0}.realisations figure a{display:block;background:#e7e9e8;overflow:hidden}.photo-pair img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}.realisations figcaption{padding:17px 0 24px;font-size:16px;line-height:1.5}.realisations figcaption span{display:block;font-size:12px;letter-spacing:1.5px;color:var(--muted);margin-bottom:5px}
.design-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:12px}.design-gallery img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff}.realisations figure a:hover{outline:1px solid var(--muted);outline-offset:3px}
@media(max-width:1100px){header nav{gap:18px}.brand{width:220px}}
@media(max-width:850px){.realisations{padding:65px 6%}header{height:auto;min-height:104px;flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}header nav{flex-wrap:wrap;gap:12px 20px}.case-heading{gap:30px}.photo-pair,.design-gallery{gap:18px}}
@media(max-width:580px){.case-heading{grid-template-columns:1fr;gap:12px}.photo-pair,.design-gallery{grid-template-columns:1fr;gap:12px}.photo-pair img{aspect-ratio:auto;object-fit:contain}.design-gallery img{aspect-ratio:auto}.case-heading h3{font-size:25px}header nav{justify-content:space-between}header nav a:nth-child(3),header nav a:nth-child(4){display:none}header nav a:nth-child(2){display:block}.realisations figcaption{padding:12px 0 22px}}

.building-models{margin-top:55px}.models-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}.models-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#eee}.models-gallery figure:last-child{max-width:100%}@media(max-width:580px){.models-gallery{grid-template-columns:1fr}.models-gallery img{aspect-ratio:auto}}

.plan-models{margin-top:55px}.plan-models-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.plan-models-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#eceeed}@media(max-width:580px){.plan-models-gallery{grid-template-columns:1fr;gap:12px}.plan-models-gallery img{aspect-ratio:auto}}

.renovation-case,.outdoor-case{margin-top:55px}.renovation-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.renovation-gallery figure a{height:clamp(260px,36vw,480px);display:flex;align-items:center;justify-content:center;background:#eceeed}.renovation-gallery img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain}.outdoor-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.outdoor-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}@media(max-width:850px){.outdoor-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:580px){.renovation-gallery,.outdoor-gallery{grid-template-columns:1fr;gap:12px}.renovation-gallery figure a{height:auto}.renovation-gallery img{height:auto}.outdoor-gallery img{aspect-ratio:auto}}

@media(max-width:580px){header nav a[href="#projet"]{display:block}}

/* Match the before photo to the proposed exterior rendering. */
.renovation-gallery figure a{height:auto;aspect-ratio:2/1}
.renovation-gallery img{width:100%;height:100%;object-fit:cover;object-position:center}
.renovation-gallery img[src="realisations/renovation-avant.jpg"]{object-position:center 50%}