/* Rich Property compact HUB layout · 21 Oct 2026 — loads AFTER rp-offplan-compact-20261019.css, only on hub pages.
   One community, many projects: hero + picture-card grid + overview + plan/location/developer + sticky enquiry form. */
body.rpc-hub .rpc-projects{margin:0}
.rpc-proj-head h2{margin:0 0 6px;font:400 clamp(24px,2.4vw,32px)/1.15 var(--serif)}
.rpc-proj-head p{margin:0 0 16px;max-width:70ch;font-size:13.5px;color:#4a5a53}
.rpc-pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.rpc-pgrid-5,.rpc-pgrid-2{grid-template-columns:repeat(3,minmax(0,1fr))}
.rpc-pcard{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);overflow:hidden;min-width:0}
.rpc-pimg{position:relative;aspect-ratio:16/10;overflow:hidden;background:#d8d2c2}
body.rpc .rpc-pimg img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.rpc-pcard:hover .rpc-pimg img{transform:scale(1.04)}
.rpc-ptag{position:absolute;left:8px;top:8px;max-width:calc(100% - 16px);padding:4px 9px;background:rgba(20,42,34,.86);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.3}
.rpc-pbody{display:flex;flex-direction:column;flex:1;padding:12px 14px 14px}
.rpc-pbody h3{margin:0;font:400 19px/1.15 var(--serif);color:var(--forest)}
.rpc-ptype{margin:4px 0 0;font-size:12px;line-height:1.4;color:var(--muted)}
.rpc-pprice{margin:8px 0 0;font-size:13px;font-weight:700;line-height:1.35;color:var(--ink)}
.rpc-pmeta{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:9px 0 0;padding:8px 0 0;border-top:1px solid var(--line)}
.rpc-pmeta dt{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}
.rpc-pmeta dd{margin:1px 0 0;font-size:12.5px;line-height:1.3;color:var(--ink);font-weight:700}
.rpc-pact{display:flex;gap:6px;margin-top:auto;padding-top:12px}
.rpc-pbtn{white-space:nowrap;flex:1;display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 8px;border:1px solid var(--forest);color:var(--forest);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:center;line-height:1.25;transition:background .2s,color .2s}
.rpc-pbtn:hover{background:var(--forest);color:#fff}
.rpc-pbtn-main{background:var(--gold);border-color:var(--gold);color:var(--forest-deep)}
.rpc-pbtn-main:hover{background:#d9c58f;border-color:#d9c58f;color:var(--forest-deep)}
.rpc-pcta{justify-content:center;background:var(--forest);border-color:var(--forest);color:#fff}
.rpc-pcta>div{padding:20px 18px;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center}
.rpc-pcta h3{margin:0;font:400 21px/1.15 var(--serif);color:#fff}
.rpc-pcta p{margin:0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.85)}
.rpc-pcta .rpc-pbtn{flex:none;margin-top:6px}
.rpc-proj-note{margin:12px 0 0!important}
body.rpc-hub .rpc-overview{margin-top:26px}
@media(max-width:1100px){.rpc-pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .rpc-pmeta{gap:5px 8px;margin-top:7px;padding-top:6px}.rpc-pmeta dt{font-size:8px;letter-spacing:.1em}.rpc-pmeta dd{font-size:11.5px}
  .rpc-pgrid,.rpc-pgrid-5,.rpc-pgrid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .rpc-proj-head p{font-size:12.5px;margin-bottom:12px}
  .rpc-ptag{font-size:8.5px;left:6px;top:6px;padding:3px 7px;letter-spacing:.08em}
  .rpc-pbody{padding:9px 10px 11px}
  .rpc-pbody h3{font-size:16px}
  .rpc-ptype{font-size:11px}
  .rpc-pprice{font-size:12px;margin-top:6px}
  .rpc-pact{flex-direction:column;gap:5px;padding-top:9px}
  .rpc-pbtn{min-height:36px;font-size:10px;letter-spacing:.06em}
  .rpc-pcard .rpc-pbtn:not(.rpc-pbtn-main){display:none}
  .rpc-pcta>div{padding:14px 12px}.rpc-pcta h3{font-size:17px}.rpc-pcta p{font-size:12px}
  .rpc-pgrid .rpc-pcard:last-child:nth-child(odd){grid-column:1 / -1}
  .rpc-pgrid .rpc-pcard:last-child:nth-child(odd) .rpc-pimg{aspect-ratio:21/9}
}