/* Compass-inspired property collection within the selected Editorial design. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.listing-index{background:#fbfaf7}
html[data-design=editorial] .listing-index .page-heading{padding:68px var(--pad) 48px;background:#fbfaf7;border-bottom:1px solid #dedbd3}
html[data-design=editorial] .listing-index .page-heading .eyebrow{font-weight:300;margin-bottom:20px;letter-spacing:.24em}
html[data-design=editorial] .listing-index .page-heading h1{font-size:clamp(48px,5.2vw,78px);line-height:1.1;margin-bottom:19px}
.listing-index .page-heading p:last-child{max-width:710px;font-size:17px;line-height:1.8}
html:not([data-design=original]) .listing-index .collection{padding-top:36px;padding-bottom:85px}
.listing-index .filters{gap:35px;align-items:center;margin-bottom:38px;border-color:#d8d6cf}
.listing-index .filters button{padding:12px 3px 17px;font-size:15px;min-height:50px;letter-spacing:.08em;font-weight:300}
.listing-index .count{font-size:14px;letter-spacing:.04em}
.listing-index .property-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}
.listing-index .portfolio-card{display:block;background:#fff;border:1px solid #e0ded8;transition:border-color .2s;min-width:0}
.listing-index .portfolio-card:hover{border-color:#77766e}
.listing-index .portfolio-card .photo{aspect-ratio:1.48;overflow:hidden}
.listing-index .portfolio-card .photo img{object-fit:cover;object-position:center}
.listing-index .portfolio-card .tag{font-family:'Compass Sans',sans-serif;font-weight:400;font-size:11px;letter-spacing:.06em;top:14px;left:14px;padding:5px 9px;background:#fff;color:#242424}
.listing-index .property-information{padding:20px 21px 17px}
.listing-index .property-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
html:not([data-design=original]) .listing-index .portfolio-card .price,.listing-index .portfolio-card .price{font-family:'Compass Sans',Arial,sans-serif;font-size:27px;font-weight:300;letter-spacing:.015em;margin:0 0 9px;line-height:1.3}
.listing-index .property-arrow{font-size:21px;align-self:flex-start;line-height:1.6;color:#6e726e}
html[data-design=editorial] .listing-index .portfolio-card h3,.listing-index .portfolio-card h3{font-family:'Compass Sans',Arial,sans-serif;font-size:18px;line-height:1.55;font-weight:300;letter-spacing:.015em;margin:0 0 2px}
.listing-index .portfolio-card .location{font-size:14px;font-weight:300;letter-spacing:.025em;margin:0 0 18px;color:#63675f}
html:not([data-design=original]) .listing-index .portfolio-card .facts,.listing-index .portfolio-card .facts{font-family:'Compass Sans',Arial,sans-serif;border-top:1px solid #e4e2dc;padding-top:14px;display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;letter-spacing:0;color:#4b4e48}
.listing-index .facts strong{font-weight:400}
.listing-index .property-destination{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-top:20px;color:#53584f}
.listing-index .portfolio-source{margin-top:50px;padding-top:26px;border-top:1px solid #d8d6cf;display:flex;justify-content:space-between;align-items:center;gap:30px}
.listing-index .portfolio-source p{color:#63675f;font-size:14px;line-height:1.8;max-width:560px}
.listing-index .portfolio-source .text-link{flex-shrink:0;min-height:44px}
@media(min-width:1700px){.listing-index .property-grid{gap:45px 36px}.listing-index .portfolio-card .photo{aspect-ratio:1.5}}
@media(max-width:1100px){.listing-index .property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html[data-design=editorial] .listing-index .page-heading{padding:40px var(--pad) 31px}html[data-design=editorial] .listing-index .page-heading h1{font-size:46px}.listing-index .page-heading p:last-child{font-size:16px}html:not([data-design=original]) .listing-index .collection{padding:20px 18px 55px}.listing-index .filters{gap:28px;margin-bottom:24px}.listing-index .filters button{font-size:15px;min-height:48px;padding:10px 2px 14px}.listing-index .count{font-size:13px}.listing-index .property-grid{grid-template-columns:minmax(0,1fr);gap:27px}.listing-index .portfolio-card .photo{aspect-ratio:4/3}.listing-index .property-information{padding:18px 19px}.listing-index .portfolio-card .price,html:not([data-design=original]) .listing-index .portfolio-card .price{font-size:28px}.listing-index .portfolio-card h3,html[data-design=editorial] .listing-index .portfolio-card h3{font-size:19px}.listing-index .portfolio-card .location{font-size:15px}.listing-index .portfolio-card .facts,html:not([data-design=original]) .listing-index .portfolio-card .facts{font-size:15px;gap:8px 19px}.listing-index .property-destination{font-size:12px;margin-top:18px}.listing-index .portfolio-source{display:block;margin-top:35px;padding-top:22px}.listing-index .portfolio-source p{font-size:14px}.listing-index .portfolio-source .text-link{font-size:13px}}
