.case-study .case-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:56px;
  align-items:center;
}
.case-grid.reverse{grid-template-columns:1fr 1fr;}
.case-grid.reverse .case-content{order:1;}
.case-grid.reverse .case-media{order:2;}

.case-media{display:flex;flex-direction:column;gap:16px;}
.case-hero-img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:var(--radius);
  border:1px solid var(--line);
  background:var(--navy-2);
}
.case-media-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.case-media-row img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:12px;
  border:1px solid var(--line);
}
.case-stats-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  text-align:center;
}
.case-stats-row div{
  border:1px solid var(--line);
  border-radius:10px;
  padding:14px 8px;
  background:var(--navy-2);
  font-size:0.74rem;
  color:var(--slate);
}
.case-stats-row span{
  display:block;
  font-size:1.15rem;
  font-weight:800;
  color:var(--white);
  font-family:'JetBrains Mono', monospace;
  margin-bottom:2px;
}

.case-logo{width:52px;height:52px;object-fit:contain;margin-bottom:16px;}
.case-content h2{font-size:clamp(1.8rem,3.4vw,2.4rem);font-weight:800;letter-spacing:-0.02em;margin:10px 0 14px;}
.case-summary{color:var(--slate);font-size:1rem;margin-bottom:24px;}

.case-roi{
  display:inline-flex;
  align-items:baseline;
  gap:10px;
  border:1px solid rgba(45,212,191,0.35);
  background:rgba(45,212,191,0.08);
  border-radius:12px;
  padding:14px 20px;
  margin-bottom:28px;
}
.roi-number{
  font-family:'JetBrains Mono', monospace;
  font-size:2rem;
  font-weight:700;
  background:var(--grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.roi-label{color:var(--slate);font-size:0.82rem;}

.case-details{display:flex;flex-direction:column;gap:18px;margin-bottom:24px;}
.case-details h3{font-size:0.95rem;font-weight:700;margin-bottom:4px;}
.case-details p{color:var(--slate);font-size:0.9rem;margin:0;}

@media(max-width:860px){
  .case-study .case-grid, .case-grid.reverse{grid-template-columns:1fr;}
  .case-grid.reverse .case-content{order:2;}
  .case-grid.reverse .case-media{order:1;}
}