/* p-pourquoi-nous-confier-votre-projet.css — page « Pourquoi Trifecta » : le calcul (14-10).
   Chargé seulement par pourquoi-nous-confier-votre-projet.html ; tout est préfixé body.p-pourquoi-nous-confier-votre-projet.
   Hors @layer comme pages.css : on gagne par la spécificité, jamais par !important (sauf mouvement réduit). */

body.p-pourquoi-nous-confier-votre-projet{
  --pq-eo:cubic-bezier(.23,1,.32,1);
}
/* pages.css pose le padding vertical des sections avec trois :not() ; on le reprend avec la même chaîne */
body.p-pourquoi-nous-confier-votre-projet main.int .section:is(.pq-eq,.pq-man,.pq-calc,.pq-safe,.pq-diy,.pq-steps):not(.cta):not(.proof):not(.page-hero){
  padding-block:var(--pq-pt) var(--pq-pb);
}

/* ================================================================
   HÉROS — fond encre, grand « 10 » en contour sur la photo, avant/après en registre
   ================================================================ */
body.p-pourquoi-nous-confier-votre-projet .pq-hero{
  background:var(--ink-900);color:var(--paper);
  padding-block:clamp(36px,5vw,72px) clamp(56px,7vw,110px);
}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .breadcrumb ol,
body.p-pourquoi-nous-confier-votre-projet .pq-hero .breadcrumb a{color:var(--muted-dark)}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .breadcrumb a:hover{color:var(--paper)}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .breadcrumb li+li::before{color:var(--muted-dark)}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .breadcrumb [aria-current="page"]{color:var(--paper)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-hero .page-title{
  margin-top:clamp(20px,3vw,40px);
  font-family:var(--font-display);font-weight:200;color:var(--paper);
  font-size:clamp(2.5rem,5.9vw,6rem);line-height:1;letter-spacing:-.035em;
  max-width:11ch;text-wrap:balance;
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-hero .lead{color:var(--paper);font-size:clamp(1.1rem,1.02rem + .45vw,1.35rem);max-width:44ch}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .btn-ghost{border-color:rgba(247,243,234,.4);color:var(--paper)}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .btn-ghost:hover{border-color:var(--paper)}
body.p-pourquoi-nous-confier-votre-projet .pq-hero :focus-visible{outline-color:var(--orange)}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .pgh-clip{border-radius:2px}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-hero .pgh-media{overflow:visible}

/* le « 10 » : contour orange, posé à cheval sur le coin de la photo (décoratif, masqué aux lecteurs d'écran) */
body.p-pourquoi-nous-confier-votre-projet .pq-hero .pq-x{
  position:absolute;z-index:4;left:-.04em;bottom:-.2em;margin:0;
  font-family:var(--font-display);font-weight:200;font-size:clamp(7rem,28vw,9rem);line-height:.8;letter-spacing:-.07em;
  font-variant-numeric:tabular-nums;white-space:nowrap;
  color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--orange);
  user-select:none;pointer-events:none;
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-hero .pgh-img{object-position:30% 50%}

@media (min-width:900px){
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-hero .pgh-grid.has-media{
    display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:clamp(20px,3vw,44px);align-items:start;
  }
  body.p-pourquoi-nous-confier-votre-projet .pq-hero .pgh-copy{grid-column:1/8;grid-row:1}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-hero .pgh-grid.has-media .pgh-media{
    grid-column:8/-1;grid-row:1;margin:clamp(8px,2vw,28px) 0 0;aspect-ratio:4/5;
  }
  body.p-pourquoi-nous-confier-votre-projet .pq-hero .pq-x{left:-.5em;bottom:-.16em;font-size:clamp(9rem,19.5vw,19rem)}
}

/* avant / après : deux panneaux accolés */
body.p-pourquoi-nous-confier-votre-projet .pq-hero .pair{gap:0;margin-top:clamp(60px,8vw,120px)}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .pair-side{border:0;border-radius:0;padding:clamp(26px,3.6vw,56px)}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .pair-today{background:rgba(247,243,234,.07)}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .pair-today .pair-lbl,
body.p-pourquoi-nous-confier-votre-projet .pq-hero .pair-today .pair-txt{color:var(--muted-dark)}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .pair-with{background:var(--paper);color:var(--ink-900)}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .pair-with .pair-lbl{color:var(--orange-deep)}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .pair-with .pair-txt{color:var(--ink-900)}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .pair-txt{
  margin-top:clamp(14px,1.8vw,24px);
  font-family:var(--font-display);font-weight:300;font-size:clamp(1.25rem,1.05rem + 1vw,2rem);line-height:1.25;letter-spacing:-.015em;max-width:30ch;
}

/* trois mutations : l'ancien (barré) → le nouveau, en grand */
body.p-pourquoi-nous-confier-votre-projet .pq-hero .triplets{display:block;margin-top:clamp(36px,5vw,72px);border-top:1px solid var(--hairline-dark)}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .triplets li{
  display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:clamp(12px,2vw,28px);row-gap:6px;
  min-height:0;padding:clamp(20px,2.6vw,36px) 0;border:0;border-bottom:1px solid var(--hairline-dark);border-radius:0;background:none;
}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .tri-from{
  grid-column:1/-1;color:var(--muted-dark);font-size:clamp(1rem,.95rem + .3vw,1.2rem);
  text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:rgba(184,174,156,.7);
}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .tri-arrow{color:var(--orange)}
body.p-pourquoi-nous-confier-votre-projet .pq-hero .tri-to{
  font-family:var(--font-display);font-weight:300;color:var(--paper);
  font-size:clamp(1.7rem,3.6vw,3.7rem);line-height:1.04;letter-spacing:-.028em;
}
@media (min-width:760px){
  body.p-pourquoi-nous-confier-votre-projet .pq-hero .triplets li{grid-template-columns:minmax(0,4fr) auto minmax(0,8fr)}
  body.p-pourquoi-nous-confier-votre-projet .pq-hero .tri-from{grid-column:auto}
  body.p-pourquoi-nous-confier-votre-projet .pq-hero .tri-arrow svg{width:30px;height:30px}
}

/* ================================================================
   L'ÉQUATION — trois intelligences + la fine pointe
   ================================================================ */
body.p-pourquoi-nous-confier-votre-projet .pq-eq{--pq-pt:clamp(72px,9vw,140px);--pq-pb:clamp(72px,9vw,140px);--pq-gap:clamp(52px,5.2vw,84px)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .sec-title{
  font-size:clamp(2.4rem,5.4vw,5.4rem);font-weight:200;letter-spacing:-.04em;line-height:1;max-width:12ch;
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .section-body .page-body{
  font-size:clamp(1.08rem,1.03rem + .35vw,1.28rem);line-height:1.55;color:var(--ink-900);max-width:52ch;
}
@media (min-width:1000px){
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .wrap>.sec-top{grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:clamp(40px,6vw,96px)}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .wrap>.sec-top .section-head{position:static}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .wrap>.sec-top .section-body{padding-top:.9em}
}
/* petit écran : une colonne d'opérations, le signe à gauche */
body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards{
  display:block;margin-top:clamp(40px,6vw,72px);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards li{
  position:relative;display:grid;grid-template-columns:clamp(2.6rem,10vw,4.2rem) minmax(0,1fr);align-items:start;
  padding:clamp(22px,3vw,32px) 0;border:0;border-top:2px solid var(--ink-900);border-radius:0;background:none;
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards li>*{grid-column:2}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards li::before{
  grid-column:1;grid-row:1 / span 2;
  font-family:var(--font-display);font-weight:200;font-size:clamp(2.4rem,9vw,3.6rem);line-height:.9;color:var(--orange-deep);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards li+li::before{content:"+" / ""}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards li:last-child::before{content:"=" / ""}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards h3{
  font-family:var(--font-display);font-weight:300;font-size:clamp(1.7rem,6vw,2.4rem);line-height:1.04;letter-spacing:-.03em;
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards p{margin-top:12px;color:var(--ink-900);opacity:.85;font-size:1.08rem;line-height:1.5;max-width:38ch}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards li:last-child{
  margin-top:clamp(8px,1.4vw,16px);padding:clamp(24px,3vw,36px) clamp(18px,2.4vw,30px);border-top:0;
  background:var(--ink-900);color:var(--paper);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards li:last-child::before{color:var(--orange-light)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards li:last-child h3{color:var(--paper)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards li:last-child p{color:var(--paper);opacity:.88}

@media (min-width:1100px){
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.32fr);column-gap:var(--pq-gap);align-items:stretch;margin-top:clamp(64px,7vw,110px);
  }
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards li{display:block;padding:clamp(26px,2.6vw,38px) 0 0}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards li>*{grid-column:auto}
  /* le signe est une pastille posée sur le filet, au milieu de l'intervalle entre deux termes */
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards li+li::before{
    position:absolute;top:-23px;left:calc(var(--pq-gap) / -2 - 22px);
    display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
    background:var(--paper);border:2px solid var(--ink-900);color:var(--ink-900);
    font-size:1.7rem;line-height:1;padding-bottom:.08em;
  }
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards li:last-child::before{background:var(--orange);border-color:var(--orange);color:var(--ink-900)}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards h3{font-size:clamp(1.8rem,2.6vw,2.7rem)}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards li:last-child{
    margin-top:-2px;padding:clamp(34px,3.4vw,48px) clamp(24px,2.4vw,36px);border-top:2px solid var(--orange);
  }
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards li:last-child h3{font-size:clamp(2rem,3vw,3.1rem)}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-eq .cards li:last-child::before{top:-23px}
}

/* ================================================================
   LE MANIFESTE — « Ce que nous ajoutons à vos outils » : dix idées, dix numéros géants
   ================================================================ */
body.p-pourquoi-nous-confier-votre-projet .pq-man{--pq-pt:clamp(72px,9vw,140px);--pq-pb:clamp(72px,9vw,140px)}
body.p-pourquoi-nous-confier-votre-projet main.int .section.pq-man:not(.cta){background:var(--forest-900);color:var(--paper)}
body.p-pourquoi-nous-confier-votre-projet .pq-man .pgs-clip{border-radius:2px}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .sec-title{
  font-size:clamp(2.4rem,5.4vw,5.4rem);font-weight:200;letter-spacing:-.04em;line-height:1;max-width:12ch;color:var(--paper);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .section-body .page-body{
  font-size:clamp(1.12rem,1.05rem + .45vw,1.4rem);line-height:1.5;color:var(--paper);max-width:40ch;
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .cards{display:block;margin-top:clamp(30px,5vw,56px);border-top:2px solid var(--paper)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .cards li{
  position:relative;display:block;padding:clamp(26px,4vw,48px) 0 clamp(30px,4vw,52px);
  border:0;border-bottom:1px solid var(--hairline-dark);border-radius:0;background:none;color:var(--paper);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .cards li:last-child:nth-child(odd){grid-column:auto}
/* le numéro de pages.css (sur le h3) est coupé ; le grand numéro est posé sur l'élément de liste */
body.p-pourquoi-nous-confier-votre-projet main.int #dix-raisons .cards h3::before{content:none}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .cards li::before{
  content:counter(dr,decimal-leading-zero) / "";display:block;margin-bottom:clamp(8px,1.6vw,18px);
  font-family:var(--font-display);font-weight:200;font-size:clamp(5rem,22vw,7.5rem);line-height:.8;letter-spacing:-.06em;
  font-variant-numeric:tabular-nums;color:var(--orange);transition:color .5s var(--pq-eo);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .cards h3{
  font-family:var(--font-display);font-weight:300;font-size:clamp(1.65rem,6.4vw,2.4rem);line-height:1.08;letter-spacing:-.028em;color:var(--paper);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .cards p{margin-top:12px;color:var(--paper);opacity:.82;font-size:1.1rem;line-height:1.55;max-width:46ch}
/* script présent : les numéros se remplissent à mesure qu'on lit (sans script, ils restent pleins) */
body.p-pourquoi-nous-confier-votre-projet .pq-man.pq-live .cards li::before{color:transparent;-webkit-text-stroke:1.5px var(--orange)}
body.p-pourquoi-nous-confier-votre-projet .pq-man.pq-live .cards li.is-on::before{color:var(--orange)}
@media (min-width:600px){
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .cards li{
    display:grid;grid-template-columns:clamp(7rem,17vw,12.6rem) minmax(0,1fr);column-gap:clamp(18px,3vw,40px);align-items:start;
  }
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .cards li>*{grid-column:2}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .cards li::before{
    grid-column:1;grid-row:1 / span 2;margin:0;font-size:clamp(5.4rem,12.4vw,11.6rem);
  }
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .cards h3{font-size:clamp(1.7rem,2.5vw,2.5rem)}
}
@media (min-width:900px){
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .pgs-split{
    display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(20px,3vw,44px);row-gap:0;align-items:start;
  }
  body.p-pourquoi-nous-confier-votre-projet .pq-man .pgs-main{display:contents}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .pgs-main>.sec-top{grid-column:1/-1;grid-row:1;margin-bottom:clamp(32px,4vw,64px)}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .pgs-media{
    grid-column:1/5;grid-row:2;position:sticky;top:96px;aspect-ratio:4/5;max-height:calc(100vh - 130px);margin:0;
  }
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .pgs-split .cards{grid-column:5/-1;grid-row:2;margin-top:0}
}
@media (min-width:1000px){
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .pgs-main>.sec-top{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(40px,6vw,96px);
  }
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-man .pgs-main>.sec-top .section-body{padding-top:.9em}
}

/* ================================================================
   LE CALCUL — « Comparer les coûts » : la bande de caisse, puis la comparaison en registre
   ================================================================ */
body.p-pourquoi-nous-confier-votre-projet .pq-calc{--pq-pt:clamp(72px,9vw,140px);--pq-pb:clamp(72px,9vw,140px)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .sec-title{
  font-size:clamp(2.2rem,4.8vw,4.8rem);font-weight:200;letter-spacing:-.04em;line-height:1.02;max-width:15ch;
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .section-body .page-body{
  font-size:clamp(1.08rem,1.03rem + .35vw,1.28rem);line-height:1.55;color:var(--ink-900);max-width:52ch;
}
@media (min-width:1000px){
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .wrap>.sec-top{grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:clamp(40px,6vw,96px)}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .wrap>.sec-top .section-head{position:static}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .wrap>.sec-top .section-body{padding-top:.9em}
}

/* le calculateur n'a de sens qu'avec le script : sans lui, il n'est pas affiché */
html:not(.js) body.p-pourquoi-nous-confier-votre-projet .calc{display:none}
body.p-pourquoi-nous-confier-votre-projet .calc{
  margin-top:clamp(36px,5vw,72px);display:grid;grid-template-columns:minmax(0,1fr);
}
body.p-pourquoi-nous-confier-votre-projet .calc-sheet{
  padding:clamp(22px,3vw,44px);
  background:color-mix(in srgb,var(--champagne) 55%,var(--paper));
  border-top:3px solid var(--ink-900);
}
body.p-pourquoi-nous-confier-votre-projet .calc-row{
  display:grid;grid-template-columns:clamp(1.6rem,5vw,2.4rem) minmax(0,1fr) auto;align-items:end;column-gap:clamp(8px,1.4vw,18px);
  padding:clamp(12px,1.6vw,20px) 0;border-bottom:1px solid var(--hairline);
}
body.p-pourquoi-nous-confier-votre-projet .calc-row:first-child .calc-lbl{grid-column:2}
body.p-pourquoi-nous-confier-votre-projet .calc-op{
  font-family:var(--font-display);font-weight:200;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1;color:var(--orange-deep);padding-bottom:.12em;
}
body.p-pourquoi-nous-confier-votre-projet .calc-lbl{
  align-self:end;padding-bottom:.55em;
  font:500 15px/1.25 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-900);
}
body.p-pourquoi-nous-confier-votre-projet .calc-field{display:inline-flex;align-items:baseline;gap:.3em}
body.p-pourquoi-nous-confier-votre-projet .calc-in{
  box-sizing:border-box;width:clamp(6.4rem,17vw,9.4rem);margin:0;padding:.05em .1em;
  font:200 clamp(2.2rem,4vw,3.6rem)/1.1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-align:right;
  color:var(--ink-900);background:transparent;border:0;border-bottom:2px solid var(--ink-900);border-radius:0;
  caret-color:var(--orange-deep);
}
body.p-pourquoi-nous-confier-votre-projet .calc-in:hover{background:rgba(255,255,255,.35)}
body.p-pourquoi-nous-confier-votre-projet .calc-in:focus-visible{outline:3px solid var(--orange-deep);outline-offset:3px;background:rgba(255,255,255,.55)}
body.p-pourquoi-nous-confier-votre-projet .calc-in[aria-invalid="true"]{border-bottom-color:#A32C1D;background:rgba(163,44,29,.08)}
body.p-pourquoi-nous-confier-votre-projet .calc-unit{font:200 clamp(1.4rem,2.2vw,2rem)/1 var(--font-display);color:var(--muted);min-width:.8em}
body.p-pourquoi-nous-confier-votre-projet .calc-fixed .calc-52{
  width:clamp(6.4rem,17vw,9.4rem);padding:.05em .1em;box-sizing:border-box;border-bottom:2px solid transparent;
  font:200 clamp(2.2rem,4vw,3.6rem)/1.1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-align:right;color:var(--ink-900);opacity:.55;
}
body.p-pourquoi-nous-confier-votre-projet .calc-fixed .calc-lbl{color:var(--ink-900);opacity:.75}
body.p-pourquoi-nous-confier-votre-projet .calc-fixed{border-bottom:0;padding-bottom:0}
body.p-pourquoi-nous-confier-votre-projet .calc-hint{margin:12px 0 0;min-height:1.4em;font:500 14px/1.4 var(--font-body);letter-spacing:.04em;color:#A32C1D}

body.p-pourquoi-nous-confier-votre-projet .calc-result{
  container-type:inline-size;
  display:flex;flex-direction:column;justify-content:space-between;gap:clamp(24px,4vw,56px);
  min-height:clamp(220px,36vw,420px);padding:clamp(24px,3.4vw,52px);
  background:var(--ink-900);color:var(--paper);
}
body.p-pourquoi-nous-confier-votre-projet .calc-res-lbl{
  display:flex;align-items:baseline;gap:.7em;margin:0;
  font:500 15px/1.3 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--orange-light);
}
body.p-pourquoi-nous-confier-votre-projet .calc-eq{font:200 2.4rem/1 var(--font-display);letter-spacing:0;color:var(--orange)}
body.p-pourquoi-nous-confier-votre-projet .calc-out{display:block;min-width:0}
body.p-pourquoi-nous-confier-votre-projet .calc-big{
  display:block;font-family:var(--font-display);font-weight:200;letter-spacing:-.05em;line-height:.9;
  font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--paper);
  font-size:clamp(3rem,15vw,5.6rem);
}
@supports (width:1cqw){
  body.p-pourquoi-nous-confier-votre-projet .calc-big{font-size:clamp(2.6rem,calc(100cqw / (var(--len,6) * .52)),10rem)}
}
body.p-pourquoi-nous-confier-votre-projet .calc-big.is-empty{color:rgba(247,243,234,.32)}

@media (min-width:900px){
  body.p-pourquoi-nous-confier-votre-projet .calc{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}
  body.p-pourquoi-nous-confier-votre-projet .calc-sheet{border-top:0;border-left:3px solid var(--ink-900);display:flex;flex-direction:column;justify-content:center}
}

/* la comparaison : le registre du « moi-même » (numéroté) face à la facture */
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare{margin-top:clamp(48px,6vw,96px);gap:clamp(28px,4vw,56px)}
@media (min-width:900px){
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-diy{padding:0;border:0;border-radius:0;background:none}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-label{
  margin:0 0 clamp(14px,2vw,22px);font:500 14px/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-rows{counter-reset:cr;border-top:2px solid var(--ink-900)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-rows li{
  counter-increment:cr;position:relative;display:grid;grid-template-columns:clamp(2.6rem,7vw,4.4rem) minmax(0,1fr);column-gap:clamp(10px,1.8vw,24px);
  padding:clamp(20px,2.6vw,32px) 0;border-top:0;border-bottom:1px solid var(--hairline);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-rows li:first-child{padding-top:clamp(20px,2.6vw,32px)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-rows li>*{grid-column:2}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-rows li::before{
  content:counter(cr,decimal-leading-zero) / "";grid-column:1;grid-row:1 / span 2;
  font:200 clamp(1.7rem,3vw,2.6rem)/1 var(--font-display);letter-spacing:-.03em;color:var(--orange-deep);font-variant-numeric:tabular-nums;
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-rows h3{
  margin:0;font-family:var(--font-display);font-weight:300;font-size:clamp(1.4rem,2.3vw,2.1rem);line-height:1.12;letter-spacing:-.025em;
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-rows p{margin:10px 0 0;color:var(--ink-900);opacity:.82;font-size:1.08rem;line-height:1.55;max-width:50ch}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-total{
  margin:0;padding:clamp(20px,2.6vw,32px) 0 0;border-top:0;
  font-family:var(--font-display);font-weight:300;font-size:clamp(1.5rem,2.6vw,2.4rem);line-height:1.15;letter-spacing:-.025em;color:var(--ink-900);
}
/* la facture : un reçu, avec points de conduite et le total en très grand */
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-us{
  border:0;border-radius:0;padding:clamp(26px,3.4vw,48px);background:var(--ink-900);color:var(--paper);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-us .compare-label{color:var(--orange-light)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-us h3{
  font-family:var(--font-display);font-weight:300;font-size:clamp(1.6rem,2.4vw,2.3rem);line-height:1.1;letter-spacing:-.028em;color:var(--paper);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-lines{margin-top:clamp(20px,2.4vw,32px)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-lines li{
  align-items:baseline;gap:12px;padding:12px 0;border-top:0;border-bottom:1px solid var(--hairline-dark);font-size:1rem;line-height:1.35;color:var(--paper);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-lines li>span:first-child{display:flex;flex:1 1 auto;align-items:baseline;gap:10px;min-width:0}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-lines li>span:first-child::after{
  content:"";flex:1 1 20px;min-width:16px;border-bottom:1px dotted rgba(247,243,234,.4);transform:translateY(-.25em);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-lines .compare-val{color:var(--paper);font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:480px){
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-lines li>span:first-child::after{display:none}
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-figure{
  margin:clamp(28px,4vw,52px) 0 0;padding:0;
  font-family:var(--font-display);font-weight:200;font-size:clamp(3.4rem,7vw,6.6rem);line-height:.92;letter-spacing:-.05em;color:var(--paper);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-figure-note{margin:12px 0 0;font-size:1rem;line-height:1.5;color:var(--muted-dark);max-width:34ch}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-calc .compare-close{
  margin:clamp(22px,3vw,36px) 0 0;padding-top:clamp(18px,2.4vw,28px);border-top:1px solid var(--hairline-dark);
  font-family:var(--font-display);font-weight:300;font-size:clamp(1.25rem,1.9vw,1.7rem);line-height:1.25;letter-spacing:-.015em;color:var(--paper);
}

/* ================================================================
   CE QUE VOUS NE RISQUEZ PAS — quatre clauses, lettrées comme dans un contrat
   ================================================================ */
body.p-pourquoi-nous-confier-votre-projet .pq-safe{--pq-pt:clamp(64px,8vw,120px);--pq-pb:clamp(64px,8vw,120px)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-safe .sec-title{font-size:clamp(2.2rem,4.6vw,4.4rem);font-weight:200;letter-spacing:-.04em;line-height:1.02;max-width:12ch}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-safe .section-body .page-body{font-size:clamp(1.08rem,1.03rem + .35vw,1.28rem);line-height:1.55;color:var(--ink-900);max-width:46ch}
@media (min-width:1000px){
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-safe .wrap>.sec-top{grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:clamp(40px,6vw,96px)}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-safe .wrap>.sec-top .section-head{position:static}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-safe .wrap>.sec-top .section-body{padding-top:.9em}
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-safe .cards{display:block;counter-reset:sf;margin-top:clamp(36px,5vw,72px);border-top:2px solid var(--ink-900)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-safe .cards li{
  counter-increment:sf;display:grid;grid-template-columns:clamp(3rem,10vw,5rem) minmax(0,1fr);column-gap:clamp(10px,2vw,28px);align-items:start;
  padding:clamp(22px,2.8vw,38px) 0;border:0;border-bottom:1px solid var(--hairline);border-radius:0;background:none;
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-safe .cards li>*{grid-column:2}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-safe .cards li::before{
  content:counter(sf,lower-alpha) / "";grid-column:1;grid-row:1 / span 2;
  font:200 clamp(3rem,6vw,5.4rem)/.8 var(--font-display);color:var(--orange-deep);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-safe .cards h3{font-family:var(--font-display);font-weight:300;font-size:clamp(1.55rem,2.6vw,2.4rem);line-height:1.1;letter-spacing:-.028em}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-safe .cards p{margin-top:10px;color:var(--ink-900);opacity:.84;font-size:1.1rem;line-height:1.55;max-width:50ch}
@media (min-width:900px){
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-safe .cards li{grid-template-columns:5.6rem minmax(0,5fr) minmax(0,6fr);column-gap:clamp(20px,3vw,48px);align-items:baseline}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-safe .cards li::before{grid-row:1}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-safe .cards h3{grid-column:2;grid-row:1}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-safe .cards p{grid-column:3;grid-row:1;margin-top:0}
}

/* ================================================================
   DES PROJETS QUE VOUS POUVEZ FAIRE VOUS-MÊME — calme, trois colonnes, une coche
   ================================================================ */
body.p-pourquoi-nous-confier-votre-projet .pq-diy{--pq-pt:clamp(64px,8vw,120px);--pq-pb:clamp(64px,8vw,120px)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-diy .sec-title{font-size:clamp(2rem,3.8vw,3.6rem);font-weight:200;letter-spacing:-.035em;line-height:1.04;max-width:16ch}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-diy .section-body .page-body{font-size:clamp(1.08rem,1.03rem + .3vw,1.22rem);line-height:1.55;color:var(--ink-900);max-width:52ch}
@media (min-width:1000px){
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-diy .wrap>.sec-top{grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:clamp(40px,6vw,96px)}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-diy .wrap>.sec-top .section-head{position:static}
  body.p-pourquoi-nous-confier-votre-projet main.int .pq-diy .wrap>.sec-top .section-body{padding-top:.9em}
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-diy .cards{display:grid;grid-template-columns:1fr;gap:0 clamp(24px,3vw,48px);margin-top:clamp(32px,5vw,64px)}
@media (min-width:760px){body.p-pourquoi-nous-confier-votre-projet main.int .pq-diy .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-diy .cards li{
  position:relative;padding:clamp(22px,2.6vw,34px) 0 clamp(26px,3vw,40px);border:0;border-top:1px solid var(--ink-900);border-radius:0;background:none;
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-diy .cards li::before{
  content:"";display:block;width:36px;height:36px;margin-bottom:clamp(16px,2vw,26px);
  border:2px solid var(--forest-700);border-radius:50%;
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-diy .cards li::after{
  content:"";position:absolute;left:12px;top:calc(clamp(22px,2.6vw,34px) + 7px);width:8px;height:14px;
  border:solid var(--forest-700);border-width:0 2px 2px 0;transform:rotate(42deg);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-diy .cards h3{font-family:var(--font-display);font-weight:300;font-size:clamp(1.45rem,2.1vw,1.95rem);line-height:1.12;letter-spacing:-.025em}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-diy .cards p{margin-top:12px;color:var(--ink-900);opacity:.82;font-size:1.06rem;line-height:1.55;max-width:34ch}

/* ================================================================
   ÉTAPES — quatre temps sur fond encre, numéros en contour
   ================================================================ */
body.p-pourquoi-nous-confier-votre-projet .pq-steps{--pq-pt:clamp(72px,9vw,132px);--pq-pb:clamp(72px,9vw,132px)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-steps .sec-title{font-size:clamp(2.4rem,5.4vw,5.4rem);font-weight:200;letter-spacing:-.04em;line-height:1;max-width:none;color:var(--paper)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-steps .steps{
  display:grid;grid-template-columns:1fr;gap:0 clamp(24px,3vw,48px);margin-top:clamp(36px,5vw,80px);border:0;
}
@media (min-width:640px){body.p-pourquoi-nous-confier-votre-projet main.int .pq-steps .steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){body.p-pourquoi-nous-confier-votre-projet main.int .pq-steps .steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-steps .steps li{
  position:relative;display:block;padding:clamp(24px,3vw,40px) 0 clamp(28px,3vw,44px);border:0;border-top:1px solid var(--hairline-dark);
}
body.p-pourquoi-nous-confier-votre-projet .pq-steps .steps li::before{
  content:"";position:absolute;left:0;top:-6px;width:11px;height:11px;border-radius:50%;background:var(--orange);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-steps .step-num{
  display:block;margin-bottom:clamp(14px,2vw,28px);
  font-family:var(--font-display);font-weight:200;font-size:clamp(5rem,9.5vw,9rem);line-height:.8;letter-spacing:-.06em;font-variant-numeric:tabular-nums;
  color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px var(--orange);
}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-steps .steps li:last-child .step-num{color:var(--orange);-webkit-text-fill-color:var(--orange)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-steps .steps h3{font-family:var(--font-display);font-weight:300;font-size:clamp(1.45rem,2vw,1.95rem);line-height:1.1;letter-spacing:-.025em;color:var(--paper)}
body.p-pourquoi-nous-confier-votre-projet main.int .pq-steps .steps p{margin-top:12px;color:var(--muted-dark);font-size:1.06rem;line-height:1.55;max-width:32ch}

/* ================================================================
   FAQ — grandes questions numérotées
   ================================================================ */
body.p-pourquoi-nous-confier-votre-projet main.int .faq .faq-list{counter-reset:q}
body.p-pourquoi-nous-confier-votre-projet main.int .faq details{counter-increment:q}
body.p-pourquoi-nous-confier-votre-projet main.int .faq summary{
  min-height:0;padding:clamp(20px,2.4vw,30px) 4px;gap:clamp(14px,2vw,28px);
  font-size:clamp(1.3rem,2.3vw,2rem);font-weight:300;line-height:1.15;letter-spacing:-.02em;
}
body.p-pourquoi-nous-confier-votre-projet main.int .faq summary::before{
  content:counter(q,decimal-leading-zero) / "";flex:0 0 2.2rem;
  font:500 .85rem/1 var(--font-body);letter-spacing:.12em;color:var(--orange-deep);font-variant-numeric:tabular-nums;
}
body.p-pourquoi-nous-confier-votre-projet main.int .faq summary span{flex:1 1 auto}
body.p-pourquoi-nous-confier-votre-projet main.int .faq .faq-a{padding-left:calc(2.2rem + clamp(14px,2vw,28px) + 4px);font-size:1.1rem}
@media (max-width:599px){
  body.p-pourquoi-nous-confier-votre-projet main.int .faq summary::before{flex-basis:1.8rem}
  body.p-pourquoi-nous-confier-votre-projet main.int .faq .faq-a{padding-left:4px;padding-right:4px}
}

/* ================================================================
   VOIR AUSSI — grandes entrées
   ================================================================ */
body.p-pourquoi-nous-confier-votre-projet main.int #voir-aussi .related-card{
  border:0;border-top:2px solid var(--ink-900);border-radius:0;padding:clamp(18px,2.4vw,28px) 0 clamp(22px,3vw,36px);
  background:none;gap:clamp(22px,4vw,56px);
}
body.p-pourquoi-nous-confier-votre-projet main.int #voir-aussi .related-card h3{font-weight:300;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.06;letter-spacing:-.025em}
body.p-pourquoi-nous-confier-votre-projet main.int #voir-aussi .related-card:hover{background:none;box-shadow:none;translate:none}
body.p-pourquoi-nous-confier-votre-projet main.int #voir-aussi .related-card:hover h3{color:var(--orange-deep)}

@media (prefers-reduced-motion:reduce){
  body.p-pourquoi-nous-confier-votre-projet .pq-man .cards li::before{transition:none}
}