/* One shared inner-page banner, matching the property catalogue. */
.site-page-banner {
    position: relative;
    margin-top: 80px;
    padding: 42px 0 70px;
    background-size: cover;
    background-position: center 48%;
    background-color: #102f56;
    isolation: isolate;
    color: #fff;
    font-family: "Inter", Arial, sans-serif;
    letter-spacing: 0;
}
.site-page-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(105deg, rgb(8 37 74 / 96%) 0%, rgb(13 69 117 / 83%) 50%, rgb(25 100 151 / 48%) 100%);
}
.site-page-banner-container { width: calc(100% - 32px); max-width: 1440px; margin-inline: auto; }
.site-page-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-bottom: 24px; color: #e7eef7; font-size: 12px; line-height: 1.6; }
.site-page-breadcrumb a { display: inline-flex; align-items: center; gap: 8px; color: #c8d9ec; text-decoration: none; }
.site-page-breadcrumb > img, .site-page-breadcrumb a > img { width: 16px; height: 16px; filter: brightness(0) invert(1); opacity: .8; flex-shrink: 0; }
.site-page-breadcrumb span { overflow-wrap: anywhere; }
.site-page-banner-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; }
.site-page-banner-heading > div { min-width: 0; }
.site-page-banner-eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #f4cf85; font-size: 12px; font-weight: 500; }
.site-page-banner-eyebrow::before { content: ""; width: 24px; height: 1px; background: #e5b753; flex-shrink: 0; }
.site-page-banner-heading h1 { margin: 12px 0; color: #fff; font-size: 36px; font-weight: 500; line-height: 1.3; overflow-wrap: anywhere; }
.site-page-banner-heading p { margin: 0; color: #d6e4f3; font-size: 14px; line-height: 1.7; max-width: 75ch; }
.site-page-banner-help { display: inline-flex; flex-shrink: 0; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid rgb(255 255 255 / 24%); border-radius: 8px; background: rgb(255 255 255 / 9%); color: #fff; font-size: 13px; line-height: 1.6; text-decoration: none; }
.site-page-banner-help img { width: 20px; height: 20px; filter: brightness(0) invert(1); }
.site-page-banner-help:hover { background: rgb(255 255 255 / 16%); }
.site-page-banner a:focus-visible { outline: 2px solid #f4cf85; outline-offset: 5px; }
.property-catalog.property-catalog--listing, .property-catalog.property-detail { padding-top: 0; }
.property-catalog--listing { display: flow-root; }
@media (max-width: 1000px) {
    .site-page-banner { padding-bottom: 158px; }
}
@media (max-width: 640px) {
    .site-page-banner { margin-top: 68px; padding: 30px 0 54px; background-position: 65% center; }
    .site-page-banner-container { width: calc(100% - 24px); }
    .site-page-breadcrumb { margin-bottom: 22px; }
    .site-page-banner-heading { display: block; }
    .site-page-banner-heading h1 { font-size: 28px; }
    .site-page-banner-heading p { max-width: 320px; font-size: 13px; }
    .site-page-banner-help { margin-top: 18px; padding: 8px 10px; }
}