/* V96 — Illustrations intégrales et survol des trois facettes du métier. */
#panel-metier > .v42-method-offers {
  position: relative;
  border-top: 4px solid #a69acb;
  background:
    radial-gradient(ellipse at 8% 12%, #75517b55, transparent 56%),
    linear-gradient(125deg, #30283f 0%, #233344 48%, #123d43 100%);
}
#panel-metier > .v42-method-offers::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, #ddcafa, #9cd8cf, transparent);
  box-shadow: 0 0 18px #b4a4d54d;
  pointer-events: none;
}
#panel-metier > .v42-method-offers .v10-eyebrow { color: #dfc9f2; }
#panel-metier > .v42-method-offers h2 em { color: #bde9df; }
#panel-metier > .v42-method-offers .v45-metier-team { border-color: #cab5e369; }
#panel-metier > .v42-method-offers .v42-offer-grid > article {
  background: linear-gradient(145deg, #3b334cb3, #142e3de8);
  border-color: #c8b4e34d;
  border-top-color: #c9b5ea;
}
#panel-metier > .v42-method-offers .v42-offer-grid > article:nth-child(2) {
  border-top-color: #a0dec7;
  background: linear-gradient(145deg, #294b48c9, #142e3de8);
}
#panel-metier > .v42-method-offers .v42-offer-grid > article:nth-child(3) {
  border-top-color: #e1bd8e;
  background: linear-gradient(145deg, #494148c9, #142e3de8);
}

#panel-metier .v95-communication {
  position: relative;
  padding: clamp(40px, 5vw, 80px) 6%;
  border-top: 4px solid #d6b477;
  background:
    radial-gradient(ellipse at 92% 8%, #c2964c33, transparent 53%),
    linear-gradient(125deg, #4c382c 0%, #323038 49%, #102c3c 100%);
  color: #f8f5ef;
}
#panel-metier .v95-communication::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, #d5ae6b30, #fff0c4, #d5ae6b30);
  box-shadow: 0 0 20px #e6c17d55;
  pointer-events: none;
}
#panel-metier .v95-communication-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  align-items: end;
  gap: 30px 7%;
  margin-bottom: 30px;
}
#panel-metier .v95-communication .v10-eyebrow {
  color: #f2d49e;
  font-size: 12px;
  letter-spacing: .14em;
  line-height: 1.6;
  margin: 0 0 15px;
}
#panel-metier .v95-communication h2 {
  font-size: clamp(32px, 2.85vw, 54px);
  line-height: 1.13;
  margin: 0;
  color: #fffaf0;
}
#panel-metier .v95-communication h2 em { color: #f2d194; }
#panel-metier .v95-communication-lead {
  color: #ece4db;
  font-size: clamp(18px, 1.3vw, 22px);
  line-height: 1.65;
  margin: 0;
  max-width: 760px;
}
#panel-metier .v95-communication-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
#panel-metier .v95-communication-card {
  min-width: 0;
  border: 1px solid #e9c78e59;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(145deg, #25313ee8, #142634ed);
  box-shadow: 0 12px 30px #050d1626, inset 0 1px 0 #fff8dd12;
}
#panel-metier .v95-communication-visual {
  position: relative;
  aspect-ratio: 1586 / 992;
  overflow: hidden;
  margin: 0;
  background: #26313b;
  border-bottom: 1px solid #e9c78e45;
}
#panel-metier .v95-communication-visual img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
#panel-metier .v95-communication-copy { padding: 24px; }
#panel-metier .v95-communication-copy h3 {
  margin: 0 0 11px;
  color: #fff4df;
  font-family: var(--sans);
  font-size: clamp(23px, 1.6vw, 29px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.02em;
}
#panel-metier .v95-communication-copy p {
  margin: 0;
  color: #dce6ed;
  font-size: clamp(17px, 1.1vw, 20px);
  line-height: 1.65;
}
#panel-metier .v95-communication-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px 30px;
  margin-top: 30px;
}
#panel-metier .v95-communication-actions p {
  color: #eadbc1;
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
}
#panel-metier .v95-communication-contact {
  flex-shrink: 0;
  min-height: 54px;
  padding: 14px 24px;
  border: 1px solid #f4d798;
  border-radius: 14px;
  background: linear-gradient(180deg, #f6dfaa 0%, #e6bb66 55%, #c9933c 100%);
  color: #2c2115;
  font-family: var(--sans);
  font-size: 17px;
  font-weight: 650;
  cursor: pointer;
  text-align: center;
  box-shadow: inset 0 2px 0 #fff5d380, 0 5px 0 #87602b, 0 12px 22px #080e1926;
}
#panel-metier .v95-communication-contact:focus-visible {
  outline: 3px solid #fff0c7;
  outline-offset: 5px;
}
#panel-metier > .v95-communication + .metier-ending {
  background: linear-gradient(125deg, #332d2b, #112c3b);
  padding-top: 30px;
  border-top: 1px solid #dfc58a26;
}
#panel-metier > .v95-communication + .metier-ending p { color: #dbceb8; }
#panel-metier > .v95-communication + .metier-ending > span {
  background: linear-gradient(90deg, transparent, #dcbf7e88);
}
@media (hover: hover) {
  #panel-metier .v95-communication-contact:hover {
    background: linear-gradient(180deg, #fff0c9 0%, #edc779 55%, #d5a249 100%);
    color: #21190f;
  }
}
@media (hover: hover) and (pointer: fine) {
  #panel-metier .v95-communication-card:hover {
    border-color: #efd09c;
    box-shadow: 0 20px 38px #050d1652, 0 0 22px #e1b6651c, inset 0 1px 0 #fff8dd30;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  #panel-metier .v95-communication-card {
    transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
  }
  #panel-metier .v95-communication-card:hover { transform: translateY(-6px); }
}
@media (max-width: 1000px) {
  #panel-metier .v95-communication-heading { grid-template-columns: 1fr; gap: 22px; }
  #panel-metier .v95-communication-grid { gap: 15px; }
  #panel-metier .v95-communication-copy { padding: 20px 18px; }
  #panel-metier .v95-communication-copy h3 { font-size: 23px; }
  #panel-metier .v95-communication-copy p { font-size: 17px; }
  #panel-metier .v95-communication-actions { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 720px) {
  #panel-metier .v95-communication { padding: 40px 6%; }
  #panel-metier .v95-communication-heading { margin-bottom: 24px; }
  #panel-metier .v95-communication .v10-eyebrow { font-size: 10px; letter-spacing: .12em; }
  #panel-metier .v95-communication h2 { font-size: clamp(32px, 7.5vw, 43px); }
  #panel-metier .v95-communication-grid { grid-template-columns: 1fr; gap: 20px; }
  #panel-metier .v95-communication-copy { padding: 22px; }
  #panel-metier .v95-communication-copy h3 { font-size: 25px; }
  #panel-metier .v95-communication-contact { width: 100%; font-size: 16px; }
  #panel-metier .v95-communication-actions p { font-size: 17px; }
}