.cs{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.cs-scene{background:var(--pp-surface);box-shadow:var(--pp-ombre);border-radius:26px;padding:3.6rem clamp(1rem,2.5vw,1.75rem) clamp(1rem,2.5vw,1.75rem);position:relative}.cs-dessin{width:100%;height:auto;display:block;overflow:visible}.cs-mur{fill:var(--pp-carte);stroke:var(--pp-ligne);stroke-width:1.5px}.cs-sol{stroke:var(--pp-encre);stroke-width:2px;stroke-linecap:round;opacity:.6}.cs-sol--bas{stroke-dasharray:3 6;opacity:.3}.cs-c{opacity:0;transition:opacity .6s var(--pp-ease)}.cs-c[data-on]{opacity:1}.cs-vieux-carreau{fill:#e9e2cf;stroke:#cfc5ab}.cs-baignoire{fill:#f3efe4;stroke:#b9ae94;stroke-width:2px}.cs-baignoire-bord{stroke:#b9ae94;stroke-width:6px;stroke-linecap:round}.cs-fissure{fill:none;stroke:#8a7c5e;stroke-width:1.5px}.cs-ancien{transition:opacity .7s var(--pp-ease), translate .7s var(--pp-ease)}.cs-ancien:not([data-on]){translate:0 18px}.cs-tuyau,.cs-evac,.cs-fil{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.4s var(--pp-ease-io)}[data-on]>.cs-tuyau,[data-on]>.cs-evac,[data-on]>.cs-fil{stroke-dashoffset:0}.cs-tuyau{stroke:var(--pp-bleu);stroke-width:5px}.cs-tuyau--chaud{stroke:var(--pp-orange)}.cs-evac{stroke:var(--pp-encre);stroke-width:7px;opacity:.45}.cs-fil{stroke:var(--pp-orange-profond);stroke-width:2px}.cs-boitier{fill:var(--pp-surface);stroke:var(--pp-encre);stroke-width:1.5px}.cs-spot circle{fill:var(--pp-encre)}.cs-lumiere{fill:#fe6b1829;stroke:none;opacity:0;transition:opacity .6s .9s var(--pp-ease)}[data-on] .cs-lumiere{opacity:1}.cs-plaque{fill:color-mix(in srgb, #9fc7a0 22%, var(--pp-surface));stroke:color-mix(in srgb, #6f9f73 45%, var(--pp-surface));stroke-width:1.2px;fill-opacity:.9;transform-box:fill-box;transform-origin:50% 100%;transition:scale .55s var(--pp-ease);scale:1 0}.cs-plaque:nth-child(2){transition-delay:.12s}.cs-plaque:nth-child(3){transition-delay:.24s}.cs-plaque:nth-child(4){transition-delay:.36s}.cs-plaque:nth-child(5){transition-delay:.48s}[data-on]>.cs-plaque{scale:1}.cs-niche{fill:color-mix(in srgb, var(--pp-encre) 10%, var(--pp-surface));stroke:var(--pp-encre);stroke-width:1.2px;opacity:0;transition:opacity .4s .8s}[data-on]>.cs-niche{opacity:1}.cs-membrane{fill:#7fbce552;stroke:var(--pp-bleu);stroke-dasharray:5 4;clip-path:inset(100% 0 0);transition:clip-path 1s var(--pp-ease-io)}[data-on]>.cs-membrane{clip-path:inset(0)}.cs-carrelage path{fill:none;stroke:var(--pp-encre);stroke-width:1px;opacity:.35;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.2s .9s var(--pp-ease-io)}[data-on] .cs-carrelage path{stroke-dashoffset:0}.cs-pose>*{opacity:0;transition:opacity .5s var(--pp-ease), translate .6s var(--pp-ease);translate:0 10px}.cs-pose[data-on]>*{opacity:1;translate:0}.cs-pose[data-on]>:nth-child(3n+2){transition-delay:.15s}.cs-pose[data-on]>:nth-child(3n){transition-delay:.3s}.cs-miroir{fill:color-mix(in srgb, var(--pp-bleu) 26%, var(--pp-surface));stroke:var(--pp-encre);stroke-width:1.5px}.cs-reflet,.cs-meuble-ligne,.cs-robinet,.cs-pommeau-bras{fill:none;stroke:var(--pp-encre);stroke-width:2px;stroke-linecap:round}.cs-reflet{stroke:var(--pp-surface);stroke-width:3px}.cs-meuble{fill:#c9a27a;stroke:var(--pp-encre);stroke-width:1.5px}.cs-meuble-ligne{stroke-width:1px;opacity:.5}.cs-vasque{fill:var(--pp-surface);stroke:var(--pp-encre);stroke-width:2px}.cs-radiateur rect{fill:var(--pp-surface);stroke:var(--pp-encre);stroke-width:1.2px}.cs-paroi-cadre,.cs-pommeau{fill:var(--pp-encre)}.cs-paroi{fill:#7fbce52e;stroke:#7fbce5b3}.cs-gouttes path{stroke:var(--pp-bleu);stroke-width:2px;stroke-linecap:round;opacity:0}.cs-livre circle{fill:#2f9e5b}.cs-livre path{fill:none;stroke:#fff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.cs-livre{transform-box:fill-box;transform-origin:50%;transition:scale .5s cubic-bezier(.34,1.56,.64,1);scale:0}.cs[data-livre] .cs-livre{scale:1}.cs-etiquette{height:1.9rem;position:absolute;top:1.1rem;left:clamp(1rem,2.5vw,1.75rem);right:1rem}.cs-etiquette>span{background:var(--pp-nuit);color:#f6f5ee;height:100%;font-family:var(--pp-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .35s var(--pp-ease), translate .35s var(--pp-ease);border-radius:999px;align-items:center;padding:0 .8rem;font-size:12px;display:inline-flex;position:absolute;top:0;left:0;translate:0 6px}.cs-etiquette>span[data-on]{opacity:1;translate:0}.cs-etiquette>span:last-child{background:#2f9e5b}[data-theme=dark] .cs-etiquette>span:not(:last-child){background:var(--pp-orange);color:#1b2730}.cs-etapes{counter-reset:none;margin:0;padding:0;list-style:none}.cs-etape{border-top:1px solid var(--pp-ligne);opacity:.55;transition:opacity .4s var(--pp-ease);grid-template-columns:2.6rem minmax(0,1fr);gap:.9rem;padding:1rem 0 1.1rem;display:grid;position:relative}.cs-etape:last-child{border-bottom:1px solid var(--pp-ligne)}.cs-etape[data-actif],.cs-etape[data-fait]{opacity:1}.cs-num{border:1.5px solid var(--pp-ligne);width:2.3rem;height:2.3rem;font-family:var(--pp-mono);color:var(--pp-doux);border-radius:50%;place-items:center;font-size:12px;transition:background-color .4s,border-color .4s,color .4s;display:grid}.cs-etape[data-actif] .cs-num{border-color:var(--pp-orange);background:var(--pp-orange);color:#1b2730}.cs-etape[data-fait] .cs-num{color:#2f9e5b;border-color:#2f9e5b}.cs-etape h3{font-family:var(--pp-titre);letter-spacing:-.01em;margin:.2rem 0 .3rem;font-size:1.2rem;font-weight:560}.cs-etape p{color:var(--pp-doux);margin:0;line-height:1.55}.cs-barre{background:var(--pp-orange);transform-origin:0;height:2px;position:absolute;top:-1px;left:0;right:0;scale:0 1}.sb-citation{max-width:46rem;font-family:var(--pp-titre);align-items:flex-start;gap:.8rem;margin:clamp(2rem,4vw,3rem) 0 0;font-size:1.15rem;font-style:italic;line-height:1.5;display:flex}.sb-citation svg{width:1.6rem;height:1.6rem;color:var(--pp-orange);flex:none}.sb-douche-grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.sb-douche .pp-h2,.zc .pp-h2{margin-bottom:1.25rem}.sb-points{counter-reset:pt;gap:.9rem;margin:1.8rem 0 0;padding:0;list-style:none;display:grid}.sb-points li{color:var(--pp-doux);counter-increment:pt;padding-left:2.6rem;line-height:1.55;position:relative}.sb-points li:before{content:counter(pt, decimal-leading-zero);font-family:var(--pp-mono);letter-spacing:.1em;color:var(--pp-accent);font-size:12px;position:absolute;top:.1rem;left:0}.sb-points b{color:var(--pp-encre);font-weight:600}.sd{background:var(--pp-surface);box-shadow:var(--pp-ombre);border-radius:26px;gap:1rem;padding:clamp(1rem,2.5vw,1.6rem);display:grid;position:relative}.sd-avant-apres,.sd-coupe{background:var(--pp-carte);border-radius:18px;padding:1rem;position:relative}.sd-piece,.sd-coupe-dessin{width:100%;height:auto;display:block}.sd-sol,.sd-mur{stroke:var(--pp-encre);stroke-width:2px;stroke-linecap:round;opacity:.55}.sd-baignoire path{fill:#f3efe4;stroke:#9d9277;stroke-width:2px;stroke-linecap:round}.sd-baignoire path:nth-child(n+2){fill:none}.sd-douche-sol{stroke:var(--pp-bleu);stroke-width:3px;stroke-dasharray:8 5}.sd-paroi{fill:#7fbce533;stroke:#7fbce5cc}.sd-paroi-cadre,.sd-pommeau{fill:var(--pp-encre)}.sd-bras{fill:none;stroke:var(--pp-encre);stroke-width:2.5px;stroke-linecap:round}.sd-barre{fill:var(--pp-orange)}.sd-goutte{stroke:var(--pp-bleu);stroke-width:2px;stroke-linecap:round;opacity:0}.sd-douche{opacity:0}.sd-etat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 0 1px var(--pp-ligne);font-family:var(--pp-mono);letter-spacing:.08em;text-transform:uppercase;color:#1b2730;background:#ffffffb3;border-radius:999px;padding:.35rem .7rem;font-size:12px;position:absolute;top:.8rem;left:.8rem}.sd-etat--apres{opacity:0;background:var(--pp-orange);box-shadow:none}.sd-coupe{flex-wrap:wrap;gap:.5rem .9rem;display:flex}.sd-carreau{fill:color-mix(in srgb, var(--pp-orange) 22%, var(--pp-surface));stroke:var(--pp-encre);stroke-width:1px}.sd-membrane{fill:none;stroke:var(--pp-bleu);stroke-width:3px}.sd-chape{fill:color-mix(in srgb, var(--pp-encre) 8%, var(--pp-carte));stroke:var(--pp-ligne)}.sd-grille{fill:none;stroke:var(--pp-encre);stroke-width:2px}.sd-evac{fill:none;stroke:var(--pp-encre);stroke-width:6px;stroke-linecap:round;opacity:.4}.sd-goutte-sol{fill:var(--pp-bleu);opacity:0}.sd-legende{font-family:var(--pp-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--pp-doux);align-items:center;gap:.45rem;font-size:12px;display:inline-flex}.sd-legende:before{content:"";border-radius:3px;width:.7rem;height:.7rem}.sd-legende--pente:before{background:color-mix(in srgb, var(--pp-orange) 45%, var(--pp-surface))}.sd-legende--etanche:before{background:var(--pp-bleu)}.sd-legende--siphon:before{background:var(--pp-encre)}.sb-preuves-grille{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:stretch;gap:clamp(1.5rem,4vw,3rem);display:grid}.sb-photo{min-height:28rem;box-shadow:var(--pp-ombre);border-radius:26px;margin:0;position:relative;overflow:hidden}.sb-photo img{object-fit:cover}.sb-photo figcaption{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--pp-mono);letter-spacing:.06em;text-transform:uppercase;color:#1b2730;background:#ffffffb8;border-radius:999px;padding:.5rem .9rem;font-size:13px;position:absolute;bottom:1rem;left:1rem}.sb-photo .coins{--coins-couleur:#fff}.sb-avis{align-content:center;gap:1rem;display:grid}.sb-avis-tete{font-family:var(--pp-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pp-doux);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;font-size:12px;display:flex}.sb-avis ul{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.sb-avis-carte{background:var(--pp-surface);box-shadow:var(--pp-ombre);border-radius:20px;padding:1.3rem 1.5rem;position:relative}.sb-avis-carte:nth-child(2){margin-left:clamp(0rem,4vw,2.5rem)}.sb-etoiles{color:var(--pp-orange);gap:2px;display:inline-flex}.sb-etoiles svg{width:15px;height:15px}.sb-avis-carte blockquote{font-family:var(--pp-titre);margin:.6rem 0 .7rem;font-size:1.12rem;line-height:1.45}.sb-avis-carte cite{font-style:normal;font-family:var(--pp-mono);letter-spacing:.08em;color:var(--pp-doux);font-size:13px}.sb-bati-grille{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.sb-bati-carte{background:var(--pp-surface);box-shadow:var(--pp-ombre);border-radius:22px;padding:1.5rem}.sb-bati-carte h3{font-family:var(--pp-titre);letter-spacing:-.01em;margin:1.1rem 0 .5rem;font-size:1.25rem;font-weight:560;line-height:1.15}.sb-bati-carte p{color:var(--pp-doux);margin:0;line-height:1.55}.sb-bati-icone{background:color-mix(in srgb, var(--pp-orange) 14%, var(--pp-surface));width:3.6rem;height:3.6rem;color:var(--pp-accent);border-radius:16px;place-items:center;display:grid;position:relative}.sb-bati-icone svg{width:2rem;height:2rem}.fq-grille{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid}.fq-gauche{position:sticky;top:6.5rem}.fq-question{background:var(--pp-surface);box-shadow:var(--pp-ombre);border-radius:22px;grid-template-columns:auto minmax(0,1fr);gap:.6rem 1rem;padding:1.4rem;display:grid;position:relative}.fq-photo{width:4rem;height:4rem;box-shadow:0 0 0 3px var(--pp-surface), 0 0 0 5px var(--pp-orange);background:#e2edf5;border-radius:50%;grid-row:span 2;overflow:hidden}.fq-photo img{object-fit:cover;object-position:50% 20%;width:100%;height:100%}.fq-bulle{background:var(--pp-carte);border-radius:14px 14px 14px 4px;justify-self:start;gap:4px;padding:.55rem .75rem;display:inline-flex}.fq-bulle i{background:var(--pp-doux);border-radius:50%;width:6px;height:6px}.fq-question p{color:var(--pp-doux);margin:0;line-height:1.5}.fq-question strong{color:var(--pp-encre)}.fq-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.6rem 1.2rem;margin-top:.4rem;display:flex}.fq-tel{color:var(--pp-encre);align-items:center;gap:.4rem;font-weight:600;text-decoration:none;display:inline-flex}.fq-tel svg{color:var(--pp-orange)}.fq-liste{display:grid}.fq-item{border-bottom:1px solid var(--pp-ligne)}.fq-item:first-child{border-top:1px solid var(--pp-ligne)}.fq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;list-style:none;display:flex}.fq-item summary::-webkit-details-marker{display:none}.fq-item h3{font-family:var(--pp-titre);letter-spacing:-.01em;margin:0;font-size:clamp(1.1rem,1.6vw,1.3rem);font-weight:540;line-height:1.25}.fq-item summary svg{background:var(--pp-carte);width:2rem;height:2rem;color:var(--pp-accent);transition:rotate .35s var(--pp-ease), background-color .3s;border-radius:50%;flex:none;padding:.45rem}.fq-item[open] summary svg{background:var(--pp-orange);color:#1b2730;rotate:45deg}.fq-reponse{color:var(--pp-doux);padding:0 3rem 1.4rem 0;line-height:1.6}.fq-reponse p{margin:0}@media (hover:hover){.fq-item summary:hover h3{color:var(--pp-accent)}}.zc-grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.zc-grille .pp-tete,.zc-texte p{margin:0}.zc-communes{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.zc-communes li{background:var(--pp-surface);box-shadow:0 0 0 1px var(--pp-ligne);border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .95rem;font-size:.98rem;display:inline-flex}.zc-communes li[data-base]{background:var(--pp-nuit);color:#f6f5ee;font-weight:600;box-shadow:0 0 0 4px #fe6b1840}.zc-communes li[data-base] svg{color:var(--pp-orange)}.zc-communes small{font-family:var(--pp-mono);letter-spacing:.08em;text-transform:uppercase;color:#a9b4bd;font-size:12px;font-weight:400}[data-theme=dark] .zc-communes li[data-base]{background:var(--pp-orange);color:#1b2730}[data-theme=dark] .zc-communes li[data-base] svg,[data-theme=dark] .zc-communes li[data-base] small{color:#1b2730}@media (prefers-reduced-motion:no-preference){.cs-etape[data-actif] .cs-barre{animation:cs-barre var(--duree) linear forwards}.cs-pose[data-on] .cs-gouttes path{animation:goutte .9s calc(1s + var(--i) * .2s) linear infinite}.cs-ancien[data-on] .cs-fissure{animation:1.4s ease-in-out infinite cs-fissure}.sd-baignoire,.sd-etat--avant{animation:sd-avant 9s var(--pp-ease-io) infinite}.sd-douche,.sd-etat--apres{animation:sd-apres 9s var(--pp-ease-io) infinite}.sd-goutte{animation:9s linear infinite sd-goutte}.sd-goutte-sol{animation:sd-glisse 3s calc(var(--i) * 1s) cubic-bezier(.5, 0, .9, .6) infinite}.sb-photo img{animation:16s ease-in-out infinite alternate sb-zoom}.sb-bati-icone[data-anim=tourne] svg{animation:4s linear infinite tourne}.sb-bati-icone[data-anim=fenetres] svg{animation:3.2s ease-in-out infinite clignote}.sb-bati-icone[data-anim=flotte] svg{animation:3.6s ease-in-out infinite flotte}.sb-bati-icone[data-anim=flash]:after{content:"";border-radius:inherit;opacity:0;background:#fff;animation:4.5s ease-out infinite flash;position:absolute;inset:0}.fq-bulle i{animation:1.2s ease-in-out infinite tape}.fq-bulle i:nth-child(2){animation-delay:.15s}.fq-bulle i:nth-child(3){animation-delay:.3s}.zc-communes li:not([data-base]){animation:zc-signal 9s calc(var(--i) * .35s) ease-in-out infinite}.zc-communes li[data-base] svg{animation:2.4s ease-in-out infinite flotte}}@keyframes cs-barre{to{scale:1}}@keyframes goutte{0%{opacity:0;translate:0}20%{opacity:1}to{opacity:0;translate:0 34px}}@keyframes cs-fissure{50%{translate:1px}}@keyframes sd-avant{0%,38%{opacity:1}48%,90%{opacity:0}to{opacity:1}}@keyframes sd-apres{0%,40%{opacity:0}50%,88%{opacity:1}98%,to{opacity:0}}@keyframes sd-goutte{0%,52%{opacity:0;translate:0}53%{opacity:1;translate:0}58%{opacity:0;translate:0 70px}59%{opacity:0;translate:0}60%{opacity:1;translate:0}65%{opacity:0;translate:0 70px}66%{opacity:0;translate:0}67%{opacity:1;translate:0}72%{opacity:0;translate:0 70px}73%{opacity:0;translate:0}74%{opacity:1;translate:0}79%{opacity:0;translate:0 70px}80%,to{opacity:0}}@keyframes sd-glisse{0%{opacity:0;translate:0}8%{opacity:1}78%{opacity:1;translate:214px 11px}to{opacity:0;translate:228px 34px}}@keyframes sb-zoom{0%{scale:1}to{scale:1.08}}@keyframes tourne{to{rotate:360deg}}@keyframes clignote{50%{opacity:.45}}@keyframes flotte{50%{translate:0 -4px}}@keyframes flash{0%,70%{opacity:0}74%{opacity:.85}to{opacity:0}}@keyframes tape{0%,60%,to{opacity:.45;translate:0}30%{opacity:1;translate:0 -4px}}@keyframes zc-signal{0%,8%,to{background:var(--pp-surface);box-shadow:0 0 0 1px var(--pp-ligne)}3%{background:color-mix(in srgb, var(--pp-orange) 18%, var(--pp-surface));box-shadow:0 0 0 1px var(--pp-orange)}}@media (prefers-reduced-motion:reduce){.sd-baignoire,.sd-etat--avant{opacity:0}.sd-douche,.sd-etat--apres,.sd-goutte-sol{opacity:1}}@media (max-width:1100px){.sb-bati-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:899px){.cs,.sb-douche-grille,.sb-preuves-grille,.fq-grille,.zc-grille{grid-template-columns:minmax(0,1fr)}.fq-gauche{position:static}.sb-photo{aspect-ratio:4/3;min-height:0}}@media (max-width:640px){.sb-bati-grille{grid-template-columns:minmax(0,1fr)}.cs-scene{padding:3.1rem .75rem .75rem}.cs-etiquette{top:.75rem;left:.75rem}.sb-avis-carte:nth-child(2){margin-left:0}.fq-reponse{padding-right:0}.sb-citation{font-size:1.05rem}}