/* Realtor landing pages */
.lp main > section{padding:clamp(64px,8vw,120px) clamp(16px,5vw,72px)}
.lp .head{margin-left:auto;margin-right:auto}

.lp-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,80px);align-items:center;max-width:1280px;margin:0 auto;padding-top:clamp(32px,5vw,72px)!important}
.lp-hero h1{font-size:clamp(46px,6.4vw,92px);line-height:.98;margin-bottom:26px}
.lp-hero .lede{max-width:32em;margin:0 0 32px}
.lp-hero__fine{margin:22px 0 0;font:400 14px/1.5 var(--sans);color:var(--ink-soft)}
.lp-hero__kit{margin:0;rotate:1.5deg}
.lp-hero__kit img{width:100%;height:auto;display:block;box-shadow:0 2px 3px rgba(31,26,22,.08),0 24px 48px -16px rgba(31,26,22,.35)}

.lp-pts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px);max-width:1180px;margin:0 auto;border-top:1px solid var(--rule)}
.lp-pt h3{font-size:clamp(26px,2.4vw,34px);margin-bottom:14px}
.lp-pt p{margin:0;color:var(--ink-soft)}

.lp-inside{background:var(--paper-2)}
.lp-inside__list{list-style:none;padding:0;margin:0 auto clamp(48px,6vw,80px);max-width:1080px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;text-align:center}
.lp-inside__list li{display:flex;flex-direction:column;gap:6px;padding:22px 12px;border:1px solid var(--rule);background:var(--card)}
.lp-inside__list strong{font:400 22px/1.1 var(--serif)}
.lp-inside__list span{font-size:14px;line-height:1.45;color:var(--ink-soft)}
.lp-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,36px);max-width:1080px;margin:0 auto}
.lp-styles a{text-decoration:none;color:var(--ink);text-align:center}
.lp-styles img{width:100%;height:auto;aspect-ratio:909/1002;object-fit:cover;display:block;margin-bottom:16px;box-shadow:0 18px 36px -18px rgba(31,26,22,.4);transition:translate .3s}
.lp-styles a:hover img{translate:0 -4px}
.lp-styles span{display:block;font:400 30px/1 var(--hand)}
.lp-styles small{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}

.calc{max-width:880px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:28px 56px;align-items:start}
.calc label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font:500 13px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.calc output{font:400 22px/1 var(--serif);letter-spacing:0;text-transform:none;color:var(--ink)}
.calc input[type=range]{width:100%;accent-color:var(--ink)}
.calc__out{grid-column:2;grid-row:1/span 3;background:var(--card);border:1px solid var(--rule);padding:32px}
.calc__out p{margin:0 0 14px;color:var(--ink-soft)}
.calc__out span{font:400 28px/1 var(--serif);color:var(--ink)}
.calc__big{border-top:1px solid var(--rule);padding-top:18px;margin-top:6px!important;font:400 24px/1.25 var(--serif)!important;color:var(--ink)!important}
.calc__big span{font-size:inherit}

.lp-end{text-align:center;background:var(--ink);color:var(--paper)}
.lp-end h2{font-size:clamp(40px,5vw,72px);margin-bottom:18px}
.lp-end p{max-width:34em;margin:0 auto 32px;color:rgba(243,238,229,.75)}
.lp-end .btn--ink{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.lp-end .btn--ink:hover{background:transparent;color:var(--paper)}
.lp-others{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:56px}
.lp-others a{color:rgba(243,238,229,.7);font:500 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:none}
.lp-others a:hover,.lp-others a[aria-current]{color:var(--paper)}

@media (max-width:900px){
  .lp-hero{grid-template-columns:1fr}
  .lp-hero__kit{max-width:520px;margin:0 auto}
  .lp-pts{grid-template-columns:1fr}
  .lp-inside__list{grid-template-columns:1fr 1fr}
  .calc{grid-template-columns:1fr}
  .calc__out{grid-column:auto;grid-row:auto}
}
@media (max-width:560px){
  .lp-styles{grid-template-columns:1fr;max-width:360px}
  .lp-inside__list{grid-template-columns:1fr}
}