/* CIMYCO V2.9.6 — distinct hero backgrounds, one visual identity per page */

body.hero-distinct-expertises{--v296-bg:url('/assets/hero-distinct/expertises.webp')}
body.hero-distinct-approche{--v296-bg:url('/assets/hero-distinct/approche.webp')}
body.hero-distinct-secteurs{--v296-bg:url('/assets/hero-distinct/secteurs.webp')}
body.hero-distinct-contact{--v296-bg:url('/assets/hero-distinct/contact.webp')}
body.hero-distinct-engineering{--v296-bg:url('/assets/hero-distinct/engineering.webp')}
body.hero-distinct-digital{--v296-bg:url('/assets/hero-distinct/digital.webp')}
body.hero-distinct-consulting{--v296-bg:url('/assets/hero-distinct/consulting.webp')}

body[class*="hero-distinct-"] .expert-hero,
body[class*="hero-distinct-"] .page-hero,
body[class*="hero-distinct-"] .detail-hero,
body[class*="hero-distinct-"] .simple-sector-hero-v296{
  min-height:82vh!important;
  display:flex!important;
  align-items:center!important;
  padding:145px max(6vw,72px) 90px!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(2,14,29,.96) 0%,rgba(3,18,36,.86) 42%,rgba(3,18,36,.36) 74%,rgba(3,18,36,.30) 100%),
    linear-gradient(180deg,rgba(2,14,29,.06),rgba(2,14,29,.30)),
    var(--v296-bg) center/cover no-repeat!important;
}

/* slight page-specific positioning */
body.hero-distinct-expertises .expert-hero{background-position:center!important}
body.hero-distinct-approche .page-hero{background-position:65% center!important}
body.hero-distinct-secteurs .page-hero{background-position:68% center!important}
body.hero-distinct-contact .page-hero{background-position:72% center!important}
body.hero-distinct-engineering .detail-hero{background-position:65% center!important}
body.hero-distinct-digital .detail-hero{background-position:72% center!important}
body.hero-distinct-consulting .detail-hero{background-position:70% center!important}

body[class*="hero-distinct-"] .expert-hero:after,
body[class*="hero-distinct-"] .page-hero:after,
body[class*="hero-distinct-"] .detail-hero:after,
body[class*="hero-distinct-"] .simple-sector-hero-v296:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,transparent 68%,rgba(2,14,29,.44)),
    radial-gradient(circle at 78% 40%,rgba(43,145,255,.08),transparent 28%);
}

body[class*="hero-distinct-"] .expert-hero-copy,
body[class*="hero-distinct-"] .page-hero>div:first-child,
body[class*="hero-distinct-"] .detail-copy,
body[class*="hero-distinct-"] .secteurs-hero-copy{
  width:min(760px,100%)!important;
  max-width:760px!important;
  position:relative!important;
  z-index:3!important;
}

body[class*="hero-distinct-"] h1{
  text-shadow:0 18px 55px rgba(0,0,0,.32)!important;
}

/* clean CTA hover */
body[class*="hero-distinct-"] .simple-hero-primary-v295,
body[class*="hero-distinct-"] .simple-hero-secondary-v295{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
}
body[class*="hero-distinct-"] .simple-hero-primary-v295:hover,
body[class*="hero-distinct-"] .simple-hero-secondary-v295:hover{
  transform:translateY(-2px)!important;
}
body[class*="hero-distinct-"] .simple-hero-primary-v295:hover{
  box-shadow:0 14px 28px rgba(0,0,0,.15)!important;
}
body[class*="hero-distinct-"] .simple-hero-secondary-v295:hover{
  border-color:#6cb8ff!important;
  background:rgba(10,42,73,.78)!important;
}

/* no legacy hero artwork */
body[class*="hero-distinct-"] .v29-hero-art,
body[class*="hero-distinct-"] .expert-hero-visual,
body[class*="hero-distinct-"] .detail-scene,
body[class*="hero-distinct-"] .approach-visual,
body[class*="hero-distinct-"] .contact-hero-visual-v281,
body[class*="hero-distinct-"] .secteurs-hero-visual{
  display:none!important;
}

@media(max-width:800px){
  body[class*="hero-distinct-"] .expert-hero,
  body[class*="hero-distinct-"] .page-hero,
  body[class*="hero-distinct-"] .detail-hero,
  body[class*="hero-distinct-"] .simple-sector-hero-v296{
    min-height:72vh!important;
    padding:125px 24px 65px!important;
    background:
      linear-gradient(90deg,rgba(2,14,29,.95),rgba(3,18,36,.68)),
      linear-gradient(180deg,transparent 55%,rgba(2,14,29,.50)),
      var(--v296-bg) center/cover no-repeat!important;
  }
}