.project-flow .wrap{
  max-width:var(--max,1280px);
  margin:0 auto;
  padding:0 var(--pad,clamp(1.25rem,4vw,2.5rem));
}
.project-flow .eyebrow{
  font-size:11px;
  letter-spacing:0.2em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--fg-muted);
  margin-bottom:0.75rem;
}
.project-flow{
  padding:4rem 0 3rem;
  border-top:1px solid var(--border);
  background:var(--bg3);
}
.project-flow-row{
  display:grid;
  grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);
  gap:1rem;
  align-items:stretch;
}
.flow-card{
  display:flex;
  color:inherit;
  transition:background .25s ease,transform .35s cubic-bezier(0.22,1,0.36,1),border-color .25s;
  border:1px solid var(--border);
  border-radius:var(--radius);
  overflow:hidden;
}
.flow-card.in:hover,
.flow-card:hover{
  background:rgba(240,237,232,0.04);
  transform:translateY(-3px);
  border-color:rgba(240,237,232,0.2);
}
.flow-prev{
  flex-direction:column;
  justify-content:center;
  padding:1.5rem 1.75rem;
  gap:.45rem;
  min-height:140px;
}
.flow-next{
  align-items:stretch;
  min-height:160px;
}
.flow-thumb{
  width:42%;
  flex-shrink:0;
  overflow:hidden;
  background:#111;
}
.flow-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(0.22,1,0.36,1);
}
.flow-thumb--empty{
  background:linear-gradient(135deg,#1a1a1a 0%,#111 50%,#1c1c1c 100%);
}
.flow-next:hover .flow-thumb img{
  transform:scale(1.05);
}
.flow-copy{
  flex:1;
  padding:1.25rem 1.5rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.45rem;
}
.flow-eyebrow{
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--fg-muted);
  font-weight:600;
}
.flow-title{
  font-family:var(--display);
  font-weight:800;
  font-size:clamp(1rem,2vw,1.35rem);
  letter-spacing:.06em;
  line-height:.95;
  text-transform:uppercase;
}
.flow-tag{
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--fg-muted);
  font-weight:600;
}
.flow-archive{
  display:inline-block;
  margin-top:1.5rem;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--fg-muted);
  transition:color .2s;
}
.flow-archive:hover{
  color:var(--fg);
}
.flow-spacer{
  min-height:1px;
}
@media(max-width:900px){
  .project-flow-row{
    grid-template-columns:1fr;
  }
  .flow-thumb{
    width:38%;
    min-height:120px;
  }
}