.join {
  display: block;
  padding: clamp(4rem, 7vw, 7rem) clamp(1.2rem, 7vw, 7rem);
}

.join-copy {
  max-width: 900px;
  margin-bottom: 2.5rem;
}

.join-copy > p {
  max-width: 760px;
}

.fine-print {
  font-size: .82rem;
}

.join-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 2rem;
  align-items: start;
}

.form-card {
  min-height: 520px;
  padding: 1rem;
  color: var(--ink);
  background: white;
  border-top: 5px solid var(--gold);
  box-shadow: 0 18px 45px rgba(8, 24, 20, .22);
}

.form-card a {
  color: var(--forest);
  font-weight: 700;
}

.qr-card a {
  font-size: .85rem;
}

@media (max-width: 900px) {
  .join-tools {
    grid-template-columns: 1fr;
  }

  .qr-card {
    max-width: 300px;
  }
}

@media (max-width: 600px) {
  .form-card {
    min-height: 460px;
    padding: .5rem;
  }
}