/* CIMYCO v3.0.1 — SIMPLE INTERNAL HEROES
   Homepage remains untouched. */

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

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

body:not(.home-v27) .expert-hero,
body:not(.home-v27) .page-hero,
body:not(.home-v27) .detail-hero,
body:not(.home-v27) .simple-sector-hero-v296,
body:not(.home-v27) .secteurs-hero-v294{
  min-height:66vh !important;
  display:flex !important;
  align-items:center !important;
  padding:118px max(6vw,72px) 68px !important;
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg,
      rgba(2,14,29,.94) 0%,
      rgba(2,14,29,.87) 36%,
      rgba(2,14,29,.56) 60%,
      rgba(2,14,29,.25) 100%),
    var(--v301-image) center right / cover no-repeat !important;
}

body:not(.home-v27) .expert-hero::before,
body:not(.home-v27) .page-hero::before,
body:not(.home-v27) .detail-hero::before,
body:not(.home-v27) .simple-sector-hero-v296::before,
body:not(.home-v27) .secteurs-hero-v294::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(2,14,29,.05),rgba(2,14,29,.18));
  backdrop-filter:blur(1px);
  z-index:0;
}

body:not(.home-v27) .expert-hero::after,
body:not(.home-v27) .page-hero::after,
body:not(.home-v27) .detail-hero::after,
body:not(.home-v27) .simple-sector-hero-v296::after,
body:not(.home-v27) .secteurs-hero-v294::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:1px;
  background:rgba(113,172,228,.14);
}

body:not(.home-v27) .expert-hero-copy,
body:not(.home-v27) .page-hero>div:first-child,
body:not(.home-v27) .detail-copy,
body:not(.home-v27) .secteurs-hero-copy{
  position:relative !important;
  z-index:2 !important;
  width:min(680px,46vw) !important;
  max-width:680px !important;
  margin:0 !important;
}

body:not(.home-v27) .expert-hero h1,
body:not(.home-v27) .page-hero h1,
body:not(.home-v27) .detail-hero h1,
body:not(.home-v27) .secteurs-hero-copy h1{
  font-size:clamp(46px,4.3vw,72px) !important;
  line-height:.99 !important;
  letter-spacing:-.042em !important;
  margin:14px 0 22px !important;
  color:#fff !important;
  text-shadow:0 6px 22px rgba(0,0,0,.28) !important;
}

body:not(.home-v27) .expert-hero h1 span,
body:not(.home-v27) .page-hero h1 span,
body:not(.home-v27) .secteurs-hero-copy h1 span{
  color:#a8c2dc !important;
}

body:not(.home-v27) .expert-lead,
body:not(.home-v27) .page-hero>div:first-child>p:last-of-type,
body:not(.home-v27) .detail-copy>p:last-of-type,
body:not(.home-v27) .secteurs-hero-copy>p:last-of-type{
  max-width:600px !important;
  color:#c8d4df !important;
  font-size:16px !important;
  line-height:1.62 !important;
  margin:0 !important;
}

body:not(.home-v27) .simple-hero-actions-v295,
body:not(.home-v27) .secteurs-hero-actions,
body:not(.home-v27) .actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:26px !important;
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  z-index:3 !important;
}

body:not(.home-v27) .simple-hero-primary-v295,
body:not(.home-v27) .simple-hero-secondary-v295,
body:not(.home-v27) .secteurs-hero-actions .btn,
body:not(.home-v27) .secteurs-hero-actions .hero-secondary{
  min-height:48px !important;
  padding:0 19px !important;
  width:auto !important;
  min-width:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:16px !important;
  border-radius:0 !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.065em !important;
  text-decoration:none !important;
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  transition:background .15s ease,border-color .15s ease !important;
}

body:not(.home-v27) .simple-hero-primary-v295,
body:not(.home-v27) .secteurs-hero-actions .btn{
  background:#258df4 !important;
  color:#fff !important;
  border:1px solid #258df4 !important;
}

body:not(.home-v27) .simple-hero-secondary-v295,
body:not(.home-v27) .secteurs-hero-actions .hero-secondary{
  background:rgba(2,14,29,.40) !important;
  color:#fff !important;
  border:1px solid rgba(199,218,236,.40) !important;
}

body:not(.home-v27) .simple-hero-primary-v295:hover,
body:not(.home-v27) .secteurs-hero-actions .btn:hover{
  background:#147fe8 !important;
  border-color:#147fe8 !important;
}
body:not(.home-v27) .simple-hero-secondary-v295:hover,
body:not(.home-v27) .secteurs-hero-actions .hero-secondary:hover{
  background:rgba(8,35,62,.72) !important;
  border-color:#67b6fb !important;
}

/* Kill previous decorative hero systems */
body:not(.home-v27) .v29-hero-art,
body:not(.home-v27) .expert-hero-visual,
body:not(.home-v27) .detail-scene,
body:not(.home-v27) .approach-visual,
body:not(.home-v27) .contact-hero-visual-v281,
body:not(.home-v27) .secteurs-hero-visual,
body:not(.home-v27) .v292-center-mark,
body:not(.home-v27) .v292-bridge-light,
body:not(.home-v27) .v29-scanline{
  display:none !important;
}

body:not(.home-v27) .expert-hero *,
body:not(.home-v27) .page-hero *,
body:not(.home-v27) .detail-hero *{
  animation:none !important;
}

@media(max-width:900px){
  body:not(.home-v27) .expert-hero,
  body:not(.home-v27) .page-hero,
  body:not(.home-v27) .detail-hero,
  body:not(.home-v27) .simple-sector-hero-v296,
  body:not(.home-v27) .secteurs-hero-v294{
    min-height:70vh !important;
    padding:108px 28px 52px !important;
    background:
      linear-gradient(90deg,rgba(2,14,29,.94),rgba(2,14,29,.68)),
      var(--v301-image) center / cover no-repeat !important;
  }

  body:not(.home-v27) .expert-hero-copy,
  body:not(.home-v27) .page-hero>div:first-child,
  body:not(.home-v27) .detail-copy,
  body:not(.home-v27) .secteurs-hero-copy{
    width:100% !important;
    max-width:610px !important;
  }
}

@media(max-width:620px){
  body:not(.home-v27) .expert-hero,
  body:not(.home-v27) .page-hero,
  body:not(.home-v27) .detail-hero,
  body:not(.home-v27) .simple-sector-hero-v296,
  body:not(.home-v27) .secteurs-hero-v294{
    min-height:auto !important;
    padding:100px 20px 44px !important;
    background:
      linear-gradient(180deg,rgba(2,14,29,.72),rgba(2,14,29,.94)),
      var(--v301-image) center top / cover no-repeat !important;
  }

  body:not(.home-v27) .expert-hero h1,
  body:not(.home-v27) .page-hero h1,
  body:not(.home-v27) .detail-hero h1,
  body:not(.home-v27) .secteurs-hero-copy h1{
    font-size:42px !important;
  }

  body:not(.home-v27) .simple-hero-actions-v295,
  body:not(.home-v27) .secteurs-hero-actions,
  body:not(.home-v27) .actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  body:not(.home-v27) .simple-hero-primary-v295,
  body:not(.home-v27) .simple-hero-secondary-v295,
  body:not(.home-v27) .secteurs-hero-actions .btn,
  body:not(.home-v27) .secteurs-hero-actions .hero-secondary{
    width:100% !important;
  }
}