/* v2.0.0.7 — Work Process Showcase: match approved mockup. */
#work-process .wn-process-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
#work-process .wn-process-card{
  min-height:0;
  border:1px solid rgba(25,203,246,.52);
  border-radius:15px;
  background:linear-gradient(160deg,#071c2d,#040d1b);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
/* Step numbers are intentionally removed in v2.0.0.7. */
#work-process .wn-process-number{display:none!important}
#work-process .wn-process-card:not(:last-child):after{display:none!important}
#work-process .wn-process-art{
  height:clamp(210px,18vw,285px);
  padding:0;
  overflow:hidden;
  border-bottom:1px solid rgba(20,203,247,.34);
  background:#04101e;
}
#work-process .wn-process-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 43%;
  opacity:1;
  filter:none;
  transform:scale(1.012); /* hides any source-image perimeter artifact */
}
#work-process .wn-process-content{padding:22px 20px 24px}
#work-process .wn-process-content h3{
  position:relative;
  font-size:20px;
  margin:0 0 18px;
}
#work-process .wn-process-content h3:after{
  content:"";
  display:block;
  width:34px;
  height:3px;
  margin-top:10px;
  border-radius:2px;
  background:#19d6ff;
  box-shadow:0 0 12px rgba(25,214,255,.32);
}
#work-process .wn-process-content p{line-height:1.68;margin-bottom:16px}
#work-process .wn-process-features{gap:9px}
#work-process .wn-process-features li{font-size:13px;line-height:1.45}
@media(max-width:991px){
  #work-process .wn-process-grid{grid-template-columns:1fr;max-width:720px;margin-inline:auto}
  #work-process .wn-process-art{height:clamp(235px,54vw,390px)}
}
@media(max-width:767px){
  #work-process .wn-process-art{height:clamp(210px,63vw,310px);padding:0}
  #work-process .wn-process-content{padding:20px 18px 22px}
}