/* HomeProp Agents - card grid + detail modal.
   Ported verbatim from the /buy widget 9e23f65 inline <style> (Phase 0). */
#hp-people-grid{display:grid;grid-template-columns:1fr;gap:32px;max-width:1280px;margin:0 auto;padding:0 24px}
@media(min-width:768px){#hp-people-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1200px){#hp-people-grid{grid-template-columns:repeat(4,1fr)}}
.hp-agent-card:hover,.hp-agent-card:focus-visible{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.12);outline:none}
.hp-agent-card:focus-visible{box-shadow:0 0 0 3px #EEB211,0 12px 32px rgba(0,0,0,0.12)}
#hp-agent-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.55);opacity:0;transition:opacity 150ms ease}
#hp-agent-modal.is-open{display:flex;opacity:1}
#hp-agent-modal-card{position:relative;max-width:560px;width:calc(100% - 48px);max-height:85vh;overflow-y:auto;border-radius:12px;padding:48px;font-family:Poppins,sans-serif}
#hp-agent-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;background:transparent;cursor:pointer;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:50%}
#hp-agent-modal-close:hover{background:rgba(0,0,0,0.08)}
@media(max-width:560px){#hp-agent-modal-card{padding:32px}}