/* Keep the existing KC Local Buyers palette and type; make the seller's next
   step easier to reach before the longer explanations and project photos. */
.hero { padding: 42px 0 38px; }
.hero h1 { font-size: clamp(38px, 8vw, 68px); line-height: 1.06; max-width: 940px; }
.hero .sub { max-width: 700px; }
.proof-summary { padding: 24px 0; background: #fff; border-bottom: 1px solid #D8DDD9; }
.proof-summary .proofcopy { max-width: 780px; }
.proof-summary .h2 { font-size: clamp(25px, 4vw, 30px); line-height: 1.15; }
.proof-summary p { margin-top: 8px; font-size: 16px; line-height: 1.5; color: #44545C; }
.formsec { padding: 36px 0 48px; }
.purchase-story { padding: 38px 0; background: #fff; border-bottom: 1px solid #D8DDD9; }
.purchase-story .storycopy { max-width: 780px; }
.purchase-story .story-label { margin: 0 0 12px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #44545C; }
.purchase-story .h2 { font-size: clamp(28px, 5vw, 38px); line-height: 1.15; max-width: 650px; }
.purchase-story p:not(.story-label) { margin-top: 16px; font-size: 17px; line-height: 1.65; color: #44545C; }
.purchase-story .story-link { display: inline-block; margin-top: 20px; color: #863616; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.property-gallery { padding: 38px 0 44px; }
.property-gallery .h2 { font-size: clamp(26px, 4vw, 34px); margin-bottom: 18px; }
.property-gallery .proofmedia { max-width: 900px; }
.property-gallery .proofmedia > img { max-height: 430px; object-fit: cover; }
.btn, .sticky .soffer { background: #A8431C; color: #fff; }
.btn:hover, .sticky .soffer:hover { background: #863616; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 3px solid #22333B;
  outline-offset: 4px;
}
.ink a:focus-visible, .ink button:focus-visible,
.ink input:focus-visible, .ink select:focus-visible { outline-color: #F6F4F2; }
@media (min-width: 880px) {
  .hero { padding: 68px 0 60px; }
  .proof-summary { padding: 28px 0; }
  .formsec { padding: 48px 0 60px; }
  .purchase-story { padding: 48px 0; }
  .property-gallery { padding: 48px 0; }
}