/* Valuation page. Copied verbatim from railey-ashcombe-valuation.html */
/* ---- Page intro ---- */
.page-hero {
  padding: calc(112px + env(safe-area-inset-top, 0px)) clamp(20px, 6vw, 80px) 72px;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}
.page-hero .kicker { justify-content: center; display: flex; }
.page-hero h1 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 400;
  font-size: clamp(34px, 5vw, 54px);
  line-height: 1.15;
  margin: 0 0 20px;
}
.page-hero p {
  color: #4b453c;
  font-size: 16px;
  line-height: 1.75;
  max-width: 52ch;
  margin: 0 auto;
}

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

/* ---- Form ---- */
.form-section {
  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;
}

/* ---- 404 page (added) ---- */
.page-hero--fill { min-height: 70vh; display: flex; flex-direction: column; justify-content: center; }
.page-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 32px; }