:root{font-family:Arial,sans-serif;color:#243e3a;background:#fcfaf6;--accent:#a64e31;--soft:#e7ebe3}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.example-notice{text-align:center;font-size:11px;padding:10px;background:var(--soft)}header{max-width:1300px;padding:32px 55px;display:flex;justify-content:space-between;align-items:center;margin:auto}.example-brand{font-weight:700;font-size:24px;letter-spacing:-.8px}.example-brand small{display:block;margin-top:8px;font-weight:400;letter-spacing:1px;text-transform:uppercase;font-size:9px}nav{display:flex;gap:30px;font-size:12px}main{max-width:1300px;margin:auto}.example-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:490px;padding:20px 55px 35px;gap:55px}.example-kicker{font-size:10px;letter-spacing:1.7px;color:var(--accent);font-weight:700}h1{font-size:clamp(42px,5vw,68px);line-height:1.06;letter-spacing:-3px;max-width:590px;margin:24px 0}.example-copy>p:not(.example-kicker){font-size:14px;line-height:1.9;color:#67746e;max-width:360px}.example-button{display:inline-block;background:var(--accent);color:white;padding:16px 22px;border-radius:3px;font-size:12px;margin-top:16px}.example-visual{height:425px;position:relative;border-radius:150px 150px 4px 4px;overflow:hidden;background:var(--soft)}.example-visual img{width:100%;height:100%;object-fit:cover}.example-visual span{position:absolute;bottom:16px;left:16px;background:#fffdf2e8;font-size:9px;padding:6px 10px}.example-services{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:30px 55px;border-top:1px solid #d7dcd3}.example-services article{display:flex;gap:18px;align-items:center}.example-services span{color:var(--accent);font-size:11px}.example-services h2{font-size:15px;font-weight:500}.example-contact{margin:60px 55px;padding:40px;background:var(--soft)}.example-contact h2{font-size:30px;letter-spacing:-1px}.example-contact p{line-height:1.8;font-size:14px}.example-contact>a:last-child{margin-left:20px;font-size:12px}footer{padding:30px 55px;font-size:11px;color:#6c7770}.example-electric{--accent:#956c18;--soft:#eee9d9}.example-roof{--accent:#4c5869;--soft:#e4e9ed}.example-heating{--accent:#ae5538;--soft:#efe4d8}.example-wood{--accent:#786140;--soft:#e9e3d8}.example-masonry{--accent:#855c4d;--soft:#e9e0db}.example-roof .example-visual img,.example-heating .example-visual img,.example-masonry .example-visual img{object-fit:contain}@media(max-width:650px){header{padding:24px}nav{display:none}.example-hero{grid-template-columns:1fr;padding:24px;gap:25px}.example-visual{height:340px}.example-services{grid-template-columns:1fr;padding:24px;gap:8px}.example-contact{margin:25px;padding:24px}.example-contact>a:last-child{display:block;margin:20px 0}h1{font-size:48px}.example-kicker{font-size:9px}footer{padding:25px}}
.example-notice{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px max(24px,calc((100vw - 1190px)/2));line-height:1.6}.example-home{white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.example-notice>span{text-align:right}.example-skip{position:absolute;left:15px;top:-80px;background:white;padding:14px;z-index:10}.example-skip:focus{top:10px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}#prestations,#projet{scroll-margin-top:24px}.example-availability{font-size:12px!important;font-weight:600}@media(max-width:650px){header{flex-wrap:wrap;gap:22px;padding-bottom:0}header nav{display:flex;width:100%;border-block:1px solid #d7dcd3;gap:28px}header nav a{display:inline-flex;align-items:center;min-height:48px}.example-notice{font-size:10px;align-items:flex-start;gap:20px}.example-notice>span{max-width:210px}.example-hero{padding-top:28px}h1{font-size:clamp(36px,10vw,48px);letter-spacing:-1.8px}.example-contact h2{font-size:27px}}

.example-process{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin:60px 55px;padding-top:40px;border-top:1px solid #d7dcd3}.example-process h2{font-size:34px;letter-spacing:-1px;line-height:1.2}.example-process p{font-size:14px;line-height:1.8;color:#67746e;max-width:470px}.example-process ol{margin:0;padding-left:24px}.example-process li{padding:0 0 18px 10px}.example-process li::marker{color:var(--accent);font-size:13px}.example-process strong{font-size:16px}.example-process li p{margin:8px 0}.example-contact a{line-height:1.6}header,main{max-width:1480px}@media(max-width:650px){.example-process{grid-template-columns:1fr;gap:22px;margin:35px 24px;padding-top:28px}.example-process h2{font-size:29px}.example-contact{margin-inline:24px}}