/* ---------- bloc fabricant : deux colonnes + rangée de repères décalée ---------- */
.mk{position:relative;background:var(--navy);color:#C9E2F0;overflow:hidden;
  padding-block:clamp(54px,7vw,92px) clamp(50px,6vw,78px)}
/* camouflage disruptif rendu en trame de points, incliné et fondu vers la droite */
.mk::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0.13;
  background-image:url("../../../images/site/trame-camouflage-1-fifnXe7.svg");
  background-size:1500px 620px;background-position:left center;background-repeat:no-repeat;
  -webkit-mask-image:radial-gradient(104% 96% at 0% 106%,#000 0%,rgba(0,0,0,.58) 36%,
    transparent 70%);
  mask-image:radial-gradient(104% 96% at 0% 106%,#000 0%,rgba(0,0,0,.58) 36%,
    transparent 70%)}
@media (max-width:1000px){.mk::before{background-size:1100px 620px;opacity:.11}}
.mk .wrap{position:relative;z-index:1;display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(18px,2.2vw,32px)}
.mk__l{grid-column:1/6;display:grid;justify-items:start;gap:18px}
.mk__k{font-family:var(--ui);font-weight:700;font-size:.75rem;letter-spacing:.19em;
  text-transform:uppercase;color:#8FB4C9}
.mk__l h2{color:#fff;font-weight:300;letter-spacing:-.022em;
  font-size:clamp(1.75rem,3.2vw,2.75rem);line-height:1.12;max-width:13ch}
.mk__b{display:block;width:52px;height:7px;background:#38ACDE;margin-top:4px}
.mk__r{grid-column:7/13;display:grid;justify-items:start;gap:26px;align-content:start;
  padding-top:clamp(4px,1.4vw,18px)}
.mk__r p{color:#C9E2F0;font-size:1.02rem;line-height:1.62;max-width:46ch}

.mk__s{grid-column:4/13;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(12px,1.5vw,20px);margin-top:clamp(38px,4.6vw,62px)}
.st{background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);
  padding:20px 20px 22px;min-height:clamp(168px,17vw,210px);
  display:grid;grid-template-rows:auto clamp(26px,4.2vw,58px) auto 1fr;gap:6px;
  transition:background .2s,box-shadow .2s}
.st:hover{background:rgba(255,255,255,.1);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.st .ic{justify-self:end;width:29px;height:29px;color:#9FBDCE}
.st b{grid-row:3;font-family:var(--ui);font-weight:600;font-size:clamp(1.42rem,2.05vw,1.88rem);
  hyphens:none;
  color:#fff;line-height:1.02;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.st span{grid-row:4;font-size:.85rem;color:#B9D3E2;line-height:1.4}
@media (max-width:1000px){
  .mk .wrap{display:block}
  .mk__l,.mk__r,.mk__s{grid-column:auto}
  .mk__r{margin-top:26px;padding-top:0}
  .mk__s{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){.mk__s{grid-template-columns:1fr}
  .st{min-height:0;grid-template-rows:auto auto auto}}