/* Same subtle mountain backdrop as the home page header. */
@layer realtyHeaderBackdrop {
html body > header {
background-color:#f3eedf!important;
background-image:linear-gradient(105deg,rgba(249,247,239,.98) 0%,rgba(247,243,232,.94) 40%,rgba(232,227,207,.78) 72%,rgba(211,211,181,.68) 100%),url("/assets/cloud-forest-20261018.webp")!important;
background-position:center,center 40%!important;
background-size:cover!important;
border-bottom:1px solid #bca36c!important;
box-shadow:0 5px 22px rgba(29,48,36,.12),inset 0 1px 0 #fff9!important;
color:#123e31!important;
}
html body > header > .brand:not(.brand-logo) small {color:#78633d!important}
@media(max-width:800px){
html body > header{background-image:linear-gradient(105deg,rgba(249,247,239,.97),rgba(240,234,216,.86)),url("/assets/cloud-forest-20261018.webp")!important}
}
}