/* Private Register page. Copied verbatim from railey-ashcombe-register.html */
/* ---- Dark page hero ---- */
.register-hero {
  background: var(--ink);
  color: var(--ivory);
  padding: calc(140px + env(safe-area-inset-top, 0px)) clamp(20px, 6vw, 80px) 96px;
  text-align: center;
}
.register-hero .kicker { justify-content: center; display: flex; }
.register-hero h1 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 400;
  font-size: clamp(36px, 5.5vw, 58px);
  line-height: 1.15;
  max-width: 16ch;
  margin: 0 auto 22px;
  color: var(--ivory);
}
.register-hero p {
  color: rgba(246,241,233,0.72);
  font-size: 16px;
  line-height: 1.8;
  max-width: 54ch;
  margin: 0 auto 36px;
}

/* ---- Benefits ---- */
.benefits-section {
  background: var(--stone);
  padding: clamp(64px, 9vh, 104px) clamp(20px, 6vw, 80px);
}
.benefits-grid {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(32px, 4vw, 56px);
}
.benefit-item .mark {
  font-family: 'Cormorant Garamond', serif;
  font-size: 30px;
  color: var(--brass);
  line-height: 1;
  margin-bottom: 16px;
  display: block;
}
.benefit-item h3 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 400;
  font-size: 21px;
  margin: 0 0 10px;
}
.benefit-item p {
  color: #4b453c;
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}
@media (max-width: 760px) {
  .benefits-grid { grid-template-columns: 1fr; gap: 40px; }
}

/* ---- Threshold statement ---- */
.threshold-section {
  background: var(--ivory);
  padding: clamp(72px, 10vh, 120px) clamp(20px, 6vw, 80px);
  text-align: center;
}
.threshold-section blockquote {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-weight: 400;
  font-size: clamp(22px, 2.6vw, 28px);
  line-height: 1.5;
  max-width: 44ch;
  margin: 0 auto 20px;
  color: var(--ink);
}
.threshold-section .attribution {
  font-size: 11.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b6459;
}

/* ---- Form ---- */
.form-section {
  background: var(--stone);
  padding: clamp(72px, 11vh, 128px) clamp(20px, 6vw, 80px);
}
.form-wrap {
  max-width: 480px;
  margin: 0 auto;
}
.form-wrap .kicker { justify-content: center; display: flex; }
.form-wrap > h2 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 400;
  font-size: clamp(26px, 3vw, 32px);
  text-align: center;
  margin: 0 0 8px;
}
.form-wrap > .form-lede {
  text-align: center;
  color: #6b6459;
  font-size: 14px;
  margin: 0 0 40px;
}