/* New-build homes: the existing photographic catalogue, with a quiet editorial introduction. */
.mx-new-properties:not(.mx-new-properties--map) main > .mx-map-title { margin: var(--s-6) 0 var(--s-3); font-size: clamp(2.25rem, 5vw, 4rem); font-weight: 400; letter-spacing: -.045em; line-height: 1.08; }
.mx-new-homes-intro { display: grid; gap: var(--s-3); max-inline-size: 68ch; margin-block-end: var(--s-6); }
.mx-new-homes-intro p { margin: 0; }
.mx-new-homes-intro__lede { font-size: clamp(1.3rem, 2.4vw, 1.8rem); line-height: 1.4; }
.mx-new-homes-intro__lede em { color: var(--c-accent); }
.mx-new-homes-intro > a { justify-self: start; min-block-size: 44px; display: inline-flex; align-items: center; gap: var(--s-2); }
.mx-new-developers { margin-block: var(--s-7); padding-block-start: var(--s-5); border-block-start: 1px solid var(--c-rule); }
.mx-new-developers__head { max-inline-size: 64ch; margin-block-end: var(--s-4); }
.mx-new-developers__head h2 { font-size: clamp(1.6rem, 3vw, 2.25rem); font-weight: 400; letter-spacing: -.025em; margin: 0 0 var(--s-3); }
.mx-new-developers__head p { margin: 0; }
/* Lazy-image placeholders can retain the source logo width before loading. */
.mx-new-developers .mx-agent-card,
.mx-new-developers .mx-agent-card__logo,
.mx-new-developers .mx-agent-card__body { min-inline-size: 0; }
.mx-new-developers .mx-agent-card__body { overflow-wrap: anywhere; }
.mx-new-developers .mx-agent-card__body h3 { margin: 0 0 var(--s-2); font-size: clamp(1.25rem, 1.6vw, 1.65rem); }
.mx-new-developers .mx-agent-card__contacts a { min-block-size: 44px; display: inline-flex; align-items: center; }
/* Official white wordmarks retain their source-site backing in either appearance. */
.mx-new-developers .mx-agent-card .mx-agent-card__logo--dandara { background: #153050; }
.mx-new-developers .mx-agent-card .mx-agent-card__logo--hartford-homes { background: #fff; }
.mx-new-developers .mx-agent-card .mx-agent-card__logo--haven-homes { background: #151623; }
.mx-new-developers .mx-developer-logo { max-inline-size: min(100%, 18rem); max-block-size: 6rem; }
.mx-new-properties .mx-empty { padding-block: var(--s-5); }
.mx-new-properties .mx-empty h2 { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 400; line-height: 1.2; }
.mx-new-properties--map .mx-new-homes-intro { display: none; }