:root{--p:#3d0c11;--a:#a22c29;--l:#f1c453;--r:36px}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#182026;background:#fff;line-height:1.6}
header{position:sticky;top:0;z-index:10;background:var(--p);color:white;display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;box-shadow:0 4px 18px #0003}
.brand{font-weight:900;font-size:1.2rem;letter-spacing:.4px} nav a{color:white;text-decoration:none;margin:0 10px;font-weight:700}
.phone{background:var(--a);color:white;padding:10px 15px;border-radius:999px;text-decoration:none;font-weight:900;white-space:nowrap}
.hero{min-height:66vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:linear-gradient(120deg,var(--p),#0008),url('photos/chantier-couverture-sanguinet-1.jpg') center/cover;color:white;padding:8vw 7vw;gap:30px}
.hero .box{max-width:780px;background:transparent;padding:0;border-radius:var(--r)}
h1{font-size:clamp(2.1rem,5vw,4.8rem);line-height:1.03;margin:.2em 0} h2{font-size:clamp(1.7rem,3vw,2.7rem);color:var(--p)}
.cta{display:inline-block;background:var(--a);color:white;text-decoration:none;padding:14px 20px;border-radius:var(--r);font-weight:900}
.wrap{width:min(1120px,90%);margin:auto;padding:65px 0} .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{border-radius:var(--r);padding:28px;background:#fff;box-shadow:0 12px 34px #00000012;border-top:5px solid var(--a)}
.gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:22px} .gallery img{width:100%;height:360px;object-fit:cover;border-radius:var(--r)}
.gallery img:nth-child(2){height:360px} .band{background:var(--l);padding:55px 0} footer{background:var(--p);color:white;padding:35px 5vw}
.map iframe{width:100%;height:420px;border:0;border-radius:var(--r)} .kicker{text-transform:uppercase;letter-spacing:2px;font-weight:900;color:var(--a)}
@media(max-width:780px){nav{display:none} header{padding:10px 14px} .phone{font-size:.86rem} .hero{grid-template-columns:1fr;min-height:72vh;padding:80px 7vw} .grid,.gallery{grid-template-columns:1fr} .gallery img{height:260px}}