.visual-portfolio-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
}
.visual-card{
  display:block;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:25px;
  text-decoration:none;
  background:linear-gradient(145deg,#101827,#090e18);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.visual-card:hover{
  transform:translateY(-7px);
  border-color:rgba(125,168,255,.38);
  box-shadow:0 30px 85px rgba(0,0,0,.36);
}
.visual-card-image{
  aspect-ratio:4/3;
  overflow:hidden;
  background:#070b13;
}
.visual-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease;
}
.visual-card:hover .visual-card-image img{transform:scale(1.025)}
.visual-card-copy{padding:24px}
.visual-card-copy span,
.solution-showcase-copy span{
  color:var(--primary);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.visual-card-copy h3{
  margin:10px 0 12px;
  font-size:27px;
  letter-spacing:-.025em;
}
.visual-card-copy p,
.solution-showcase-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}
.solutions-list{display:grid;gap:34px}
.solution-showcase{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:38px;
  align-items:center;
  padding:24px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(145deg,#101827,#090e18);
}
.solution-showcase:nth-child(even){
  grid-template-columns:.85fr 1.15fr;
}
.solution-showcase:nth-child(even) .solution-showcase-image{order:2}
.solution-showcase-image{
  overflow:hidden;
  border-radius:20px;
  aspect-ratio:4/3;
  background:#070b13;
}
.solution-showcase-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.solution-showcase-copy{padding:20px}
.solution-showcase-copy h2{
  margin:12px 0 15px;
  font-size:clamp(34px,4vw,56px);
  letter-spacing:-.04em;
}
.solution-showcase-copy .btn{margin-top:22px}
@media(max-width:900px){
  .visual-portfolio-grid{grid-template-columns:1fr}
  .solution-showcase,
  .solution-showcase:nth-child(even){grid-template-columns:1fr}
  .solution-showcase:nth-child(even) .solution-showcase-image{order:0}
}