/* V16.31 — final homepage Engineering Depth authority.
   Light section, connected 3-cell proof board, plain Experience-navy callout. */

/* Selected Engineering Experience: one divider only. */
html body.v8.v13.v14 .selected-projects-strip{
  border-top:0!important;
}
html body.v8.v13.v14 .selected-projects-strip::before,
html body.v8.v13.v14 .selected-projects-strip::after{
  content:none!important;
  display:none!important;
}
html body.v8.v13.v14 .selected-projects-strip .project-collection-head{
  border-top:1px solid #2b3d4d!important;
  border-bottom:0!important;
  padding-top:20px!important;
}

/* Engineering Depth shell. */
html body.v8.v13.v14 .engineering-depth{
  box-sizing:border-box!important;
  width:100%!important;
  padding:96px 28px 110px!important;
  background:#fafaf7!important;
  color:#0d1824!important;
  border-top:1px solid #e1e6ea!important;
  overflow:visible!important;
}
html body.v8.v13.v14 .engineering-depth::before,
html body.v8.v13.v14 .engineering-depth::after{
  content:none!important;
  display:none!important;
}
html body.v8.v13.v14 .engineering-depth .depth-head,
html body.v8.v13.v14 .engineering-depth .depth-grid{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Heading row. */
html body.v8.v13.v14 .engineering-depth .depth-head{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;
  gap:clamp(54px,7vw,130px)!important;
  align-items:end!important;
  margin-bottom:44px!important;
}
html body.v8.v13.v14 .engineering-depth .depth-head>div{max-width:860px!important}
html body.v8.v13.v14 .engineering-depth .depth-head .kicker{
  display:block!important;
  margin:0 0 18px!important;
  color:#174f9f!important;
  font:500 10px/1 "IBM Plex Mono",monospace!important;
  letter-spacing:.18em!important;
}
html body.v8.v13.v14 .engineering-depth .depth-head h2{
  max-width:860px!important;
  margin:0!important;
  color:#0d1824!important;
  font-size:clamp(58px,4vw,78px)!important;
  line-height:.94!important;
  letter-spacing:-.047em!important;
}
html body.v8.v13.v14 .engineering-depth .depth-head h2 em{
  color:#1e56aa!important;
  font-style:normal!important;
}
html body.v8.v13.v14 .engineering-depth .depth-head>p{
  position:relative!important;
  max-width:690px!important;
  margin:0 0 6px!important;
  padding:27px 0 0!important;
  color:#657789!important;
  font-size:18px!important;
  line-height:1.58!important;
}
html body.v8.v13.v14 .engineering-depth .depth-head>p::before{
  content:"MEASURED ENGINEERING PROOF"!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  color:#1e56aa!important;
  font:500 8.5px/1 "IBM Plex Mono",monospace!important;
  letter-spacing:.14em!important;
}

/* Connected proof board + Experience card. */
html body.v8.v13.v14 .engineering-depth .depth-grid{
  display:grid!important;
  grid-template-columns:minmax(0,3fr) minmax(390px,.96fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  background:transparent!important;
  border:0!important;
}
html body.v8.v13.v14 .engineering-depth .metric-stack{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  min-width:0!important;
  min-height:396px!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid #d4dde4!important;
  border-top:4px solid #1e56aa!important;
  box-shadow:0 18px 44px rgba(13,24,36,.055)!important;
  overflow:hidden!important;
}
html body.v8.v13.v14 .engineering-depth .metric-card{
  position:relative!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  min-width:0!important;
  min-height:392px!important;
  height:auto!important;
  margin:0!important;
  padding:36px 50px 34px!important;
  background:#fff!important;
  border:0!important;
  border-right:1px solid #dbe3e9!important;
  box-shadow:none!important;
  color:#0d1824!important;
  text-align:left!important;
  overflow:hidden!important;
  transition:background .18s ease!important;
}
html body.v8.v13.v14 .engineering-depth .metric-card:last-child{border-right:0!important}
html body.v8.v13.v14 .engineering-depth .metric-card:hover{
  transform:none!important;
  background:#fbfcfd!important;
  box-shadow:none!important;
}
html body.v8.v13.v14 .engineering-depth .metric-card::before,
html body.v8.v13.v14 .engineering-depth .metric-card::after{
  content:none!important;
  display:none!important;
}
html body.v8.v13.v14 .engineering-depth .metric-card .metric-machine{
  grid-row:1!important;
  display:block!important;
  max-width:230px!important;
  margin:0!important;
  padding:0 30px 0 0!important;
  color:#174f9f!important;
  font:500 9px/1.35 "IBM Plex Mono",monospace!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  text-align:left!important;
}
html body.v8.v13.v14 .engineering-depth .metric-card>i{
  position:absolute!important;
  top:33px!important;
  right:24px!important;
  color:#2088ca!important;
  font-style:normal!important;
  font-size:18px!important;
  line-height:1!important;
}
html body.v8.v13.v14 .engineering-depth .metric-number{
  grid-row:2!important;
  align-self:center!important;
  justify-self:start!important;
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  margin:12px 0 18px!important;
  color:#0d1824!important;
  font-family:"Space Grotesk",Inter,sans-serif!important;
  font-size:clamp(82px,5vw,108px)!important;
  font-weight:500!important;
  line-height:.82!important;
  letter-spacing:-.065em!important;
  white-space:nowrap!important;
}
html body.v8.v13.v14 .engineering-depth .metric-number span{
  margin-left:12px!important;
  color:#174f9f!important;
  font:500 11px/1 "IBM Plex Mono",monospace!important;
  letter-spacing:0!important;
}
html body.v8.v13.v14 .engineering-depth .metric-proof,
html body.v8.v13.v14 .engineering-depth .metric-card>div:last-of-type{
  grid-row:3!important;
  display:block!important;
  align-self:end!important;
  width:100%!important;
  margin:0!important;
  padding:21px 0 0!important;
  border-top:1px solid #dce4e9!important;
  text-align:left!important;
}
html body.v8.v13.v14 .engineering-depth .metric-proof strong{
  display:block!important;
  margin:0 0 8px!important;
  padding:0!important;
  border:0!important;
  color:#174f9f!important;
  font:600 18px/1.18 Inter,sans-serif!important;
  letter-spacing:-.015em!important;
}
html body.v8.v13.v14 .engineering-depth .metric-proof p{
  display:block!important;
  max-width:290px!important;
  margin:0!important;
  color:#657789!important;
  font:400 13px/1.5 Inter,sans-serif!important;
}
html body.v8.v13.v14 .engineering-depth .metric-proof strong::before,
html body.v8.v13.v14 .engineering-depth .metric-proof strong::after,
html body.v8.v13.v14 .engineering-depth .metric-card strong::before,
html body.v8.v13.v14 .engineering-depth .metric-card strong::after{
  content:none!important;
  display:none!important;
}

/* Plain Experience-navy panel: no graphic, no gradient, no clipping. */
html body.v8.v13.v14 .engineering-depth .archive-callout{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:396px!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:34px 34px 32px!important;
  background:#0d1824!important;
  background-image:none!important;
  border:1px solid #26394b!important;
  box-shadow:0 18px 44px rgba(13,24,36,.11)!important;
  overflow:visible!important;
}
html body.v8.v13.v14 .engineering-depth .archive-callout::before,
html body.v8.v13.v14 .engineering-depth .archive-callout::after{
  content:none!important;
  display:none!important;
}
html body.v8.v13.v14 .engineering-depth .archive-callout .kicker{
  margin:0!important;
  color:#4aa9e2!important;
  font:500 9px/1 "IBM Plex Mono",monospace!important;
  letter-spacing:.13em!important;
}
html body.v8.v13.v14 .engineering-depth .archive-callout-number{
  display:block!important;
  margin:16px 0 8px!important;
  color:#238bd5!important;
  font-family:"Space Grotesk",Inter,sans-serif!important;
  font-size:82px!important;
  font-weight:600!important;
  line-height:.8!important;
  letter-spacing:-.05em!important;
}
html body.v8.v13.v14 .engineering-depth .archive-callout h3{
  max-width:390px!important;
  margin:0!important;
  color:#fff!important;
  font-size:23px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
html body.v8.v13.v14 .engineering-depth .archive-callout>p{
  max-width:410px!important;
  margin:13px 0 17px!important;
  color:#bfccd7!important;
  font-size:12.5px!important;
  line-height:1.5!important;
}
html body.v8.v13.v14 .engineering-depth .archive-callout-split{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:0 0 16px!important;
}
html body.v8.v13.v14 .engineering-depth .archive-callout-split span{
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 12px!important;
  border:1px solid #33495b!important;
  background:#122538!important;
  color:#e2ebf2!important;
  font:500 7.5px/1.15 "IBM Plex Mono",monospace!important;
  letter-spacing:.045em!important;
}
html body.v8.v13.v14 .engineering-depth .archive-callout-split b{
  color:#4aa9e2!important;
  font:600 21px/1 "Space Grotesk",sans-serif!important;
}
html body.v8.v13.v14 .engineering-depth .archive-callout .btn{
  width:100%!important;
  min-height:50px!important;
  height:50px!important;
  margin-top:auto!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid #526779!important;
  background:transparent!important;
  color:#fff!important;
  font-size:8.5px!important;
  letter-spacing:.08em!important;
}
html body.v8.v13.v14 .engineering-depth .archive-callout .btn:hover{
  background:#fff!important;
  border-color:#fff!important;
  color:#0d1824!important;
}

@media (max-width:1599px){
  html body.v8.v13.v14 .engineering-depth{padding:86px 28px 96px!important}
  html body.v8.v13.v14 .engineering-depth .depth-head{
    grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr)!important;
    gap:46px!important;
    margin-bottom:36px!important;
  }
  html body.v8.v13.v14 .engineering-depth .depth-head h2{font-size:clamp(52px,4vw,68px)!important}
  html body.v8.v13.v14 .engineering-depth .depth-head>p{font-size:16px!important}
  html body.v8.v13.v14 .engineering-depth .depth-grid{grid-template-columns:minmax(0,3fr) minmax(350px,1fr)!important;gap:16px!important}
  html body.v8.v13.v14 .engineering-depth .metric-stack,
  html body.v8.v13.v14 .engineering-depth .archive-callout{min-height:368px!important}
  html body.v8.v13.v14 .engineering-depth .metric-card{min-height:364px!important;padding:32px 40px 30px!important}
  html body.v8.v13.v14 .engineering-depth .metric-number{font-size:clamp(72px,5vw,92px)!important}
  html body.v8.v13.v14 .engineering-depth .archive-callout{padding:30px 29px 28px!important}
  html body.v8.v13.v14 .engineering-depth .archive-callout-number{font-size:70px!important}
  html body.v8.v13.v14 .engineering-depth .archive-callout h3{font-size:21px!important}
}

@media (max-width:1180px){
  html body.v8.v13.v14 .engineering-depth{padding:72px 22px 82px!important}
  html body.v8.v13.v14 .engineering-depth .depth-head{grid-template-columns:1fr!important;gap:20px!important;margin-bottom:30px!important}
  html body.v8.v13.v14 .engineering-depth .depth-head>p{max-width:760px!important;font-size:15px!important}
  html body.v8.v13.v14 .engineering-depth .depth-grid{grid-template-columns:1fr!important;gap:16px!important}
  html body.v8.v13.v14 .engineering-depth .metric-stack{grid-template-columns:repeat(3,minmax(0,1fr))!important;min-height:338px!important}
  html body.v8.v13.v14 .engineering-depth .metric-card{min-height:334px!important;padding:28px 30px 26px!important}
  html body.v8.v13.v14 .engineering-depth .archive-callout{min-height:340px!important}
}

@media (max-width:760px){
  html body.v8.v13.v14 .selected-projects-strip .project-collection-head{padding-top:14px!important}
  html body.v8.v13.v14 .engineering-depth{padding:58px 16px 66px!important}
  html body.v8.v13.v14 .engineering-depth .depth-head h2{font-size:clamp(44px,12vw,58px)!important}
  html body.v8.v13.v14 .engineering-depth .depth-head>p{font-size:14px!important}
  html body.v8.v13.v14 .engineering-depth .metric-stack{grid-template-columns:1fr!important;min-height:0!important;border-top-width:3px!important}
  html body.v8.v13.v14 .engineering-depth .metric-card{
    min-height:252px!important;
    padding:25px 26px!important;
    border-right:0!important;
    border-bottom:1px solid #dbe3e9!important;
  }
  html body.v8.v13.v14 .engineering-depth .metric-card:last-child{border-bottom:0!important}
  html body.v8.v13.v14 .engineering-depth .metric-number{font-size:70px!important}
  html body.v8.v13.v14 .engineering-depth .metric-proof{padding-top:15px!important}
  html body.v8.v13.v14 .engineering-depth .archive-callout{min-height:360px!important;padding:27px 24px!important}
}