/* CIMYCO V2.9.5 — Simple, effective full-background heroes
   Homepage and Secteurs intentionally untouched. */

.hero-bg-expertises{--hero-v295:url('/assets/hero-industrial.webp')}
.hero-bg-approche{--hero-v295:url('/assets/hero-pages/approche.webp')}
.hero-bg-contact{--hero-v295:url('/assets/hero-pages/contact.webp')}
.hero-bg-engineering{--hero-v295:url('/assets/hero-industrial.webp')}
.hero-bg-digital{--hero-v295:url('/assets/hero-digital.webp')}
.hero-bg-conseil{--hero-v295:url('/assets/hero-pages/approche.webp')}

body[class*="hero-bg-"] .expert-hero,
body[class*="hero-bg-"] .page-hero,
body[class*="hero-bg-"] .detail-hero{
  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,.94) 0%,rgba(3,18,36,.84) 43%,rgba(3,18,36,.38) 72%,rgba(3,18,36,.55) 100%),
    linear-gradient(180deg,rgba(2,14,29,.08),rgba(2,14,29,.42)),
    var(--hero-v295) center/cover no-repeat!important;
}

/* Very light depth only — no scanline, orbit, parallax or floating diagram. */
body[class*="hero-bg-"] .expert-hero:after,
body[class*="hero-bg-"] .page-hero:after,
body[class*="hero-bg-"] .detail-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 68%,rgba(2,14,29,.42));
}

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

body[class*="hero-bg-"] .expert-hero h1,
body[class*="hero-bg-"] .page-hero h1,
body[class*="hero-bg-"] .detail-hero h1{
  color:#fff!important;
  font-size:clamp(54px,5.4vw,88px)!important;
  line-height:.96!important;
  letter-spacing:-.05em!important;
  text-shadow:0 16px 50px rgba(0,0,0,.26);
}

body[class*="hero-bg-"] .expert-hero h1 span,
body[class*="hero-bg-"] .page-hero h1 span{
  color:#a9c5df!important;
}

body[class*="hero-bg-"] .expert-lead,
body[class*="hero-bg-"] .page-hero p,
body[class*="hero-bg-"] .detail-copy p{
  color:#c5d2df!important;
  max-width:700px!important;
}

.simple-hero-actions-v295{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:32px;
  position:relative;
  z-index:4;
}
.simple-hero-primary-v295,
.simple-hero-secondary-v295{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  padding:0 22px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.09em;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.simple-hero-primary-v295{
  background:#fff;
  color:#07182c;
  border:1px solid #fff;
}
.simple-hero-secondary-v295{
  background:rgba(5,25,48,.56);
  color:#fff;
  border:1px solid rgba(188,215,239,.54);
  backdrop-filter:blur(5px);
}
.simple-hero-primary-v295:hover,
.simple-hero-secondary-v295:hover{
  transform:translateY(-2px);
}
.simple-hero-primary-v295:hover{
  background:#eaf5ff;
  border-color:#eaf5ff;
  box-shadow:0 12px 28px rgba(0,0,0,.14);
}
.simple-hero-secondary-v295:hover{
  background:rgba(15,55,90,.76);
  border-color:#72baff;
}
.simple-hero-primary-v295 span,
.simple-hero-secondary-v295 span{
  transition:transform .18s ease;
}
.simple-hero-primary-v295:hover span,
.simple-hero-secondary-v295:hover span{
  transform:translateX(4px);
}

/* Remove obsolete internal hero artwork only on the pages handled by V2.9.5. */
body[class*="hero-bg-"] .v29-hero-art,
body[class*="hero-bg-"] .expert-hero-visual,
body[class*="hero-bg-"] .detail-scene,
body[class*="hero-bg-"] .approach-visual,
body[class*="hero-bg-"] .contact-hero-visual-v281{
  display:none!important;
}

/* Smooth, simple reveal matching the homepage's restraint. */
@keyframes heroV295In{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
body[class*="hero-bg-"] .expert-hero-copy,
body[class*="hero-bg-"] .page-hero>div:first-child,
body[class*="hero-bg-"] .detail-copy{
  animation:heroV295In .55s ease both;
}

@media(max-width:800px){
  body[class*="hero-bg-"] .expert-hero,
  body[class*="hero-bg-"] .page-hero,
  body[class*="hero-bg-"] .detail-hero{
    min-height:72vh!important;
    padding:125px 24px 65px!important;
    background:
      linear-gradient(90deg,rgba(2,14,29,.94),rgba(3,18,36,.68)),
      linear-gradient(180deg,transparent 55%,rgba(2,14,29,.48)),
      var(--hero-v295) center/cover no-repeat!important;
  }
  body[class*="hero-bg-"] .expert-hero h1,
  body[class*="hero-bg-"] .page-hero h1,
  body[class*="hero-bg-"] .detail-hero h1{
    font-size:46px!important;
  }
  .simple-hero-actions-v295{align-items:stretch}
  .simple-hero-primary-v295,.simple-hero-secondary-v295{width:100%}
}
@media(prefers-reduced-motion:reduce){
  body[class*="hero-bg-"] .expert-hero-copy,
  body[class*="hero-bg-"] .page-hero>div:first-child,
  body[class*="hero-bg-"] .detail-copy{animation:none}
  .simple-hero-primary-v295,.simple-hero-secondary-v295{transition:none}
}