/* CARVAJAL EXPERTISES — V1.5.14
   Final seam refinement: reduce visual rupture and extend the photographic continuity.
   Goal: one continuous page at scroll speed, with softer joins and less flat cream bands. */

:root{
  --ce-seam-warm:#ece7dd;
  --ce-seam-warm-2:#f4f1ea;
}

/* HERO -> DEVIS : make the crossfade deeper and less chalky */
.hero::after{
  height:clamp(84px,8.6vw,122px);
  background:linear-gradient(180deg,
    rgba(18,44,33,0) 0%,
    rgba(20,45,33,.04) 28%,
    rgba(26,51,38,.10) 58%,
    rgba(34,57,42,.18) 100%);
}
#devis.quote-premium{
  margin-top:clamp(-102px,-7.3vw,-80px);
  padding-top:clamp(126px,10vw,154px);
  padding-bottom:clamp(94px,7.6vw,118px);
  background-position:50% 54%;
  background-color:var(--ce-seam-warm);
  -webkit-mask-image:linear-gradient(180deg,
    transparent 0,
    rgba(0,0,0,.16) 10px,
    rgba(0,0,0,.72) 44px,
    #000 92px,
    #000 calc(100% - 116px),
    rgba(0,0,0,.94) calc(100% - 86px),
    rgba(0,0,0,.52) calc(100% - 26px),
    transparent 100%);
  mask-image:linear-gradient(180deg,
    transparent 0,
    rgba(0,0,0,.16) 10px,
    rgba(0,0,0,.72) 44px,
    #000 92px,
    #000 calc(100% - 116px),
    rgba(0,0,0,.94) calc(100% - 86px),
    rgba(0,0,0,.52) calc(100% - 26px),
    transparent 100%);
}
#devis.quote-premium::before{
  background:
    linear-gradient(180deg,
      rgba(17,41,31,.40) 0%,
      rgba(24,48,36,.18) 5%,
      rgba(243,237,228,.10) 14%,
      rgba(248,245,238,.02) 24%,
      rgba(255,255,255,0) 100%),
    linear-gradient(90deg,
      rgba(248,244,236,.56) 0%,
      rgba(248,244,236,.37) 34%,
      rgba(250,247,243,.10) 70%,
      rgba(255,255,255,.02) 100%);
}
#devis.quote-premium::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:clamp(156px,13.8vw,214px);
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(248,246,241,0) 0%,
    rgba(245,242,235,.18) 26%,
    rgba(242,238,230,.58) 62%,
    rgba(243,240,233,.86) 82%,
    #f6f4ef 100%);
}

/* DEVIS -> CABINET : let the interior image breathe a little further down
   and relay it with a warm photographic veil at the cabinet top. */
#devis + #cabinet.cabinet-v13{
  position:relative;
  margin-top:clamp(-138px,-9.5vw,-112px);
  padding-top:clamp(132px,10.2vw,156px);
  padding-bottom:clamp(68px,5.8vw,86px);
  background:linear-gradient(180deg,#efece4 0%,#f5f3ed 34%,#f8f8f4 74%,#fafaf6 100%);
  overflow:hidden;
}
#devis + #cabinet.cabinet-v13::before{
  content:"";
  position:absolute;
  left:0;right:0;top:-10px;
  height:clamp(210px,16.8vw,280px);
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(180deg,
      rgba(243,240,233,.10) 0%,
      rgba(243,240,233,.34) 34%,
      rgba(246,244,239,.72) 66%,
      rgba(248,248,244,.96) 88%,
      #f8f8f4 100%),
    url('/assets/quote/carvajal-interior-2560.webp') center top / cover no-repeat;
  opacity:1;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 45%,rgba(0,0,0,.42) 82%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,#000 45%,rgba(0,0,0,.42) 82%,transparent 100%);
}
#cabinet.cabinet-v13::after{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:clamp(92px,8vw,132px);
  pointer-events:none;
  z-index:0;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));
}
#cabinet .cabinet-v13-layout,
#cabinet .cabinet-v13-intro,
#cabinet .cabinet-v13-territory{position:relative;z-index:1;}
#cabinet .cabinet-v13-intro{padding-top:0}
#cabinet .cabinet-v13-intro h2{margin-top:14px}
#cabinet .cabinet-v13-overline{opacity:.96}
#cabinet .cabinet-v13-lead{max-width:56ch}
#cabinet .cabinet-v13-support{max-width:58ch}

/* Slight global seam rhythm improvements */
#prestations + #dpe-audit.energy-decision{margin-top:-14px;padding-top:clamp(42px,4vw,54px)}
#dpe-audit + #implantations.address-section{margin-top:-4px}
#implantations + #temoignages.trust-section{margin-top:-4px}

@media (max-width:860px){
  .hero::after{height:74px}
  #devis.quote-premium{
    margin-top:-80px;
    padding-top:118px;
    padding-bottom:108px;
    background-position:57% 50%;
    -webkit-mask-image:linear-gradient(180deg,
      transparent 0,
      rgba(0,0,0,.46) 26px,
      #000 70px,
      #000 calc(100% - 124px),
      rgba(0,0,0,.88) calc(100% - 88px),
      transparent 100%);
    mask-image:linear-gradient(180deg,
      transparent 0,
      rgba(0,0,0,.46) 26px,
      #000 70px,
      #000 calc(100% - 124px),
      rgba(0,0,0,.88) calc(100% - 88px),
      transparent 100%);
  }
  #devis.quote-premium::after{height:176px}
  #devis + #cabinet.cabinet-v13{
    margin-top:-126px;
    padding-top:126px;
    padding-bottom:62px;
  }
  #devis + #cabinet.cabinet-v13::before{height:220px;background-position:58% top}
}
@media (max-width:560px){
  .hero::after{height:62px}
  #devis.quote-premium{
    margin-top:-62px;
    padding-top:100px;
    padding-bottom:100px;
    background-position:62% 46%;
    -webkit-mask-image:linear-gradient(180deg,
      transparent 0,
      rgba(0,0,0,.40) 18px,
      #000 54px,
      #000 calc(100% - 112px),
      rgba(0,0,0,.84) calc(100% - 76px),
      transparent 100%);
    mask-image:linear-gradient(180deg,
      transparent 0,
      rgba(0,0,0,.40) 18px,
      #000 54px,
      #000 calc(100% - 112px),
      rgba(0,0,0,.84) calc(100% - 76px),
      transparent 100%);
  }
  #devis.quote-premium::after{height:150px}
  #devis + #cabinet.cabinet-v13{
    margin-top:-118px;
    padding-top:114px;
    padding-bottom:52px;
  }
  #devis + #cabinet.cabinet-v13::before{
    height:206px;
    background-position:60% top;
  }
  #cabinet .cabinet-v13-intro h2{margin-top:12px}
}