.purchase {
  background: #edeae0;
  max-width: none;
  padding-left: max(7vw, 34px);
  padding-right: max(7vw, 34px);
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 76px;
  align-items: end;
}

.purchase-intro { max-width: 480px; }
.purchase h2 { font-size: clamp(38px, 4.5vw, 62px); letter-spacing: -.07em; line-height: 1; margin: 0; }
.purchase-intro > p:last-child { color: #5b5d69; margin: 25px 0 0; max-width: 370px; }
.purchase-options { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.purchase-card { background: var(--lime); padding: 35px; min-height: 275px; display: flex; flex-direction: column; align-items: flex-start; }
.purchase-card span { font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.purchase-card h3 { font-size: 29px; letter-spacing: -.07em; margin: 48px 0 7px; }
.purchase-card p { font-size: 13px; margin: 0; color: #34372a; }
.purchase-card .button { margin-top: auto; }
.purchase-card-dark { background: var(--ink); color: #fff; }
.purchase-card-dark p { color: #c3c5cd; }
.purchase-card-dark .button-light { background: #fff; color: var(--ink); }

@media (max-width: 760px) {
  .purchase { padding-top: 70px; padding-bottom: 70px; }
  .purchase-options { grid-template-columns: 1fr; gap: 12px; }
  .purchase-card { padding: 28px; }
  .purchase-card .button { margin-top: 22px; }
}