body.member-site {
  background:
    linear-gradient(145deg, rgb(31 91 58 / 10%), transparent 54%),
    var(--fb-mist);
}

.member-landing {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
  padding: clamp(2rem, 6vw, 5rem);
}

.member-brand-panel {
  display: grid;
  place-items: center;
  width: clamp(8.5rem, 20vw, 14rem);
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--fb-white);
  box-shadow: 0 1rem 2.5rem rgb(31 91 58 / 12%);
}

.member-brand-panel .brand-mark {
  width: 86%;
}

.member-copy {
  max-width: 44rem;
}

.member-copy .page-title {
  margin-bottom: 0.8rem;
}

.member-status {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--fb-border);
}

@media (max-width: 42rem) {
  .member-landing {
    grid-template-columns: 1fr;
  }

  .member-brand-panel {
    width: 8.5rem;
  }
}