/* Vantstep 2.0 — safe cross-browser sizing for the editorial photo mosaic.
   Images have an explicit track height so Safari cannot collapse the grid row. */
body.vantstep-refresh .vs-home-heading {
  grid-auto-rows:auto;
  min-height:300px;
  align-items:center;
}
body.vantstep-refresh .vs-home-aside {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  position:relative;
  align-self:center;
  width:100%;
  height:auto;
  min-height:232px;
  gap:14px;
}
body.vantstep-refresh .vs-cover-mosaic {
  display:grid;
  box-sizing:border-box;
  grid-template-columns:minmax(0,1fr) minmax(0,.82fr);
  grid-template-rows:184px;
  height:184px;
  min-height:184px;
  max-height:184px;
  width:100%;
  flex:none;
  padding:0;
  margin:0;
  align-items:center;
}
body.vantstep-refresh .vs-cover-tile {
  display:block;
  box-sizing:border-box;
  width:100%;
  height:170px;
  max-height:170px;
  min-height:0;
  aspect-ratio:auto;
}
body.vantstep-refresh .vs-cover-tile:nth-child(2) {
  height:158px;
  max-height:158px;
  aspect-ratio:auto;
  transform:translateY(12px);
}
body.vantstep-refresh .vs-home-explore {
  display:inline-flex;
  position:relative;
  z-index:1;
  order:2;
  margin:0;
  align-self:flex-end;
  flex:none;
  white-space:nowrap;
}
body.vantstep-refresh .vs-pathways {
  clear:both;
  position:relative;
  z-index:1;
}
@media(max-width:820px) {
  body.vantstep-refresh .vs-home-heading {
    display:block;
    min-height:0;
  }
  body.vantstep-refresh .vs-home-aside {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    min-height:0;
    width:100%;
    max-width:none;
    margin-top:26px;
    gap:14px;
  }
  body.vantstep-refresh .vs-cover-mosaic {
    width:min(100%,310px);
    height:158px;
    min-height:158px;
    max-height:158px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:158px;
  }
  body.vantstep-refresh .vs-cover-tile,
  body.vantstep-refresh .vs-cover-tile:nth-child(2) {
    height:146px;
    max-height:146px;
    aspect-ratio:auto;
    transform:none;
  }
  body.vantstep-refresh .vs-home-explore {
    align-self:flex-start;
    white-space:normal;
    max-width:none;
    margin-top:0;
  }
}
@media(max-width:390px) {
  body.vantstep-refresh .vs-cover-mosaic {
    width:min(100%,280px);
    height:145px;
    min-height:145px;
    max-height:145px;
    grid-template-rows:145px;
  }
  body.vantstep-refresh .vs-cover-tile,
  body.vantstep-refresh .vs-cover-tile:nth-child(2) {
    height:133px;
    max-height:133px;
  }
}