/* Typography, cards, pricing and responsive sizes inherit directly from hosting.css. */
.muted{color:var(--muted)}
.development-plan{cursor:default;display:flex;flex-direction:column}
.development-plan:hover{border-color:var(--line)}
.development-plan ul{border-top:1px solid var(--line)}
.card-disclosure{font-size:14px;color:var(--muted);margin:auto 0 0;padding-top:24px}
.lease-intro{display:grid;grid-template-columns:1fr 1fr;gap:36px 100px;padding:64px 0 32px}
.lease-intro h2{font-size:clamp(34px,4vw,50px);line-height:1.12;letter-spacing:-.04em;font-weight:300;margin:0 0 24px}
.lease-lead{font-size:16px;color:var(--muted);margin-top:0}
.lease-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.lease-facts strong,.lease-facts span{display:block;font-size:14px}
.lease-facts strong{font-weight:500}.lease-facts span{color:var(--muted);margin-top:6px}
.leasing-plans{grid-column:1/-1}
.lease-option .price{margin-top:34px}
.lease-option>p:last-child{margin:0}
.development-disclosure{font-size:12px;color:var(--muted);margin:0 0 40px}
.hosting-next{border-top:1px solid var(--line);padding:36px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hosting-next h2{font-size:22px;font-weight:400;margin:0}
.hosting-next p{color:var(--muted);margin:8px 0 0}
.hosting-next .button{margin:0;white-space:nowrap}
@media(max-width:900px){.lease-intro{gap:36px 45px}}
@media(max-width:700px){.lease-intro{grid-template-columns:1fr;gap:36px;padding-top:64px}.hosting-next{align-items:flex-start;flex-direction:column}.lease-facts{grid-template-columns:1fr}.lease-facts div{display:flex;justify-content:space-between;gap:12px}.lease-facts span{margin:0;text-align:right}}

/* Restore the previous leasing introduction typography and spacing. */
.lease-intro{grid-template-columns:1fr 1.25fr;gap:32px 56px;margin:40px 0 0;padding:32px 0;border-top:1px solid var(--line)}
.lease-intro h2{margin:0;letter-spacing:-.05em}
.lease-lead{font-size:18px;font-weight:300;color:var(--fg)}
.lease-facts{margin-top:30px}
.lease-facts strong{font-size:19px;font-weight:400}
.lease-facts span{font-size:12px}
@media(max-width:850px){.lease-facts{grid-template-columns:1fr}.lease-facts div{display:flex;justify-content:space-between;gap:12px}.lease-facts span{margin:0;text-align:right}}
@media(max-width:700px){.lease-intro{grid-template-columns:1fr;gap:28px}}

/* Give the leasing introduction a little more breathing room. */
.lease-intro{margin-top:56px;padding-top:52px;row-gap:52px}
@media(max-width:700px){.lease-intro{margin-top:44px;padding-top:40px;row-gap:36px}}