:root{
  --ink:#102d32;--muted:#617579;--paper:#f3f1eb;--paper2:#e7efed;--aqua:#48a9b8;--deep:#0d4955;--line:#cad8d5;--white:#fff;--sand:#d9c9af;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.flow-rail{position:fixed;left:18px;top:100px;bottom:30px;width:3px;background:#cbd9d6;z-index:40;border-radius:99px;overflow:hidden}.flow-rail span{display:block;width:100%;height:0;background:linear-gradient(var(--aqua),#13748b);box-shadow:0 0 12px #48a9b866;transition:height .5s ease,background .35s ease,box-shadow .35s ease}.site-header{height:86px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:45px;padding:0 4vw 0 52px;border-bottom:1px solid var(--line);background:rgba(243,241,235,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:43px;height:43px;border-radius:50% 50% 50% 8px;background:var(--deep);color:white;display:grid;place-items:center;font-size:12px;font-weight:900;transform:rotate(-5deg)}.brand strong,.brand small{display:block}.brand strong{font-size:14px;letter-spacing:.04em}.brand small{font-size:10px;margin-top:4px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.nav{display:flex;justify-content:center;gap:30px}.nav a{text-decoration:none;font-size:12px;font-weight:700}.phone{text-decoration:none;text-align:right;border-left:1px solid var(--line);padding-left:28px}.phone small,.phone strong{display:block}.phone small{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.phone strong{font-size:14px;margin-top:3px}.menu{display:none}.kicker{margin:0 0 16px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:#cbe8ed}.kicker.dark{color:var(--deep)}.hero{min-height:760px;display:grid;grid-template-columns:minmax(480px,.95fr) minmax(420px,.85fr);position:relative;padding:66px 5vw 70px 6vw;gap:5vw;align-items:center;background:linear-gradient(90deg,var(--deep) 0 51%,var(--paper) 51%)}.hero-copy{color:white;position:relative;z-index:2}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(62px,6.8vw,110px);line-height:.86;letter-spacing:-.055em;margin:0 0 28px;max-width:800px}.hero h1 em{color:#9ddae3;font-weight:400}.intro{font-size:17px;line-height:1.65;color:#d7e7e7;max-width:620px}.hero-actions{display:flex;align-items:center;gap:25px;margin:30px 0 42px;flex-wrap:wrap}.btn{display:inline-flex;text-decoration:none;padding:15px 18px;font-size:12px;font-weight:900}.btn.primary{background:#a9dbe1;color:var(--ink)}.text-link{font-size:12px;font-weight:800;text-decoration:none}.text-link span{color:#9ddae3;margin-left:8px}.hero-proof{display:grid;grid-template-columns:repeat(4,1fr);max-width:590px;border-top:1px solid #ffffff2e}.hero-proof span{padding:14px 12px 0 0;font-size:11px;color:#b9cfd1}.hero-proof b{color:#9ddae3;margin-right:5px}.hero-visual{height:600px;margin:0;position:relative;overflow:hidden;border-radius:2px 70px 2px 2px;background:#ddd}.hero-visual img{object-position:center}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(6,32,37,.55))}.hero-visual figcaption{position:absolute;z-index:2;bottom:22px;left:22px;color:white}.hero-visual figcaption span,.hero-visual figcaption strong{display:block}.hero-visual figcaption span{font-size:9px;letter-spacing:.15em;text-transform:uppercase}.hero-visual figcaption strong{margin-top:5px;font-family:Georgia,serif;font-size:22px;font-weight:400}.valve-card{position:absolute;right:4vw;bottom:30px;width:330px;background:#fff;padding:19px 20px 17px;border:1px solid var(--line);z-index:4;box-shadow:0 16px 40px #0a333322}.valve-top{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}.valve-top span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.valve-top b{font-size:9px;color:var(--aqua)}.valve{border:0;background:transparent;height:67px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.valve .pipe{height:10px;background:#9fb2b1;flex:1}.valve .handle{width:65px;height:12px;background:var(--deep);position:relative;border-radius:3px;transition:.45s transform}.valve .handle:before{content:'';width:20px;height:20px;border-radius:50%;background:#6d8281;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.valve.closed .handle{transform:rotate(90deg)}.valve-card.closed .valve-top b{color:#cb6d50}.valve-card p{font-size:12px;line-height:1.45;margin:3px 0;color:#53686b}.valve-card small{font-size:9px;color:#879697}.symptoms{padding:110px 6vw 105px}.section-intro{display:grid;grid-template-columns:1fr 1.3fr;column-gap:7vw;align-items:end;margin-bottom:50px}.section-intro .kicker{grid-column:1/-1}.section-intro h2{font-family:Georgia,serif;font-size:clamp(44px,5vw,78px);line-height:.96;font-weight:400;margin:0;letter-spacing:-.04em}.section-intro>p:last-child{font-size:15px;line-height:1.65;color:var(--muted);max-width:500px}.symptom-console{display:grid;grid-template-columns:.75fr 1.65fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.symptom-list{display:flex;flex-direction:column;border-right:1px solid var(--line)}.symptom{display:grid;grid-template-columns:38px 1fr;background:none;border:0;border-bottom:1px solid var(--line);padding:22px 20px 22px 0;text-align:left;color:var(--ink);cursor:pointer;transition:.25s}.symptom:last-child{border-bottom:0}.symptom span{grid-row:1/3;font-size:10px;color:#8aa1a1;padding-top:4px}.symptom strong{font-family:Georgia,serif;font-size:22px;font-weight:400}.symptom small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.symptom.active{padding-left:18px;background:var(--paper2)}.symptom.active span{color:var(--deep);font-weight:900}.case-view{display:grid;grid-template-columns:1.1fr .9fr;min-height:570px}.case-media{overflow:hidden}.case-media img{transition:.5s opacity,.8s transform}.case-media.changing img{opacity:.15;transform:scale(1.04)}.case-details{padding:52px 45px;display:flex;flex-direction:column;justify-content:center;background:#fff}.case-label{font-size:9px;letter-spacing:.15em;font-weight:900;color:var(--aqua)}.case-details h3{font-family:Georgia,serif;font-size:42px;line-height:1.03;font-weight:400;margin:8px 0 18px}.case-details>p:not(.case-label){font-size:14px;line-height:1.65;color:var(--muted)}.checkline{display:flex;flex-direction:column;margin:22px 0;border-top:1px solid var(--line)}.checkline span{padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.checkline span:before{content:'✓';color:var(--aqua);margin-right:10px}.case-cta{font-weight:900;font-size:11px;text-decoration:none;margin-top:4px}.method{background:#fff;padding:100px 6vw}.method-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw}.method-head h2{font-family:Georgia,serif;font-size:clamp(42px,5vw,76px);line-height:.96;font-weight:400;margin:0}.pipe-route{height:18px;position:relative;background:linear-gradient(#a8bcba,#a8bcba) center/100% 4px no-repeat;margin:65px 0 0}.pipe-route:before,.pipe-route:after{content:'';position:absolute;top:4px;width:10px;height:10px;border:4px solid #a8bcba;border-radius:50%;background:#fff}.pipe-route:before{left:-1px}.pipe-route:after{right:-1px}.pipe-fill{position:absolute;left:0;top:7px;height:4px;width:0;background:var(--aqua);box-shadow:0 0 10px #48a9b855;transition:width .5s ease,background .35s ease,box-shadow .35s ease}.method-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.method-steps article{padding:24px 28px 0 0}.method-steps span{font-size:10px;color:var(--aqua);font-weight:900}.method-steps h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:7px 0}.method-steps p{font-size:12px;line-height:1.6;color:var(--muted);max-width:230px}.network{display:grid;grid-template-columns:1.1fr .9fr;min-height:660px;background:var(--deep);color:#fff}.network-schematic{position:relative;min-height:660px;padding:86px 6vw;background:linear-gradient(135deg,#0a3f49,#0d5662);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.network-schematic:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 25% 22%,rgba(157,218,227,.13),transparent 28%),linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.06) 50%,transparent 50.3%);pointer-events:none}.scheme-title{position:relative;display:flex;justify-content:space-between;align-items:end;padding-bottom:18px;border-bottom:1px solid #ffffff35;margin-bottom:34px}.scheme-title span{font-size:10px;letter-spacing:.18em;font-weight:900;color:#cbe8ed}.scheme-title b{font-size:10px;font-weight:400;color:#92bfc6}.scheme-line{position:relative;height:76px;display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid #ffffff20}.scheme-line i{position:absolute;left:0;right:54px;top:50%;height:5px;border-radius:9px;background:#88b9c0;transform:translateY(-50%)}.scheme-line i:before,.scheme-line i:after{content:'';position:absolute;top:50%;width:14px;height:14px;border:4px solid currentColor;background:#0c4b56;border-radius:50%;transform:translateY(-50%)}.scheme-line i:before{left:0}.scheme-line i:after{right:0}.scheme-line span{position:relative;z-index:2;width:max-content;padding-right:12px;background:#0d505b;font-size:10px;letter-spacing:.12em;font-weight:900}.scheme-line em{position:relative;z-index:2;font-style:normal;font-size:11px;font-weight:900;color:#a9dbe1}.scheme-line.hot i{background:#d7a879;color:#d7a879}.scheme-line.hot em{color:#e5b788}.scheme-line.cold i{color:#8fcdd8}.scheme-line.drain i{height:9px;background:#9aa9a7;color:#9aa9a7}.scheme-junction{display:flex;gap:28px;margin-top:30px}.scheme-junction span{width:20px;height:20px;border:5px solid #a9dbe1;border-radius:50%;box-shadow:0 0 0 7px #ffffff0b}.network-schematic p{position:relative;max-width:420px;color:#cbdadc;font-size:12px;line-height:1.6;margin:30px 0 0}.network-copy{padding:85px 7vw 70px 6vw;display:flex;flex-direction:column;justify-content:center}.network-copy h2{font-family:Georgia,serif;font-size:clamp(46px,5vw,74px);line-height:.96;font-weight:400;margin:0 0 25px}.network-copy>p:not(.kicker){color:#cbdadc;line-height:1.7;font-size:14px}.network dl{margin-top:28px}.network dl div{display:grid;grid-template-columns:110px 1fr;border-top:1px solid #ffffff2c;padding:13px 0}.network dt{font-size:10px;color:#9ddae3;text-transform:uppercase}.network dd{margin:0;font-size:12px}.renovation{padding:110px 6vw;display:grid;grid-template-columns:.62fr 1.38fr;gap:6vw}.renovation-copy{position:sticky;top:120px;align-self:start}.renovation-copy h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,5vw,76px);line-height:.95;margin:0 0 20px}.renovation-copy>p:not(.kicker){color:var(--muted);font-size:14px;line-height:1.65}.renovation-copy ul{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid var(--line)}.renovation-copy li{padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.renovation-sequence{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.stage{margin:0;position:relative;overflow:hidden;background:#ddd}.stage-work{height:660px;margin-top:90px}.stage-finish{height:760px}.stage figcaption{position:absolute;left:15px;bottom:15px;background:#fff;padding:11px 14px;min-width:170px}.stage figcaption b,.stage figcaption span{display:block}.stage figcaption b{font-size:9px;color:var(--aqua);letter-spacing:.14em}.stage figcaption span{font-family:Georgia,serif;font-size:17px;margin-top:3px}.hot-water{margin:0 6vw 110px;background:var(--sand);display:grid;grid-template-columns:.85fr 1.15fr;min-height:520px}.hot-copy{padding:65px 5vw;display:flex;flex-direction:column;justify-content:center}.hot-copy .kicker{color:var(--deep)}.hot-copy h2{font-family:Georgia,serif;font-size:clamp(40px,4vw,62px);line-height:1;font-weight:400;margin:0 0 22px}.hot-copy p:not(.kicker){font-size:14px;line-height:1.65;color:#4c5e60}.hot-photo{overflow:hidden}.contact{background:#0b343c;color:white;padding:90px 6vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw}.contact-copy h2{font-family:Georgia,serif;font-size:clamp(44px,5vw,72px);line-height:.96;font-weight:400;margin:0 0 30px}.brief-points{display:flex;flex-direction:column;border-top:1px solid #ffffff2b;margin:30px 0}.brief-points span{padding:12px 0;border-bottom:1px solid #ffffff2b;font-size:12px}.brief-points b{color:#9ddae3;margin-right:8px}.contact-details{font-size:16px;line-height:1.5}.contact-details small{color:#a8c2c5}.intervention-form{background:var(--paper);color:var(--ink);padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-title{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:5px}.form-title span,.form-title b{font-size:9px;letter-spacing:.15em}.form-title b{color:var(--aqua)}.intervention-form label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.intervention-form input,.intervention-form select,.intervention-form textarea{width:100%;margin-top:7px;border:1px solid var(--line);background:#fff;padding:13px;font:inherit;color:var(--ink)}.intervention-form textarea{min-height:130px;resize:vertical}.intervention-form .wide{grid-column:1/-1}.intervention-form button{border:0;background:var(--aqua);color:#092d32;padding:16px 18px;font-weight:900;text-align:left;display:flex;justify-content:space-between}.form-note{font-size:10px;color:var(--muted);margin:0}footer{display:flex;justify-content:space-between;padding:23px 6vw;background:#071f25;color:#829da0;font-size:10px;letter-spacing:.05em}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.js .reveal.in{opacity:1;transform:none}

.case-media[data-current="fuite"] img{object-position:center 45%}
.case-media[data-current="evacuation"] img{object-position:center 50%}
.case-media[data-current="chaude"] img{object-position:center 48%}
.case-media[data-current="projet"] img{object-position:center 55%}
body.water-off .flow-rail span{height:0!important;background:#9eaeac;box-shadow:none}
body.water-off .pipe-fill{width:0!important;background:#9eaeac;box-shadow:none}
body.water-off .scheme-line i{background:#73898a!important;color:#73898a!important;transition:.35s}
body.water-off .scheme-line em{color:#81989a!important;transition:.35s}
body.water-off .scheme-junction span{border-color:#73898a;box-shadow:none;transition:.35s}
body.water-off .valve-card{box-shadow:0 16px 40px #0a333312}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;padding-left:7vw}.hero h1{font-size:70px}.valve-card{width:300px}.case-view{grid-template-columns:1fr}.case-media{height:390px}.renovation{grid-template-columns:1fr}.renovation-copy{position:static}.method-head{grid-template-columns:1fr}.method-steps{grid-template-columns:1fr 1fr}.network{grid-template-columns:1fr}.network-schematic{min-height:520px}.hot-water{grid-template-columns:1fr}.hot-photo{height:430px}.contact{grid-template-columns:1fr}}
@media(max-width:760px){.flow-rail{display:none}.site-header{height:72px;padding:0 5vw;grid-template-columns:1fr auto}.phone{display:none}.nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--paper);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu{display:block;border:1px solid var(--line);background:none;padding:8px 12px}.hero{display:block;background:var(--deep);padding:55px 5vw 210px}.hero h1{font-size:58px}.hero-visual{height:460px;margin-top:45px}.valve-card{left:5vw;right:5vw;bottom:28px;width:auto}.hero-proof{grid-template-columns:1fr 1fr}.section-intro{display:block}.section-intro h2{margin-bottom:22px}.symptoms{padding:80px 5vw}.symptom-console{grid-template-columns:1fr}.symptom-list{border-right:0}.case-media{height:360px}.case-details{padding:35px 25px}.case-details h3{font-size:34px}.method{padding:75px 5vw}.method-steps{grid-template-columns:1fr 1fr}.network-schematic{min-height:430px;padding:55px 7vw}.network-copy{padding:60px 7vw}.renovation{padding:80px 5vw}.renovation-sequence{grid-template-columns:1fr}.stage-work,.stage-finish{height:480px;margin:0}.hot-water{margin:0 5vw 80px}.contact{padding:70px 5vw}.intervention-form{grid-template-columns:1fr}.intervention-form .wide,.form-title{grid-column:auto}footer{flex-direction:column;gap:8px}}
@media(max-width:480px){.hero h1{font-size:49px}.intro{font-size:15px}.hero-visual{height:390px}.symptom strong{font-size:19px}.method-steps{grid-template-columns:1fr}.method-steps article{border-top:1px solid var(--line);padding:18px 0}.renovation-sequence{gap:10px}.stage-work,.stage-finish{height:420px}.hot-copy{padding:45px 7vw}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}