.renovation-sequence{
  width:min(1220px,92vw);
  margin:76px 50%;
  transform:translateX(-50%);
}
.renovation-sequence .renovation-intro{
  max-width:760px;
  margin:0 auto 34px;
}
.story-copy .renovation-sequence h2{
  margin:8px 0 18px;
}
.renovation-sequence .renovation-note{
  max-width:650px;
  margin:0;
  color:#5f635f;
}
.renovation-grid{
  columns:3 280px;
  column-gap:14px;
}
.story-copy .renovation-grid figure{
  width:auto;
  margin:0 0 14px;
  padding:0;
  overflow:hidden;
  break-inside:avoid;
  background:#181a19;
}
.story-copy .renovation-grid img{
  display:block;
  width:100%;
  height:auto;
}
@media(max-width:760px){
  .renovation-sequence{
    width:100vw;
    margin:58px 50%;
    padding:0 16px;
  }
  .renovation-sequence .renovation-intro{
    padding:0 3%;
  }
  .renovation-grid{
    columns:2 150px;
    column-gap:10px;
  }
  .story-copy .renovation-grid figure{
    margin-bottom:10px;
  }
}