.membership-page {
  padding: clamp(2.5rem, 5vw, 4.5rem) 0 5rem;
  background: var(--cream);
}

.membership-intro {
  max-width: 760px;
  margin-bottom: 2rem;
}

.membership-intro h1 {
  margin: .55rem 0 1rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.4rem, 5vw, 4.25rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.035em;
}

.membership-intro p {
  max-width: 680px;
  color: var(--muted);
  font-size: 1.05rem;
}

.membership-embed {
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: var(--white);
  box-shadow: var(--shadow);
}

.membership-embed iframe {
  display: block;
  width: 100%;
  height: 820px;
  border: 0;
  background: var(--white);
}

.membership-fallback {
  margin-top: 1rem;
  color: var(--muted);
  font-size: .9rem;
}

.membership-fallback a {
  color: var(--blue-dark);
  font-weight: 800;
}

@media (max-width: 720px) {
  .membership-page {
    padding-top: 2rem;
  }

  .membership-embed {
    border-radius: 14px;
  }

  .membership-embed iframe {
    height: 980px;
  }
}