.diptyque {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-bottom: 1px solid var(--line);
}
.diptyque-copy {
  align-self: center;
  padding: clamp(3rem, 7vw, 7rem) 1rem clamp(3rem, 7vw, 7rem) 0;
}
.diptyque h1 {
  margin: 0;
  font-size: clamp(3.2rem, 6.6vw, 6.6rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.065em;
}
.diptyque p {
  margin: 2rem 0;
  max-width: 32ch;
}
.diptyque-image {
  width: 100%;
  height: 100%;
  max-height: 700px;
  min-height: 0;
  object-fit: cover;
  object-position: 50% 50%;
}
.diptyque + .section {border-top: 0;}
@media (max-width: 760px) {
  .diptyque {grid-template-columns: 1fr;}
  .diptyque-copy {padding: 2.5rem 0;}
  .diptyque-image {height: auto; aspect-ratio: 4 / 3;}
}