.breadcrumb{padding-block:18px 16px;color:#62768b;font-size:12px;line-height:1.8}
.breadcrumb ol{gap:5px 0;align-items:baseline}
.breadcrumb li{display:inline-flex;align-items:baseline;min-width:0;max-width:100%;overflow-wrap:anywhere}
.breadcrumb li+li::before{content:"";width:5px;height:5px;flex:0 0 5px;border-top:1px solid #90a4b9;border-right:1px solid #90a4b9;transform:rotate(45deg);align-self:center;margin:0 12px 0 10px}
.breadcrumb a{color:#52728f;border-radius:3px;text-decoration:none;text-underline-offset:4px}
.breadcrumb a:hover{color:#215fae;text-decoration:underline}
.breadcrumb a:focus-visible{outline:2px solid #5186bc;outline-offset:4px}
.breadcrumb [aria-current=page]{color:#263f57;font-weight:500}
.page-intro.category-banner{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:202px;margin:0 0 24px;padding:30px 36px;border:1px solid #284f70;border-radius:8px;background:#163850;box-shadow:0 5px 20px #173a5310}
.category-art{position:absolute;inset:0;z-index:-2;pointer-events:none}
.category-art img{width:100%;height:100%;object-fit:cover;object-position:65% 53%;opacity:.86}
.category-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102e49ed 0%,#102e49c7 44%,#102e4940 100%)}
.category-banner::after{content:"";position:absolute;right:28px;bottom:22px;width:58px;height:3px;background:linear-gradient(90deg,#a8c9ec 0 70%,#e7b977 70%)}
.category-banner>.eyebrow{color:#bad2e9;font-size:10px;letter-spacing:1.8px;margin:0 0 11px;padding-left:12px;border-left:2px solid #e7b977}
.category-banner h1{color:#f6faff;max-width:80%;font-size:32px;line-height:1.45;letter-spacing:-.5px;margin:0 0 13px;text-shadow:0 2px 10px #0b213840}
.page-intro.category-banner>p:last-child{max-width:72%;margin:0;color:#d4e1ee;font-size:13px;line-height:1.9}
.district-banner .category-art img{object-position:48% 52%}
.units-banner .category-art img{object-position:70% 62%}
.topics-banner .category-art img{object-position:35% 48%}
.news-banner .category-art img{object-position:55% 38%}
.search-banner .category-art img{object-position:62% 55%}
.property-detail .detail-heading{position:relative;max-width:none;padding:25px 28px 24px;margin:0 0 20px;border:1px solid #d5e0ec;border-radius:8px;background:linear-gradient(105deg,#f7faff 18%,#e7eff8 100%);overflow:hidden;isolation:isolate}

.property-detail .detail-heading::after{content:"";position:absolute;left:28px;top:0;width:40px;height:2px;background:#658eb7}
.property-detail .detail-heading h1{max-width:85%;font-size:32px}
.property-detail .detail-heading>p:last-child{max-width:85%;margin-bottom:0;color:#536e86}
.news-detail-main .news-article-header{position:relative;isolation:isolate;padding:0 0 22px;border-bottom:1px solid #d7e2ef;margin-bottom:24px}

@media(min-width:1920px){.category-art img{object-position:60% 50%}}
@media(max-width:767px){
 .breadcrumb{font-size:11px;padding-block:14px 12px;line-height:1.85}
 .breadcrumb li+li::before{margin-inline:9px 10px;width:4px;height:4px;flex-basis:4px}
 .page-intro.category-banner{min-height:172px;padding:22px 20px;margin-bottom:20px}
 .category-art img{object-position:43% 50%}
 .category-banner::before{background:linear-gradient(90deg,#102e49ed,#102e4999)}
 .category-banner::after{right:20px;bottom:16px;width:32px;height:2px}
 .category-banner>.eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:10px;padding-left:9px}
 .category-banner h1{font-size:25px;max-width:100%;margin-bottom:10px;line-height:1.5;letter-spacing:-.3px}
 .page-intro.category-banner>p:last-child{max-width:100%;font-size:11px;line-height:1.9;padding-right:3px}
 .property-detail .detail-heading{padding:20px 18px 18px;margin-bottom:16px}
 
 .property-detail .detail-heading::after{left:18px;width:32px}
 .property-detail .detail-heading h1{max-width:100%;font-size:26px;line-height:1.45}
 .property-detail .detail-heading>.eyebrow{font-size:9px;letter-spacing:1.1px}
 .property-detail .detail-heading>p:last-child{max-width:100%;font-size:12px}
 .news-detail-main .news-article-header{padding-bottom:18px;margin-bottom:20px}
 
}
@media(prefers-reduced-motion:reduce){.breadcrumb a{transition:none}}
