.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.card{
  position:relative;border-radius:18px;padding:32px;
  background:linear-gradient(180deg,#0d0f16,#08090d);
  border:1px solid var(--line);overflow:hidden;
  transition:border-color .4s,transform .5s var(--ease);
  transform-style:preserve-3d;
  display:flex;flex-direction:column;
}
.card::after{
  content:'';position:absolute;inset:0;border-radius:18px;
  pointer-events:none;
  background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),rgba(0,245,196,.09),transparent 65%);
  opacity:0;transition:opacity .4s;
}
.card:hover{border-color:var(--line-hi)}
.card:hover::after{opacity:1}
.card-num{
  font-family:var(--mono);font-size:11px;color:var(--dim);
  letter-spacing:1.5px;margin-bottom:16px;padding-right:70px;
}
.card-link{
  position:absolute;top:26px;right:26px;
  font-family:var(--mono);font-size:10.5px;letter-spacing:1.4px;
  color:var(--dim);text-decoration:none;
  padding:5px 11px;border-radius:999px;
  border:1px solid var(--line);
  transition:.3s var(--ease);cursor:none;z-index:3;
}
.card-link:hover{
  color:var(--cyan);border-color:rgba(0,245,196,.45);
  background:rgba(0,245,196,.07);
  box-shadow:0 0 18px -4px rgba(0,245,196,.5);
}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.chip{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.4px;
  padding:3px 10px;border-radius:999px;
  border:1px solid var(--line-hi);color:var(--muted);
  background:rgba(255,255,255,.025);
}
.chip.hi{
  border-color:rgba(0,245,196,.35);
  color:var(--cyan);background:rgba(0,245,196,.06);
}
.card h3{
  font-size:19px;font-weight:700;letter-spacing:-.02em;
  margin-bottom:12px;line-height:1.4;
}
.card p{
  font-size:14px;color:var(--muted);line-height:1.8;
  margin-bottom:22px;flex:1;
}
.metrics{
  display:flex;gap:28px;padding-top:20px;
  border-top:1px solid var(--line);flex-wrap:wrap;
}
.metric b{
  display:block;font-family:var(--mono);
  font-size:19px;font-weight:700;letter-spacing:-.5px;
  color:var(--cyan);line-height:1.2;white-space:nowrap;
}
.metric span{font-size:10.5px;color:var(--dim);letter-spacing:.5px}

@media(max-width:980px){.work-grid{grid-template-columns:1fr}}
@media(max-width:720px){
  .card{padding:26px}
  .card-num{padding-right:60px}
  .card-link{top:20px;right:20px}
}