.agents-hero{--agents-hero-image:url('/images/heroes/residential-community-aerial.jpg');position:relative;overflow:hidden;min-height:520px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(100deg,rgba(3,22,38,.97),rgba(5,54,86,.78)),var(--agents-hero-image) center/cover no-repeat}.agents-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.45fr);gap:4rem;align-items:end;padding-block:8rem 4rem}.agents-hero h1{max-width:850px;margin:.12em 0 .28em;color:#fff;font-size:clamp(3rem,6vw,5.5rem);line-height:1}.agents-hero p{max-width:720px;color:#d7e7f1;font-size:1.15rem;line-height:1.75}.agents-hero aside{padding:1.5rem;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(3,27,46,.7);backdrop-filter:blur(12px)}.agents-hero aside strong{display:block;color:#fff;font:700 4rem/1 var(--font-display)}.agents-hero aside span{color:#e7c77f;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.agents-hero aside p{margin:.75rem 0 0;font-size:.85rem}.agents-directory{padding:clamp(4rem,8vw,7rem) 0;background:#f3f7f9}.agents-intro{display:grid;grid-template-columns:1fr .8fr;gap:5rem;align-items:end;margin-bottom:3rem}.agents-intro h2{margin:.1em 0 0;font-size:clamp(2.3rem,4vw,3.8rem)}.agents-intro>p{margin:0;color:var(--slate);line-height:1.8}.agents-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.agent-card{overflow:hidden;border:1px solid #cfdae1;border-radius:12px;background:#fff;box-shadow:0 1.2rem 3rem rgba(4,31,50,.08)}.agent-card-media{position:relative;height:330px;background:#075f9c}.agent-card-media img{width:100%;height:100%;object-fit:cover}.agent-card-placeholder{height:100%;display:grid;place-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 30% 20%,#1599ef,#086eb5 45%,#06436f)}.agent-card-placeholder span{font:800 6rem/1 var(--font-display);letter-spacing:-.08em}.agent-card-placeholder small{margin-top:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.agent-approval-mark{position:absolute;right:1rem;bottom:1rem;padding:.45rem .75rem;border-radius:999px;background:#fff;color:#075f9c;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.agent-card-body{padding:2rem}.agent-card-body h2{margin:.15em 0 .4em;font-size:2.2rem}.agent-card-body>p{color:var(--slate);line-height:1.7}.agent-card-body ul{display:grid;gap:.5rem;padding:1rem 0 1rem 1.2rem;border-block:1px solid #e0e8ed;color:#244a61}.agent-card-body dl{display:grid;gap:.8rem;margin:1.2rem 0}.agent-card-body dl div{display:grid;grid-template-columns:85px 1fr;gap:1rem}.agent-card-body dt{color:#657d8c;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.agent-card-body dd{margin:0;color:#193b50;overflow-wrap:anywhere}.agent-card-body .actions{margin-top:1.5rem}.agents-empty{grid-column:1/-1;padding:4rem;text-align:center;border:1px dashed #a9bdc9;border-radius:12px;background:#fff}.agents-guidance{padding:4rem 0;background:var(--navy-950);color:#d9e7ef}.agents-guidance .wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.agents-guidance article{padding:2rem;border-left:3px solid #e7c77f;background:rgba(255,255,255,.04)}.agents-guidance span{color:#e7c77f;font-weight:900}.agents-guidance h2{color:#fff}.agent-admin-preview{display:grid;place-content:center;overflow:hidden;width:100%;height:170px;margin-bottom:1rem;border-radius:8px;background:#0877c6;color:#fff;font:800 3rem/1 var(--font-display)}.agent-admin-preview img{width:100%;height:100%;object-fit:cover}.agent-editor-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);gap:2rem;align-items:start}.agent-editor-layout form{display:grid;gap:1.25rem}.agent-image-guide{position:sticky;top:1rem;padding:1.5rem;border:1px solid #cfdae1;border-radius:10px;background:#fff}.agent-image-guide-frame{display:grid;place-content:center;overflow:hidden;aspect-ratio:3/2;margin:1rem 0;border-radius:8px;background:linear-gradient(135deg,#0877c6,#06436f);color:#fff;text-align:center}.agent-image-guide-frame img{width:100%;height:100%;object-fit:cover}.agent-image-guide-frame span{font:800 4rem/1 var(--font-display)}.agent-image-guide-frame small{margin-top:.5rem}.agent-image-guide p{color:var(--slate);line-height:1.7}
@media(max-width:900px){.agents-hero-grid,.agents-intro,.agent-editor-layout{grid-template-columns:1fr}.agents-grid,.agents-guidance .wrap{grid-template-columns:1fr}.agent-image-guide{position:static}.agents-hero-grid{padding-block:6rem 3.5rem}}
@media(max-width:600px){.agents-hero aside{display:none}.agent-card-media{height:260px}.agent-card-body dl div{grid-template-columns:1fr;gap:.2rem}.agents-empty{padding:2.5rem 1.25rem}}