:root{--red:#ed1c24;--ink:#111820;--muted:#64707d;--line:#e3e8ed;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;background:#fff}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.contactbar{background:var(--red);color:#fff;font-size:14px}.contactbar .wrap{min-height:40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.contactbar a:hover{text-decoration:underline}header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 14px #0d162018}nav{height:74px;display:flex;align-items:center}.brand img{width:105px}.links{margin-left:auto;display:flex;height:100%;align-items:center}.links a{padding:25px 14px;font-weight:700;font-size:13px;text-transform:uppercase;border-bottom:3px solid transparent}.links a:hover{color:var(--red);border-color:var(--red)}.menu{display:none;margin-left:auto;font-size:28px;background:none;border:0}.hero{height:min(650px,72vh);min-height:520px;background:url(villa.jpg) center/cover no-repeat;position:relative;color:#fff;display:flex;align-items:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08111dd9 0%,#08111d73 48%,transparent 78%)}.hero-copy{position:relative}.eyebrow{font-size:13px;letter-spacing:.18em;font-weight:800;margin:0 0 15px}.red{color:var(--red)}h1{font-size:clamp(42px,5vw,72px);line-height:1.04;margin:0 0 22px;max-width:900px}h2{font-size:clamp(32px,4vw,50px);line-height:1.12;margin:0 0 24px}h3{font-size:23px;margin:10px 0 16px}.hero-copy>p:not(.eyebrow){font-size:20px;max-width:640px}.actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-block;background:var(--red);color:#fff;border:2px solid var(--red);padding:13px 22px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.btn:hover{background:#c90e15;border-color:#c90e15}.btn.ghost{background:transparent;border-color:#fff}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding:90px 0 55px}.intro>p{font-size:19px;color:#495462;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:90px}.services article{border:1px solid var(--line);padding:32px;transition:.2s}.services article:hover{transform:translateY(-4px);box-shadow:0 18px 45px #26384a18}.services span{font-size:13px;font-weight:bold;color:var(--red)}ul{padding-left:20px}.services li{margin:7px 0}.split{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.split.reverse .photo{order:2}.photo{background:center/cover no-repeat}.photo.depannage{background-image:url(depannage.jpg)}.photo.domotique{background-image:url(domotique.jpg)}.panel{padding:90px max(40px,8vw);display:flex;flex-direction:column;justify-content:center}.dark{background:var(--ink);color:#fff}.panel p{max-width:620px}.ticks{margin:15px 0}.ticks p{margin:8px 0}.textlink{font-weight:bold;color:var(--red);margin-top:20px}.aps{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:100px 0}.aps img{border:1px solid var(--line);box-shadow:0 20px 50px #11182016}.security{background:#101820;color:#fff;padding:95px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.cards article{background:#1b2631;border-top:4px solid var(--red);padding:30px}.cards p{color:#c8d0d7}.showcase{padding:100px 0}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;height:390px}.gallery img{width:100%;height:100%;object-fit:cover}.contact{background:#f2f5f7;padding:95px 0}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.contact a{font-weight:bold}.contact form{background:#fff;padding:35px;box-shadow:0 20px 60px #1a2a3914}.contact label{display:block;font-weight:bold;font-size:14px;margin-bottom:16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}input,select,textarea{display:block;width:100%;border:1px solid #ccd4db;padding:13px;margin-top:7px;font:inherit;background:#fff}textarea{resize:vertical}footer{background:#090e14;color:#fff;padding:30px 0}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}footer img{width:90px}footer p{color:#aeb8c1}@media(max-width:960px){.contactbar .wrap{justify-content:center}.contactbar .wrap>span{display:none}.menu{display:block}.links{display:none;position:absolute;top:114px;left:0;right:0;background:#fff;height:auto;padding:12px 20px;box-shadow:0 14px 22px #1113}.links.open{display:flex;flex-direction:column;align-items:stretch}.links a{padding:12px;border-bottom:1px solid var(--line)}.intro,.aps,.contact-grid{grid-template-columns:1fr;gap:30px}.services{grid-template-columns:1fr}.split{grid-template-columns:1fr}.split .photo,.split.reverse .photo{order:0;min-height:380px}.panel{padding:65px 30px}.gallery{grid-template-columns:1fr 1fr;height:auto}.gallery img{height:260px}.gallery img:first-child{grid-column:1/-1}header{position:relative}}@media(max-width:600px){.wrap{width:min(100% - 28px,var(--max))}.contactbar{font-size:12px}.contactbar .wrap{min-height:50px;text-align:center}.hero{min-height:590px}.hero-shade{background:#08111db8}.actions{flex-direction:column;align-items:flex-start}.intro,.aps,.showcase,.contact{padding-top:65px;padding-bottom:65px}.cards{grid-template-columns:1fr}.two{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery img:first-child{grid-column:auto}.gallery img{height:230px}.contact form{padding:22px}footer .wrap{flex-direction:column;text-align:center}}