/* TEX-6 Degrade OKLCH sur le hero (deja immersif photo, on garde un fond doux ailleurs) */
.hero-bg-oklch{
  background:
    radial-gradient(70% 60% at 12% 8%, color-mix(in oklab,var(--accent) 14%,var(--bg)) 0%, transparent 60%),
    radial-gradient(55% 50% at 92% 22%, color-mix(in oklab,var(--accent) 9%,var(--bg)) 0%, transparent 55%),
    var(--bg);
}

/* Sections specifiques */
.section-services{background:var(--bg);}
.section-about{background:color-mix(in oklab,var(--accent-soft) 25%,var(--bg));}
.section-realisations{background:var(--bg);}
.section-stats{background:transparent;}
.section-avis{background:color-mix(in oklab,var(--accent-soft) 22%,var(--bg));position:relative;}
.section-faq{background:var(--bg);}
.section-zone{background:var(--surface);}

.section-head{
  text-align:left;
  margin-bottom:36px;
}
.section-head--center{text-align:center;max-width:680px;margin-left:auto;margin-right:auto;}
.section-head--center .section-sub{margin-left:auto;margin-right:auto;}

.realisations-cta{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
  margin-top:40px;
  text-align:center;
}

.process-strip{
  background:color-mix(in oklab,var(--accent-deep) 95%,var(--accent));
  color:var(--text-on-dark);
  border-radius:var(--r-lg);
  padding:36px 28px;
  text-align:center;
}
.process-strip h3{color:var(--text-on-dark);font-size:clamp(1.4rem,3vw,1.9rem);margin-bottom:12px;}
.process-strip p{color:var(--text-on-dark-2);max-width:54ch;margin:0 auto 22px;}
.process-strip .btn{background:var(--bg);color:var(--accent-deep);}
.process-strip .btn:hover{background:#fff;color:var(--accent-deep);}

/* Footer specifique */
.footer-contact{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.footer-contact a{display:inline-flex;align-items:center;gap:8px;color:var(--text-on-dark);}
.footer-contact svg{width:16px;height:16px;color:var(--accent-soft);}

/* Breadcrumb (page realisations) */
.breadcrumb{
  font-family:var(--ff-ui);
  font-size:.86rem;
  color:var(--text-mute);
  padding:20px 0;
}
.breadcrumb a{color:var(--text-2);}
.breadcrumb a:hover{color:var(--accent);}
.breadcrumb .sep{margin:0 8px;color:var(--text-mute);}