:root{
  --v310-line: rgba(107,169,224,.12);
  --v310-soft: rgba(77,148,213,.055);
}

section{scroll-margin-top:96px}

/* HOME */
body.home-v27 .expertise-card,
body.home-v27 .value-card,
body.home-v27 .approach-card,
body.home-v27 .sector-card{
  border-color:transparent !important;
  box-shadow:none !important;
  background:linear-gradient(145deg,rgba(7,25,47,.72),rgba(5,18,34,.36)) !important;
}
body.home-v27 .expertise-card:hover,
body.home-v27 .value-card:hover,
body.home-v27 .approach-card:hover,
body.home-v27 .sector-card:hover{
  background:linear-gradient(145deg,rgba(10,34,62,.86),rgba(6,23,42,.46)) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.10) !important;
}
body.home-v27 .expertise-grid,
body.home-v27 .values-grid,
body.home-v27 .approach-grid,
body.home-v27 .sector-grid{gap:16px !important}

/* EXPERTISES */
.expertise-story{
  padding-block:88px !important;
  border-top:1px solid var(--v310-line);
}
.expertise-story:first-of-type{border-top:0 !important}

.expertise-story .story-sticky{
  display:grid !important;
  grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr) !important;
  gap:5vw !important;
  align-items:start !important;
}

.expertise-story .story-copy{
  padding-top:10px !important;
  align-self:start !important;
}

.expertise-story .expertise-visual-v307{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  align-self:start !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  overflow:visible !important;
}

.expertise-story .expertise-visual-v307 img{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:top center !important;
  display:block !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.story-copy .chips,
.story-copy .tags{gap:8px !important}
.story-copy .chips span,
.story-copy .tags span{
  border-color:rgba(119,175,224,.16) !important;
  background:rgba(5,22,41,.42) !important;
}

/* APPROCHE */
.approach-steps,
.method-grid,
.steps-grid{gap:14px !important}

.approach-steps > *,
.method-grid > *,
.steps-grid > *{
  border-color:transparent !important;
  background:linear-gradient(145deg,rgba(7,26,49,.70),rgba(5,19,35,.32)) !important;
  box-shadow:none !important;
}

.approach-steps > *:hover,
.method-grid > *:hover,
.steps-grid > *:hover{
  background:linear-gradient(145deg,rgba(10,35,63,.82),rgba(7,24,43,.42)) !important;
}

/* SECTEURS */
body[class*="secteurs"] .sector-grid,
.sector-grid-section .sector-grid{
  gap:18px !important;
  border:0 !important;
}

body[class*="secteurs"] .sector-grid article,
.sector-grid-section .sector-grid article{
  border:0 !important;
  box-shadow:0 10px 26px rgba(16,43,72,.045) !important;
  background:#fff !important;
  padding:30px !important;
}

body[class*="secteurs"] .sector-grid article:hover,
.sector-grid-section .sector-grid article:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 18px 38px rgba(16,43,72,.075) !important;
}

body[class*="secteurs"] .sector-grid article:after,
.sector-grid-section .sector-grid article:after{display:none !important}

/* CONTACT */
.contact-grid,
.contact-layout,
.contact-cards{gap:20px !important}

.contact-grid > *,
.contact-layout > *,
.contact-cards > *{box-shadow:none !important}

/* Responsive */
@media(max-width:1100px){
  .expertise-story .story-sticky{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .expertise-story .story-copy{padding-top:0 !important}
  .expertise-story .expertise-visual-v307{
    max-width:820px !important;
    margin-inline:auto !important;
  }
}

@media(max-width:700px){
  .expertise-story{padding-block:54px !important}
  .expertise-story .story-sticky{gap:20px !important}
  .expertise-story .expertise-visual-v307{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }
  .expertise-story .expertise-visual-v307 img{
    width:100% !important;
    height:auto !important;
  }

  body.home-v27 .expertise-grid,
  body.home-v27 .values-grid,
  body.home-v27 .approach-grid,
  body.home-v27 .sector-grid{gap:12px !important}

  body[class*="secteurs"] .sector-grid article,
  .sector-grid-section .sector-grid article{padding:22px !important}
}