/* Liberty Partners — Whitemarsh Cove site plan page */

  .sp-head { padding: 72px var(--gutter) 32px; max-width: var(--max-w); margin: 0 auto; }
  .sp-head .crumbs { font-family: var(--font-display); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-soft); display: flex; gap: 10px; margin-bottom: 22px; }
  .sp-head .crumbs a { color: var(--ink-soft); } .sp-head .crumbs .here { color: var(--ink); }
  .sp-head h1 { font-family: var(--font-body); font-weight: 300; font-size: clamp(48px, 6.4vw, 110px); line-height: 0.95; letter-spacing: -0.03em; margin: 14px 0 0; }
  .sp-head h1 em { color: var(--accent); }
  .sp-head .lede { font-family: var(--font-body); font-size: 21px; line-height: 1.5; color: var(--ink-soft); max-width: none; margin: 24px 0 0; columns: 2; column-gap: clamp(32px, 4vw, 64px); }
  @media (max-width: 900px) { .sp-head .lede { columns: 1; } }
  .sp-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--rule); margin-top: 40px; }
  .sp-stats .s { padding: 22px 24px 22px 0; border-right: 1px solid var(--rule-soft); }
  .sp-stats .s:last-child { border-right: 0; }
  .sp-stats .v { font-family: var(--font-body); font-weight: 300; font-size: clamp(30px,3vw,44px); line-height: 1; letter-spacing: -0.02em; }
  .sp-stats .v em { color: var(--accent); font-style: normal; }
  .sp-stats .k { font-family: var(--font-display); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-soft); margin-top: 10px; }

  .sp-wrap { max-width: var(--max-w); margin: 0 auto; padding: 24px var(--gutter) var(--s-10); }
  .plan-card { border: 1px solid var(--rule); background: var(--paper-2); padding: 14px; }
  .plan-card .sp-stage { border: 0; }
  .plan-card img { display: block; width: 100%; height: auto; }
  .plan-cap { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 14px 6px 2px; font-family: var(--font-display); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-soft); }

  .lot-sched { border: 1px solid var(--rule); background: var(--paper); margin-top: clamp(28px, 3vw, 48px); }
  .lot-sched .ls-title { padding: 22px 24px 0; }
  .lot-sched .ls-title .k { font-family: var(--font-display); font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ink-soft); }
  .lot-sched .ls-title h2 { font-family: var(--font-body); font-weight: 300; font-size: 30px; line-height: 1; letter-spacing: -0.02em; margin: 8px 0 0; }
  .ls-head { display: grid; grid-template-columns: 1fr 1fr; gap: 0 56px; padding: 18px 24px 10px; font-family: var(--font-display); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-soft); }
  .ls-head .h { display: grid; grid-template-columns: 52px 1fr 1fr; gap: 12px; }
  .ls-head .r { text-align: right; }
  .ls-rows { display: grid; grid-auto-flow: column; grid-template-rows: repeat(11, auto); grid-template-columns: 1fr 1fr; column-gap: 56px; padding: 0 24px; }
  .ls-row { display: grid; grid-template-columns: 52px 1fr 1fr; gap: 12px; padding: 10px 0; border-top: 1px solid var(--rule-soft); align-items: baseline; transition: background .18s var(--ease); cursor: pointer; }
  .ls-row:hover .ln, .ls-row.hot .ln { color: var(--ink); }
  .ls-row:hover, .ls-row.hot { background: var(--paper-2); }
  .ls-row .ln { font-family: var(--font-mono); font-size: 12px; color: var(--accent); }
  .ls-row .fw, .ls-row .rw { font-family: var(--font-body); font-size: 15px; color: var(--ink); font-variant-numeric: tabular-nums; }
  .ls-row .rw { text-align: right; color: var(--ink-soft); }
  .ls-row.note .fw { grid-column: 2 / -1; color: var(--ink-soft); font-style: italic; }
  .ls-foot { padding: 16px 24px; border-top: 1px solid var(--rule); font-family: var(--font-body); font-size: 13px; line-height: 1.55; color: var(--ink-soft); }

  @media (max-width: 1080px) {
    .ls-rows { grid-auto-flow: row; grid-template-rows: none; grid-template-columns: 1fr; }
    .ls-head { grid-template-columns: 1fr; }
    .ls-head .h:last-child { display: none; }
  }
  @media (max-width: 720px) { .sp-stats { grid-template-columns: 1fr 1fr; } .sp-stats .s:nth-child(2n){border-right:0;} }