/* The next property arrives the way the next page of a magazine arrives: it is
   already half on the screen, cut by the edge, and it moves at its own speed. */
.next { position: relative; padding-block: clamp(4rem, 10vh, 7rem); overflow: hidden; }
.next__grid {
  display: grid; grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
  gap: clamp(1.6rem, 4vw, 4rem); align-items: center;
}
.next__type { display: grid; gap: clamp(.9rem, 2vh, 1.5rem); align-content: center; }
.next__num { font-family: var(--serif); font-weight: 300; font-size: clamp(3.4rem, 7vw, 6rem); line-height: .8; }
.next__specs { display: flex; flex-wrap: wrap; gap: .6rem 1.6rem; }
.next__figure {
  position: relative;
  margin-right: calc(var(--gut) * -1);
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
.next__figure img { width: 100%; height: 100%; object-fit: cover; }
.next__figure::after {
  content: ""; position: absolute; inset: 0; border-left: 1px solid rgba(251,249,244,.5);
}
@media (max-width: 900px) {
  .next__grid { grid-template-columns: 1fr; }
  .next__figure { aspect-ratio: 3 / 2; }
}