.section-communities-map{--section-pt-default:var(--spacing-21xl);--section-pb-default:var(--spacing-21xl);--communities-map-bg-color:var(--color-background);--communities-map-height:640px;position:relative;z-index:1;&:not(.has-background){background:var(--communities-map-bg-color)}.communities-map-content{display:flex;flex-direction:column;gap:var(--spacing-6xl)}.communities-map-header{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:flex-start;max-width:var(--screen-xhl);text-align:left}.communities-map-tagline{font-family:var(--font-heading);font-size:var(--font-size-xs);font-weight:400;letter-spacing:1px;margin:0;text-align:left;text-transform:uppercase}.communities-map-empty,.communities-map-title{margin:0;text-align:left}.communities-map-empty{font-size:var(--font-size-md)}&[data-color-mode=light]{.communities-map-tagline{color:var(--color-text-subtle)}.communities-map-title{color:var(--color-heading)}.communities-map-empty{color:var(--color-text-subtle)}}&[data-color-mode=dark]{--communities-map-bg-color:var(--color-grey-900);.communities-map-tagline{color:var(--color-grey-300)}.communities-map-title{color:var(--color-white)}.communities-map-empty{color:var(--color-grey-400)}.communities-map-frame{background:var(--color-grey-800)}.communities-map-error-note,.communities-map-preview-note,.communities-map-setup-note{background:color-mix(in srgb,var(--color-grey-800) 92%,transparent);color:var(--color-grey-300)}.communities-grid-load-more.button.outline{border-color:var(--color-white);color:var(--color-white);&:hover:not(.is-loading){background:var(--color-primary);border-color:var(--color-primary)}}}.communities-map-frame{background:var(--color-grey-100);border-radius:var(--radius-md);height:var(--communities-map-height);min-height:280px;overflow:hidden;position:relative;width:100%;@media (max-width:768px){height:min(var(--communities-map-height),70vh);min-height:320px}}.communities-map-canvas{border-radius:var(--radius-md);height:100%;overflow:hidden;width:100%}.communities-map-error-note,.communities-map-preview-note,.communities-map-setup-note{align-items:center;background:color-mix(in srgb,var(--color-grey-100) 92%,transparent);color:var(--color-secondary-light);display:flex;font-size:var(--font-size-sm);inset:0;justify-content:center;padding:var(--spacing-xl);pointer-events:none;position:absolute;text-align:center}.communities-grid-items,.communities-map-grid-items{display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(var(--communities-map-columns,3),minmax(0,1fr));list-style:none;margin:0;padding:0;@media (max-width:992px){grid-template-columns:repeat(min(2,var(--communities-map-columns,3)),minmax(0,1fr))}@media (max-width:576px){gap:var(--spacing-lg);grid-template-columns:minmax(0,1fr)}}.communities-grid-item{display:flex;margin:0;min-width:0;padding:0;&.is-hidden,&[hidden]{display:none}}.communities-grid-actions{display:flex;justify-content:center}.communities-grid-load-more{min-width:10rem;position:relative;.communities-grid-load-more-spinner{align-items:center;display:none;inset:0;justify-content:center;pointer-events:none;position:absolute;svg{animation:communities-map-grid-spin .8s linear infinite;height:var(--size-xl);width:var(--size-xl)}}&.is-loading,&.is-loading:active,&.is-loading:hover{background:var(--color-button-primary-pressed);border-color:var(--color-button-primary-pressed);color:var(--color-heading-light);cursor:wait;.communities-grid-load-more-label{visibility:hidden}.communities-grid-load-more-spinner{display:flex}}&[hidden]{display:none}}}@keyframes communities-map-grid-spin{to{transform:rotate(1turn)}}.communities-map-pin{--pin-bg:var(--color-corporate-main);align-items:center;background:transparent;border:none;color:var(--color-white);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-regular);font-size:var(--font-size-sm);font-weight:500;line-height:1.2;max-width:220px;position:relative;transform:translateY(-50%);transition:color ease-out var(--transition-fast);white-space:nowrap;&.is-active,&:hover{--pin-bg:var(--color-primary);z-index:2}}.communities-map-pin-body{align-items:center;background:var(--pin-bg);border-radius:var(--radius-sm);box-shadow:0 2px 8px rgba(0,0,0,.2);display:inline-flex;gap:var(--spacing-sm);max-width:100%;padding:8px 12px;transition:background-color ease-out var(--transition-fast)}.communities-map-pin-tip{border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--pin-bg);display:block;filter:drop-shadow(0 2px 2px rgb(0 0 0/12%));height:0;margin-top:-1px;transition:border-top-color ease-out var(--transition-fast);width:0}.communities-map-pin-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px;svg{display:block;height:100%;width:100%}}.communities-map-pin-label{overflow:hidden;text-overflow:ellipsis}.communities-map-cluster{align-items:center;background:var(--color-corporate-main);border:3px solid var(--color-white);border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.25);color:var(--color-white);cursor:pointer;display:flex;font-family:var(--font-regular);font-size:var(--font-size-sm);font-weight:600;height:40px;justify-content:center;width:40px}.communities-map-cluster--lg{background:var(--color-primary);font-size:var(--font-size-md);height:48px;width:48px}.communities-map-popup{filter:drop-shadow(0 8px 24px rgb(0 0 0/18%));max-height:min(480px,calc(100% - 48px));overflow:hidden;pointer-events:auto;position:absolute;width:min(360px,calc(100% - 32px));z-index:5;@media (max-width:576px){max-height:min(70vh,calc(100% - 32px));width:min(320px,calc(100% - 24px))}}.communities-map-popup-inner{background:transparent;position:relative}.communities-map-popup-close{align-items:center;background:hsla(0,0%,100%,.92);border:none;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.15);color:var(--color-black);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);width:32px;z-index:2;svg{display:block;height:14px;width:14px}&:hover{background:var(--color-white)}}.communities-map-popup .community-card{border:none!important;pointer-events:auto}.section-communities-map .community-card{background:var(--color-white);border:1px solid var(--color-card-border-light);border-radius:var(--radius-md);box-sizing:border-box;color:inherit;display:flex;flex-direction:column;min-width:0;overflow:hidden;text-decoration:none;transition:border-color ease-out var(--transition-fast);width:100%;&:hover{border-color:var(--color-card-border)}}.section-communities-map .community-card-media{aspect-ratio:5/3;background:var(--color-grey-100);overflow:hidden;position:relative}.section-communities-map .community-card-image{display:block;height:100%;object-fit:cover;width:100%}.section-communities-map .community-card-image--placeholder{background:var(--color-grey-100);display:block;height:100%;width:100%}.section-communities-map .community-card-badges{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs);left:var(--spacing-md);position:absolute;top:var(--spacing-md);z-index:1}.section-communities-map .community-card-badge{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-family:var(--font-regular);font-size:var(--font-size-xs);font-weight:500;gap:var(--spacing-xs);line-height:1.3;padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.section-communities-map .community-card-badge-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;svg{display:flex;height:var(--font-size-xs);width:var(--font-size-xs)}}.section-communities-map .community-card-badge-text{align-items:center;flex-shrink:0;justify-content:center;line-height:1}.section-communities-map .community-card-badge--special{background:var(--color-primary-lighter);color:var(--color-black)}.section-communities-map .community-card-badge--coming-soon{background:var(--color-button-primary);color:var(--color-white)}.section-communities-map .community-card-body{display:flex;flex:1;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg)}.section-communities-map .community-card-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between}.section-communities-map .community-card-heading{display:flex;flex:1;flex-direction:column;gap:var(--spacing-2xs);min-width:0}.section-communities-map .community-card-title{color:var(--color-black);font-family:var(--font-regular);font-size:var(--font-size-lg)!important;font-weight:600;margin:0}.section-communities-map .community-card-location{color:var(--color-black);font-family:var(--font-regular);font-size:var(--font-size-sm);font-weight:400;margin:0;text-transform:uppercase}.section-communities-map .community-card-price{flex-shrink:0;font-family:var(--font-regular);font-size:var(--font-size-sm);margin:0;text-align:right;white-space:nowrap}.section-communities-map .community-card-price-prefix,.section-communities-map .community-card-price-suffix{color:var(--color-secondary-light);font-family:var(--font-regular);font-size:var(--font-size-sm);font-weight:400}.section-communities-map .community-card-price-amount{color:var(--color-black);font-family:var(--font-regular);font-size:var(--font-size-lg);font-weight:500}.section-communities-map .community-card-specs{color:var(--color-secondary-light);font-family:var(--font-regular);font-size:var(--font-size-sm);margin:0}.section-communities-map .community-card-features{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);list-style:none;margin:auto 0 0;padding:0}.section-communities-map .community-card-feature{align-items:center;background:var(--color-background-grayish-blue);border-radius:var(--radius-pill);color:var(--color-corporate-main);display:inline-flex;font-family:var(--font-regular);font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-md)}.section-communities-map .community-card-excerpt{color:var(--color-black);font-family:var(--font-regular);font-size:var(--font-size-sm);font-weight:400;margin:0}.section-communities-map .community-card-excerpt--push{margin-top:auto}.section-communities-map[data-color-mode=dark]{.communities-map-empty{color:var(--color-grey-400)}.community-card{background:var(--color-grey-800);border-color:var(--color-grey-700);color:var(--color-white);&:hover{border-color:var(--color-grey-600)}}.community-card-image--placeholder,.community-card-media{background:var(--color-grey-700)}.community-card-location,.community-card-price-amount,.community-card-title{color:var(--color-white)}.community-card-excerpt,.community-card-price-prefix,.community-card-price-suffix,.community-card-specs{color:var(--color-grey-300)}.community-card-feature{background:var(--color-corporate-main);color:var(--color-white)}}