/* CARVAJAL EXPERTISES — V1.5.17
   Finition de continuité :
   - restauration visuelle du panorama d'Angoulême dans le hero
   - couture hero -> devis plus naturelle et moins laiteuse
   - couture devis -> cabinet plus douce pour un scroll plus unifié */

:root{
  --ce-v1517-surface:#f4f1ea;
  --ce-v1517-surface-soft:#f7f4ee;
  --ce-v1517-ink:#183427;
}

.hero{
  position:relative;
  overflow:clip;
  isolation:isolate;
}

.hero::before{
  background-image:
    linear-gradient(90deg,
      rgba(11,31,24,.80) 0%,
      rgba(12,34,25,.72) 23%,
      rgba(13,37,28,.48) 46%,
      rgba(14,38,28,.22) 68%,
      rgba(14,38,28,.04) 100%),
    url('https://upload.wikimedia.org/wikipedia/commons/0/06/Vue_d%27Angoul%C3%AAme_panoramique.jpg');
  background-position:center,center 46%;
  background-size:cover;
  transform:scale(1.012);
}

.hero::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:clamp(118px,12vw,168px);
  pointer-events:none;
  z-index:2;
  background:
    linear-gradient(180deg,
      rgba(17,41,31,0) 0%,
      rgba(17,41,31,.08) 18%,
      rgba(244,241,234,.10) 38%,
      rgba(244,241,234,.38) 61%,
      rgba(244,241,234,.74) 82%,
      var(--ce-v1517-surface) 100%);
}

.hero-content{
  position:relative;
  z-index:4;
  padding-bottom:118px;
}

.hero h1,
.hero p,
.hero .hero-actions,
.hero .hero-foot{position:relative; z-index:5;}

.hero h1{
  max-width:10.8ch;
  text-shadow:0 10px 22px rgba(8,18,14,.14);
}

.hero p{
  max-width:590px;
  color:rgba(248,250,245,.96);
  text-shadow:0 2px 14px rgba(0,0,0,.18);
}

.hero-foot{
  margin-top:56px;
  max-width:760px;
}

#devis.quote-premium{
  margin-top:-112px;
  padding-top:clamp(166px,12vw,198px);
  padding-bottom:clamp(84px,8vw,118px);
  background-position:50% 54%;
  background-color:var(--ce-v1517-surface);
}

#devis.quote-premium::before{
  background:
    linear-gradient(180deg,
      rgba(244,241,234,.10) 0%,
      rgba(244,241,234,.05) 18%,
      rgba(255,255,255,0) 32%),
    linear-gradient(90deg,
      rgba(249,246,240,.58) 0%,
      rgba(252,250,246,.44) 36%,
      rgba(255,255,255,.10) 72%,
      rgba(255,255,255,.02) 100%);
}

#devis.quote-premium::after{
  height:clamp(82px,9vw,126px);
  background:linear-gradient(180deg,rgba(244,241,234,0) 0%,rgba(244,241,234,.56) 58%,var(--ce-v1517-surface-soft) 100%);
}

#devis + #cabinet.cabinet-v13{
  margin-top:-76px;
  padding-top:clamp(116px,8.8vw,138px);
}

#devis + #cabinet.cabinet-v13::before{
  height:clamp(64px,6vw,88px);
  background:linear-gradient(180deg,var(--ce-v1517-surface-soft) 0%,rgba(247,244,238,.62) 54%,rgba(247,244,238,0) 100%);
}

@media (max-width:860px){
  .hero::before{background-position:center,56% 46%;}
  .hero::after{height:clamp(84px,14vw,116px);}
  .hero-content{padding-bottom:96px;}
  .hero-foot{margin-top:38px;}
  #devis.quote-premium{margin-top:-82px;padding-top:132px;background-position:58% 50%;}
  #devis + #cabinet.cabinet-v13{margin-top:-54px;padding-top:100px;}
}

@media (max-width:560px){
  .hero::before{
    background-image:
      linear-gradient(180deg,
        rgba(11,31,24,.36) 0%,
        rgba(11,31,24,.18) 14%,
        rgba(11,31,24,.06) 28%),
      linear-gradient(95deg,
        rgba(12,34,25,.84) 0%,
        rgba(13,36,27,.70) 44%,
        rgba(13,36,27,.38) 72%,
        rgba(13,36,27,.12) 100%),
      url('https://upload.wikimedia.org/wikipedia/commons/0/06/Vue_d%27Angoul%C3%AAme_panoramique.jpg');
    background-position:center,center,60% 48%;
  }
  .hero::after{height:78px;background:linear-gradient(180deg,rgba(17,41,31,0) 0%,rgba(244,241,234,.18) 42%,rgba(244,241,234,.74) 84%,var(--ce-v1517-surface) 100%);}
  .hero-content{padding-bottom:78px;}
  .hero p{max-width:31ch;}
  .hero-foot{margin-top:28px;}
  #devis.quote-premium{margin-top:-48px;padding-top:94px;padding-bottom:82px;background-position:61% 46%;}
  #devis.quote-premium::before{background:linear-gradient(180deg,rgba(249,246,240,.28) 0%,rgba(249,246,240,.18) 18%,rgba(255,255,255,.08) 32%),linear-gradient(180deg,rgba(252,249,244,.68) 0%,rgba(252,249,244,.58) 55%,rgba(252,249,244,.44) 100%);}
  #devis + #cabinet.cabinet-v13{margin-top:-28px;padding-top:82px;}
}