/* The home page: the generated Properties and map sections (holdings-core.mjs,
   renderHome), the three reasons, and the newsroom list. Layered on site.css,
   property.css, properties.css (the cards) and sell.css (the map). */

/* ---------- Properties ---------- */
.home-props .section-head p{max-width:62ch;}
.home-props-more{margin-top:clamp(28px, 3.4vw, 44px);}

/* ---------- Where the land is ---------- */
.hw-grid{display:grid; grid-template-columns:minmax(0,0.82fr) minmax(0,1.18fr); gap:clamp(36px, 5vw, 80px); align-items:center;}
.hw-copy h2{margin-bottom:22px;}
.hw-copy > p.dim{max-width:52ch;}
.hw-stats{display:flex; flex-wrap:wrap; margin:28px 0 30px; border-top:1px solid var(--rule-dark); border-bottom:1px solid var(--rule-dark);}
.hw-stats > div{flex:1 1 100px; padding:16px 16px 16px 0; display:flex; flex-direction:column-reverse; justify-content:flex-end; gap:8px;}
.hw-stats > div + div{padding-left:16px; border-left:1px solid var(--rule-dark);}
.hw-stats dd{margin:0; font-family:var(--display); font-weight:800; font-size:clamp(26px, 2.8vw, 36px); letter-spacing:-0.03em; line-height:1; color:var(--white);}
.hw-stats dt{font-family:var(--display); font-size:10px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:var(--steel);}
.hw-pick{display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px 14px;}
.hw-pick .field{flex:1 1 220px; margin:0;}
.hw-pick .field label{color:var(--platinum);}
.hw-pick .btn{flex:0 0 auto;}
.hw-fine{font-size:12.5px; line-height:1.6; color:var(--steel); margin:14px 0 0;}
.home-where .usmap{background:var(--panel); border-color:var(--rule-dark);}
.home-where .usmap .st{fill:#232328;}
.home-where .usmap .st.home{fill:#33333A;}
.home-where .usmap .st.held{fill:var(--platinum); stroke:var(--white);}
.home-where .usmap .st:hover,.home-where .usmap .st:focus-visible{fill:#4A4950; stroke:var(--platinum);}
.home-where .usmap .st.held:hover{fill:var(--white);}
.home-where .usmap .usmap-pulse{fill:var(--ink);}
.home-where .usmap .usmap-pulse.ring{fill:none; stroke:var(--ink);}
.home-where .usmap-art:empty{aspect-ratio:1035/615;}
.hw-key-held i{border-radius:0; background:var(--platinum); box-shadow:none;}
.hw-hint{margin-left:auto; color:var(--steel); font-size:12px;}
@media (max-width:900px){
  .hw-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){ .hw-hint{margin-left:0; width:100%;} }

/* ---------- Three reasons ---------- */
.home-reasons{margin-top:clamp(48px, 6vw, 80px);}
.home-sub{font-size:clamp(22px, 2.6vw, 30px); letter-spacing:-0.02em; margin:0 0 26px;}
.home-more{margin:28px 0 0;}

/* ---------- Newsroom ---------- */
.home-news h2{margin-bottom:22px;}
.hn-list{list-style:none; margin:0; padding:0; border-top:1px solid var(--rule-dark);}
.hn-list:empty{display:none;}
.hn-list li{padding:22px 0; border-bottom:1px solid var(--rule-dark);}
.hn-list time{display:block; font-family:var(--display); font-size:10.5px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:var(--steel); margin-bottom:10px;}
.hn-list a{font-family:var(--display); font-weight:700; font-size:clamp(17px, 1.8vw, 21px); line-height:1.35; letter-spacing:-0.01em; color:var(--white); text-decoration:none;}
.hn-list a:hover{color:var(--platinum);}
.hn-list p{margin:10px 0 0; font-size:14.5px; line-height:1.7; color:var(--steel); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.hn-more{margin:24px 0 0;}