/* Bandeau indépendant des anciennes classes reference-hero. */
.renovation-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  min-height:560px;
  height:calc(100svh - 163px);
  max-height:850px;
  background:#342e27;
}
.renovation-hero__image {
  position:absolute;
  z-index:0;
  top:-12%; left:0;
  width:100%; height:124%;
  max-width:none; max-height:none;
  object-fit:cover;
  object-position:50% 50%;
  transform:translateY(var(--hero-shift,0px));
}
.renovation-hero::after {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.53),rgba(0,0,0,.12)),
             linear-gradient(0deg,rgba(0,0,0,.3),transparent 65%);
}
.renovation-hero__content {
  position:relative;
  z-index:2;
  padding-top:60px;
  padding-bottom:clamp(55px,8vh,110px);
  color:#fff;
}
.renovation-hero h1 {
  max-width:850px;
  margin:0;
  color:#fff;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(40px,4.5vw,68px);
  font-weight:400;
  line-height:1.12;
  letter-spacing:0;
}
.renovation-hero p {
  margin:24px 0;
  max-width:650px;
  font-size:21px;
  font-weight:600;
}
@media(max-width:1100px) {
  .renovation-hero {height:calc(90svh - 152px);min-height:500px;}
}
@media(max-width:640px) {
  .renovation-hero {height:calc(90svh - 142px);min-height:480px;max-height:680px;}
  .renovation-hero__image {object-position:62% 50%;}
  .renovation-hero__content {padding-top:40px;padding-bottom:48px;}
  .renovation-hero h1 {font-size:clamp(34px,9vw,46px);}
  .renovation-hero p {font-size:17px;}
}
@media(prefers-reduced-motion:reduce) {
  .renovation-hero__image {transform:none;}
}

/* Bandeau MonPrixTravaux : illustration salle de bain et parallaxe. */
.estimation-banner {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  align-items:center;
  min-height:580px;
  padding:100px 0;
  background:var(--navy-deep,#283830);
  color:#fff;
}
.estimation-banner__image {
  position:absolute;
  z-index:0;
  top:-12%; left:0;
  width:100%; height:124%;
  max-width:none; max-height:none;
  object-fit:cover;
  object-position:42% 50%;
  transform:translateY(var(--hero-shift,0px));
}
.estimation-banner::after {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(20,30,24,.15),rgba(20,30,24,.78) 65%);
}
.estimation-banner__inner {position:relative;z-index:2;}
.estimation-banner__copy {max-width:720px;width:58%;margin-left:auto;}
.estimation-banner .eyebrow {color:#e2ece5;}
.estimation-banner h2 {
  margin:0;
  color:#fff;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
  font-size:clamp(32px,3.2vw,52px);
  line-height:1.15;
  text-transform:uppercase;
  overflow-wrap:anywhere;
}
.estimation-banner p {margin:26px 0 30px;font-size:18px;line-height:1.65;color:#fff;}
.estimation-banner .btn {
  background:#f0f4ef;border-color:#f0f4ef;color:#283830;
}
.estimation-banner .btn:hover {
  background:#c8d5cc;border-color:#c8d5cc;color:#202d26;
}
@media(max-width:1100px) {
  .estimation-banner {min-height:520px;padding:80px 0;}
  .estimation-banner__copy {width:65%;}
}
@media(max-width:760px) {
  .estimation-banner {min-height:500px;padding:65px 0;}
  .estimation-banner__copy {width:100%;max-width:620px;margin-inline:auto;}
  .estimation-banner__image {object-position:38% 50%;}
  .estimation-banner::after {background:rgba(20,30,24,.66);}
  .estimation-banner h2 {font-size:clamp(29px,7vw,40px);}
  .estimation-banner p {font-size:17px;}
}
@media(prefers-reduced-motion:reduce) {
  .estimation-banner__image {transform:none;}
}