.az-project{
  max-width:1400px;
  margin:0 auto 150px;
  padding:0 40px;
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:70px;
  align-items:center;
}
.az-project-rev{grid-template-columns:0.9fr 1.1fr;}
.az-project-rev .az-project-media{order:2;}
.az-project-rev .az-project-body{order:1;}

.az-project-media{
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:2px;
}
.az-project-media img{width:100%; height:100%; object-fit:cover;}

.az-project-body h2{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(32px, 4.4vw, 52px);
  margin-bottom:20px;
}
.az-project-lead{
  font-size:17px;
  color:var(--stone);
  line-height:1.6;
  margin-bottom:36px;
  max-width:460px;
}
.az-project-text{margin-bottom:30px; max-width:480px;}
.az-project-text h3{
  font-family:var(--serif);
  font-size:16px;
  font-weight:500;
  color:var(--gold);
  margin-bottom:10px;
}
.az-project-text p{
  font-size:15px;
  color:var(--stone);
  line-height:1.75;
}
.az-project-cta{
  display:inline-block;
  font-size:13px;
  color:var(--milk);
  border-bottom:1px solid var(--line);
  padding-bottom:3px;
  margin-top:10px;
  transition:border-color .3s, color .3s;
}
.az-project-cta:hover{border-color:var(--gold); color:var(--gold);}

@media (max-width: 900px){
  .az-project, .az-project-rev{grid-template-columns:1fr; gap:36px; padding:0 22px;}
  .az-project-rev .az-project-media, .az-project-rev .az-project-body{order:initial;}
}