/* V16 Final — Step 4: engineering depth + experience archive */
body.v8.v13.v14 .engineering-depth{
  padding:clamp(82px,7vw,110px) 0 clamp(92px,7.5vw,118px);
  background:var(--vsk-ivory);
  color:var(--vsk-charcoal);
}
body.v8.v13.v14 .engineering-depth .depth-head{
  grid-template-columns:minmax(0,.95fr) minmax(360px,.65fr);
  gap:clamp(58px,6vw,96px);
  margin-bottom:clamp(38px,3.5vw,52px);
}
body.v8.v13.v14 .engineering-depth .depth-head .kicker{
  color:var(--vsk-green);
}
body.v8.v13.v14 .engineering-depth .depth-head h2{
  color:var(--vsk-charcoal);
  font-size:clamp(3.15rem,4.7vw,5.35rem);
  line-height:.92;
  letter-spacing:-.06em;
}
body.v8.v13.v14 .engineering-depth .depth-head h2 em{
  color:var(--vsk-green);
}
body.v8.v13.v14 .engineering-depth .depth-head p{
  color:var(--vsk-muted);
  font-size:15px;
  line-height:1.72;
}
body.v8.v13.v14 .engineering-depth .depth-grid{
  grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);
  border-top:1px solid #b9c0bb;
  border-bottom:1px solid #b9c0bb;
}
body.v8.v13.v14 .engineering-depth .metric-stack{
  grid-template-columns:repeat(3,minmax(0,1fr));
  min-width:0;
}
body.v8.v13.v14 .engineering-depth .metric-stack .metric-card{
  min-width:0;
  min-height:300px;
  padding:30px 22px 26px;
  border:0;
  border-right:1px solid #c9ceca;
  border-bottom:0;
  background:transparent;
  color:var(--vsk-charcoal);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-start;
  transition:background .22s ease,color .22s ease;
}
body.v8.v13.v14 .engineering-depth .metric-stack .metric-card:first-child{padding-left:0}
body.v8.v13.v14 .engineering-depth .metric-stack .metric-card:last-child{border-right:1px solid #b9c0bb}
body.v8.v13.v14 .engineering-depth .metric-stack .metric-card:hover{
  background:rgba(40,95,80,.045);
}
body.v8.v13.v14 .engineering-depth .metric-stack .metric-number{
  color:var(--vsk-charcoal);
  font-size:clamp(4.25rem,5.3vw,6.5rem);
  line-height:.78;
  letter-spacing:-.075em;
}
body.v8.v13.v14 .engineering-depth .metric-stack .metric-number span{
  color:var(--vsk-green);
  font-size:11px;
  margin:0 0 8px 7px;
  letter-spacing:.04em;
}
body.v8.v13.v14 .engineering-depth .metric-stack .metric-card>div:nth-child(2){
  width:100%;
  margin-top:auto;
}
body.v8.v13.v14 .engineering-depth .metric-stack .metric-card small{
  color:var(--vsk-green);
  font-size:8px;
  letter-spacing:.11em;
}
body.v8.v13.v14 .engineering-depth .metric-stack .metric-card strong{
  max-width:190px;
  margin-top:7px;
  color:#39413d;
  font-size:16px;
  line-height:1.25;
  font-weight:500;
}
body.v8.v13.v14 .engineering-depth .metric-stack .metric-card>i{
  top:26px;
  right:16px;
  color:var(--vsk-green);
  font-size:18px;
  transition:transform .2s ease;
}
body.v8.v13.v14 .engineering-depth .metric-stack .metric-card:hover>i{transform:translate(3px,-2px)}
body.v8.v13.v14 .engineering-depth .metric-stack .metric-card:focus-visible{
  outline:2px solid var(--vsk-green);
  outline-offset:-2px;
}

body.v8.v13.v14 .engineering-depth .archive-callout{
  min-width:0;
  padding:34px clamp(30px,3vw,46px);
  background:#202925;
  color:#fff;
  border-left:3px solid var(--vsk-green);
}
body.v8.v13.v14 .engineering-depth .archive-callout>.kicker{
  color:#a9c9bd;
  font-size:8.5px;
}
body.v8.v13.v14 .engineering-depth .archive-callout-number{
  margin:22px 0 10px;
  color:#b9d5ca;
  font-size:clamp(7.3rem,9.5vw,10.8rem);
  line-height:.7;
  letter-spacing:-.1em;
}
body.v8.v13.v14 .engineering-depth .archive-callout h3{
  color:#fff;
  font-size:clamp(26px,2.15vw,34px);
  line-height:1;
  font-weight:500;
}
body.v8.v13.v14 .engineering-depth .archive-callout p{
  max-width:420px;
  color:rgba(248,247,242,.66);
  font-size:13px;
  line-height:1.68;
}
body.v8.v13.v14 .engineering-depth .archive-callout-split{
  margin:24px 0;
  border-top:1px solid rgba(185,213,202,.24);
  border-bottom:1px solid rgba(185,213,202,.24);
}
body.v8.v13.v14 .engineering-depth .archive-callout-split span{
  padding:14px 0;
  color:rgba(248,247,242,.64);
  font-size:8px;
  letter-spacing:.08em;
}
body.v8.v13.v14 .engineering-depth .archive-callout-split span+span{
  padding-left:18px;
  border-left:1px solid rgba(185,213,202,.18);
}
body.v8.v13.v14 .engineering-depth .archive-callout-split b{
  color:#dce9e4;
  font-size:13px;
}
body.v8.v13.v14 .engineering-depth .archive-callout .btn-dark{
  min-height:46px;
  align-self:flex-start;
  border:1px solid #94b9aa;
  background:transparent;
  color:#f7f6f1;
}
body.v8.v13.v14 .engineering-depth .archive-callout .btn-dark:hover{
  background:var(--vsk-green);
  border-color:var(--vsk-green);
}

@media (max-width:1100px){
  body.v8.v13.v14 .engineering-depth .depth-grid{grid-template-columns:1fr}
  body.v8.v13.v14 .engineering-depth .metric-stack .metric-card:last-child{border-right:0}
  body.v8.v13.v14 .engineering-depth .archive-callout{
    border-left:0;
    border-top:3px solid var(--vsk-green);
    padding:38px;
  }
}

@media (max-width:820px){
  body.v8.v13.v14 .engineering-depth .depth-head{
    display:block;
    margin-bottom:32px;
  }
  body.v8.v13.v14 .engineering-depth .depth-head p{
    margin-top:18px;
    max-width:700px;
  }
}

@media (max-width:700px){
  body.v8.v13.v14 .engineering-depth{
    padding:66px 0 74px;
  }
  body.v8.v13.v14 .engineering-depth .depth-head h2{
    font-size:clamp(2.55rem,11vw,3.5rem);
    line-height:.95;
  }
  body.v8.v13.v14 .engineering-depth .depth-head p{
    font-size:14px;
    line-height:1.62;
  }
  body.v8.v13.v14 .engineering-depth .metric-stack{
    grid-template-columns:1fr;
  }
  body.v8.v13.v14 .engineering-depth .metric-stack .metric-card,
  body.v8.v13.v14 .engineering-depth .metric-stack .metric-card:first-child{
    min-height:178px;
    padding:24px 0 21px;
    border-right:0;
    border-bottom:1px solid #c9ceca;
  }
  body.v8.v13.v14 .engineering-depth .metric-stack .metric-card:last-child{
    border-bottom:0;
  }
  body.v8.v13.v14 .engineering-depth .metric-stack .metric-number{
    font-size:4.6rem;
  }
  body.v8.v13.v14 .engineering-depth .metric-stack .metric-card strong{
    max-width:none;
  }
  body.v8.v13.v14 .engineering-depth .archive-callout{
    padding:30px 20px 34px;
  }
  body.v8.v13.v14 .engineering-depth .archive-callout-number{
    font-size:8rem;
  }
  body.v8.v13.v14 .engineering-depth .archive-callout-split{
    grid-template-columns:1fr 1fr;
  }
  body.v8.v13.v14 .engineering-depth .archive-callout .btn-dark{
    width:100%;
  }
}