:root{--ink:#151716;--cream:#f3efe7;--paper:#fbfaf7;--orange:#df5b2f;--muted:#6d706c;--line:#d9d5cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;gap:36px;background:var(--paper);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.04em}.brand>span:last-child span{color:var(--orange)}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:var(--ink);color:#fff;border-radius:50% 50% 50% 12%;font-size:18px}.site-header nav{margin-left:auto;display:flex;gap:30px;font-size:.91rem;font-weight:600}.site-header nav a:hover{color:var(--orange)}.header-cta{border-bottom:2px solid var(--orange);font-weight:700;font-size:.91rem;padding:8px 0}.menu-button{display:none}.hero{height:min(790px,calc(100vh - 82px));min-height:650px;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(11,13,12,.9) 0%,rgba(11,13,12,.63) 37%,rgba(11,13,12,.03) 72%)}.hero-content{position:absolute;left:clamp(24px,7vw,108px);top:50%;transform:translateY(-52%);max-width:690px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:700;color:var(--orange);margin:0 0 24px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(3.1rem,6vw,6.4rem);line-height:.97;letter-spacing:-.055em;margin:0}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-copy{font-size:1.12rem;max-width:520px;color:#e5e3dd;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;padding:15px 23px;font:700 .93rem "DM Sans";cursor:pointer}.button.light{background:#fff;color:var(--ink)}.button.dark{background:var(--ink);color:#fff;width:100%}.text-link{font-weight:600}.text-link span{color:var(--orange);font-size:1.3rem}.hero-note{position:absolute;right:0;bottom:0;background:var(--orange);padding:25px 40px;display:flex;flex-direction:column;min-width:min(420px,90vw)}.hero-note strong{font-family:Manrope;font-size:1rem}.hero-note span{font-size:.79rem;margin-top:3px}.wrap{max-width:1240px;margin:0 auto;padding-left:28px;padding-right:28px}.intro{padding-top:115px;padding-bottom:72px;display:grid;grid-template-columns:1fr 3fr;gap:40px}.intro h2,.method h2,.project h2{font-family:Manrope;font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.08;letter-spacing:-.045em;margin:0;max-width:760px}.intro>div p{max-width:700px;color:var(--muted);font-size:1.07rem;margin-top:24px}.services{display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:110px}.services article{border-top:1px solid var(--line);border-right:1px solid var(--line);padding:20px 26px 22px 0;margin-right:26px}.services article:last-child{border-right:0;margin-right:0}.services article>span{font-size:.75rem;color:var(--muted)}.service-icon{font-size:2rem;color:var(--orange);margin:32px 0 36px}.services h3{font-family:Manrope;font-size:1.25rem;margin:0 0 13px}.services p{font-size:.93rem;color:var(--muted);margin:0}.method{background:var(--ink);color:#fff;padding:110px 0}.method-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.light-label{color:#f17a50}.method h2{max-width:600px}.method ol{list-style:none;margin:0;padding:0}.method li{display:flex;gap:20px;border-top:1px solid #3a3c3b;padding:25px 0}.method li>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid #656865;border-radius:50%;font-size:.8rem}.method li strong{font:600 1.15rem Manrope}.method li p{margin:4px 0 0;color:#aeb1ae;font-size:.92rem}.project{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.project-copy>p:not(.section-label){color:var(--muted);max-width:530px}.zone{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;max-width:500px}.zone span{color:var(--muted)}form{background:var(--cream);padding:36px;display:grid;gap:20px}label{font-size:.84rem;font-weight:700;display:grid;gap:8px}input,select,textarea{width:100%;border:0;border-bottom:1px solid #bdb8af;background:transparent;padding:10px 2px 12px;font:400 1rem "DM Sans";color:var(--ink);border-radius:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--orange)}.form-note{font-size:.77rem;color:var(--muted);margin:0;text-align:center}footer{background:#0d0f0e;color:#fff;padding:38px clamp(28px,5vw,76px);display:flex;align-items:center;gap:34px}footer p{margin-left:auto;color:#aeb1ae}footer a{font-weight:600}.inverse .brand-mark{background:#fff;color:var(--ink)}
@media(max-width:850px){.site-header{height:68px}.site-header nav,.header-cta{display:none}.menu-button{display:block;margin-left:auto;background:transparent;border:1px solid var(--line);padding:8px 13px;font-weight:600}.site-header.open nav{display:flex;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;gap:16px}.hero{height:730px;min-height:0}.hero-shade{background:linear-gradient(90deg,rgba(11,13,12,.82),rgba(11,13,12,.26))}.hero-content{top:45%;max-width:90%}.hero h1{font-size:clamp(3rem,12vw,4.7rem)}.hero-note{padding:19px 24px}.intro,.method-grid,.project{grid-template-columns:1fr;gap:38px}.intro{padding-top:80px}.services{grid-template-columns:1fr 1fr}.services article{margin-bottom:35px}.method,.project{padding-top:80px;padding-bottom:80px}.method-grid{gap:60px}footer{align-items:flex-start;flex-direction:column;gap:15px}footer p{margin:0}}@media(max-width:560px){.hero-content{left:22px}.hero-copy{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-note{min-width:100%}.intro{display:block}.intro .section-label{margin-bottom:22px}.services{grid-template-columns:1fr}.services article{border-right:0;margin-right:0;padding-right:0}.project{gap:45px}form{padding:25px 20px}.zone{gap:20px}footer .brand{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Deuxième direction : architecture claire et lignes nettes. */
:root{--ink:#192e38;--cream:#eaf0ed;--paper:#f8faf8;--orange:#287477;--muted:#566970;--line:#cedbd9}
body{background:var(--paper)}
.site-header{height:88px;background:#fff;border-bottom:1px solid var(--line)}
.brand-mark{border-radius:4px;background:var(--orange);transform:rotate(-7deg)}
.brand-mark::first-letter{transform:rotate(7deg)}
.header-cta{background:var(--orange);color:#fff;border:0;padding:12px 18px}
.hero{height:min(760px,calc(100vh - 88px));min-height:620px;background:#eaf0ed;color:var(--ink);display:grid;grid-template-columns:52% 48%;overflow:hidden}
.hero>img{grid-column:2;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-shade{display:none}
.hero-content{left:clamp(30px,7vw,108px);top:49%;max-width:min(600px,43%);transform:translateY(-50%)}
.hero h1{font-size:clamp(3.2rem,5.3vw,5.8rem);letter-spacing:-.065em;line-height:1.04}
.hero h1 em{color:var(--orange);font-style:normal;font-family:Manrope,sans-serif;font-weight:800}
.hero-copy{color:#455a61;max-width:470px}
.eyebrow,.section-label{color:var(--orange)}
.button.light{background:var(--ink);color:white}
.text-link{color:var(--ink)}
.hero-note{right:clamp(20px,3vw,52px);bottom:28px;background:#fff;color:var(--ink);min-width:330px;padding:20px 24px;box-shadow:0 12px 38px #102a322b}
.hero-note span{color:var(--muted)}
.intro{padding-top:100px;padding-bottom:60px}
.services{gap:14px;padding-bottom:100px}
.services{grid-template-columns:repeat(3,minmax(0,1fr))}
.services article{background:#fff;border:1px solid var(--line);margin:0;padding:24px;min-height:300px}
.service-icon{color:var(--orange);margin:26px 0 30px}
.method{background:#1b3642}
.method li{border-color:#57717a}
.project{gap:80px}
form{background:#eaf0ed}
.button.dark{background:var(--orange)}
.brief-result:not([hidden]){display:block;min-height:11rem;border:1px solid #b3c5c3;background:#fff;padding:14px;white-space:pre-wrap;font-size:.93rem}
footer{background:#102833}
@media(max-width:850px){.site-header{height:68px}.site-header.open nav{background:#fff}.hero{height:auto;min-height:0;display:flex;flex-direction:column}.hero>img{order:2;height:350px;object-position:center}.hero-content{position:relative;left:auto;top:auto;transform:none;max-width:100%;padding:64px 28px 55px}.hero-note{position:relative;order:3;right:auto;bottom:auto;box-shadow:none;min-width:0;background:#dceae7}.services{gap:12px}.services article{min-height:0}.method-grid,.project{gap:42px}}
@media(max-width:850px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.hero-content{padding:52px 22px 44px}.hero h1{font-size:clamp(2.8rem,10vw,4rem)}.hero>img{height:300px}.hero-note{padding:20px 22px}.services{gap:12px}.services article{margin:0}.intro{padding-top:70px}}
@media(max-width:560px){.services{grid-template-columns:1fr}}

/* Texte principal : bordeaux foncé. */
:root{--ink:#4a1930;--muted:#67515d}
.hero-copy{color:#624a57}

.gallery{padding-top:10px;padding-bottom:110px}
.gallery h2{font-family:Manrope,sans-serif;font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 32px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gallery-grid img{display:block;width:100%;height:330px;object-fit:cover}
@media(max-width:850px){.gallery{padding-bottom:80px}.gallery-grid{gap:12px}.gallery-grid img{height:250px}}
@media(max-width:560px){.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:auto;aspect-ratio:3/2}}

.contact-section{background:#eaf0ed;padding:80px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.contact-section h2{font-family:Manrope,sans-serif;font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.08;letter-spacing:-.045em;margin:0}
.contact-links{display:grid;gap:14px}
.contact-links a{display:grid;gap:4px;padding:22px 0;border-bottom:1px solid #b3c5c3}
.contact-links a:hover strong{text-decoration:underline}
.contact-links span{color:var(--muted);font-size:.88rem}
.contact-links strong{font-family:Manrope,sans-serif;font-size:clamp(1.15rem,2vw,1.7rem);overflow-wrap:anywhere}
@media(max-width:850px){.contact-grid{grid-template-columns:1fr;gap:24px}.contact-section{padding:70px 0}}

.hero-phone{display:inline-flex;flex-direction:column;line-height:1.3;padding:4px 0;border-bottom:2px solid var(--orange);color:var(--ink)}
.hero-phone span{font-size:.85rem;font-weight:600}
.hero-phone strong{font-family:Manrope,sans-serif;font-size:1.08rem;white-space:nowrap}
@media(min-width:851px) and (max-width:1180px){.site-header{gap:18px}.site-header nav{gap:16px}.header-cta{display:none}}

.hero-contact{display:flex;flex-direction:column;gap:2px;line-height:1.35;border-left:2px solid var(--orange);padding-left:16px;min-width:0}
.hero-contact span{font-size:.85rem;font-weight:600}
.hero-contact a{font-family:Manrope,sans-serif;font-weight:700;font-size:1rem;overflow-wrap:anywhere}
.hero-contact a:hover{text-decoration:underline}
@media(max-width:560px){.hero-contact{border-left:0;border-top:2px solid var(--orange);padding:12px 0 0;width:100%}}