*{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0;background:#f5f5ef;color:#202b25;font:17px/1.65 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #527320;outline-offset:5px}.skip{position:absolute;top:-100px;left:15px;padding:10px;background:white;z-index:5}.skip:focus{top:10px}.notice{text-align:center;background:#e8eddf;font-size:11px;padding:7px 20px}header{max-width:1400px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{font-size:30px;font-weight:800;text-decoration:none;letter-spacing:2px;line-height:1.2}.wordmark span{display:block;font-size:10px;letter-spacing:1px;font-weight:400;margin-top:7px}nav{display:flex;gap:28px;font-size:13px;align-items:center}nav a{text-decoration:none}.call{border:1px solid #7b8974;padding:10px 15px}main{max-width:1440px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;padding:0 5%;gap:30px}.herotext{padding:50px 0 25px}.label{font:11px/1.5 Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;font-weight:700}h1{font-size:clamp(56px,6.7vw,96px);letter-spacing:-5px;line-height:.97;margin:32px 0}h2{font-size:clamp(36px,3.6vw,52px);letter-spacing:-2px;line-height:1.08;margin:22px 0}h3{font-size:25px;letter-spacing:-.6px;line-height:1.2;margin:0 0 12px}.lead{max-width:440px;font-size:17px}.button{display:inline-block;background:#c9e475;padding:14px 23px;text-decoration:none;font-size:14px;font-weight:700;margin:16px 0}.hero figure{margin:0;align-self:stretch;display:flex;flex-direction:column;padding-top:30px}.hero img{width:100%;height:100%;min-height:450px;object-fit:cover;max-height:600px}figcaption{font-size:10px;line-height:1.4;margin:10px 0;color:#5a6255}.herobottom{grid-column:1/-1;border-top:1px solid #9ca68f;border-bottom:1px solid #9ca68f;display:flex;justify-content:space-between;padding:18px 0;font-size:12px}.metiers{padding:80px 5%;display:grid;grid-template-columns:.8fr 1.4fr;gap:9%}.sectionhead>p:last-child{max-width:310px;font-size:15px}.metierlist article{display:grid;grid-template-columns:25px 1fr;column-gap:20px;border-top:1px solid #a8b19e;padding:27px 0}.metierlist article>span{font-size:12px}.metierlist article p{font-size:15px;margin:0;max-width:520px}.metierlist article>a{grid-column:2;font-size:12px;margin-top:15px}.atelier{background:#27382f;color:#f5f5ef;padding:65px 7%;display:grid;grid-template-columns:1fr 1fr;gap:9%}.atelier .label{color:#c9e475}.atelier p{font-size:16px}.atelier a{font-size:14px}.realisations{padding:65px 5%}.placeholders{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:30px}.placeholders>div{min-height:220px;border:1px solid #b0bba6;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px}.placeholders span{font-size:11px;text-transform:uppercase;letter-spacing:1px}.placeholders p{font-size:15px}.caption{font-size:11px;color:#606b59}.contact{border-top:1px solid #a8b19e;padding:65px 7%;display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.contact>div>p:last-child{font-size:15px;max-width:430px}address{font-style:normal;align-self:center}address a{display:block;width:fit-content;font-size:13px}.phone{font-size:30px;font-weight:700;text-decoration:none}.mail{overflow-wrap:anywhere;margin:10px 0}address p{font-size:14px}footer{padding:22px 5%;background:#e8eddf;font-size:10px;display:flex;justify-content:space-between;gap:20px}@media(max-width:760px){header{padding:22px 6%;align-items:flex-start}.wordmark{font-size:24px}.wordmark span{font-size:8px;max-width:145px}nav{gap:9px;font-size:11px;flex-wrap:wrap;justify-content:flex-end;max-width:140px}.call{padding:6px 8px}.hero{grid-template-columns:1fr;padding:0 6%;gap:20px}.herotext{padding:25px 0 0}h1{letter-spacing:-3px;margin:25px 0;font-size:64px}.hero figure{padding:0}.hero img{min-height:0;height:300px}.herobottom{font-size:10px;gap:20px}.metiers{grid-template-columns:1fr;gap:25px;padding:50px 6%}.sectionhead>p:last-child{max-width:100%}.atelier,.contact{grid-template-columns:1fr;gap:20px;padding:50px 6%}.realisations{padding:50px 6%}.placeholders{grid-template-columns:1fr}.placeholders>div{min-height:180px}.phone{font-size:28px}footer{display:block;padding:20px 6%}h3{font-size:23px}}@media(max-width:350px){h1{font-size:56px}nav{max-width:115px}.wordmark{font-size:21px}.wordmark span{max-width:125px}}
nav a{display:inline-flex;align-items:center;min-height:36px}.quickcall{border-bottom:1px solid #8b5b43;font-weight:700}@media(max-width:760px){nav{row-gap:2px}nav a{min-height:36px}.quickcall,.call{min-height:44px}}