/* RentCrest editorial photo system.
   Hero and synthetic demo houses are locally bundled by scripts/prepare_visual_photos.py.
   Never display these editorial pictures as a verified real property photo. */
.crest-photo-hero{
  background-image:
    linear-gradient(90deg,rgba(11,26,39,.88) 0%,rgba(12,29,42,.67) 38%,rgba(11,26,39,.18) 82%),
    url("/static/media/hero-houses.webp")!important;
  background-size:cover!important;
  background-position:50% 54%!important;
}
.crest-card-photo{aspect-ratio:1.63/1;height:auto!important;min-height:128px;margin:0!important;background:#d7e2dd}
.crest-card-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;filter:none!important;transform:translateZ(0);image-rendering:auto}
.crest-property-card{overflow:hidden;border:1px solid #e0e8e4!important;border-radius:13px!important;box-shadow:0 4px 14px rgba(16,34,44,.075)!important;padding:7px!important;background:#fff}
.crest-property-card:hover,.crest-property-card:focus-visible{border-color:#a3c8b9!important;box-shadow:0 13px 32px rgba(12,33,44,.14)!important;transform:translateY(-2px)}
.crest-card-body{padding:13px 6px 7px!important}
.crest-card-name{color:#172d3c!important;font-size:12.5px!important;line-height:1.4!important;letter-spacing:-.07px;min-height:35px!important}
.crest-card-address{font-size:10px!important;color:#81918e!important}
.crest-card-amounts{padding:9px 0 1px;border-top:1px solid #edf1ed;margin:14px 0 9px!important}
.crest-card-amounts>div strong{font-size:14px!important;line-height:1.2}
.crest-card-rate{margin-top:9px!important;letter-spacing:.05px}
.crest-card-photo::after{inset:44% 0 0!important;background:linear-gradient(0deg,rgba(12,31,39,.4),transparent)!important}
.crest-card-photo .crest-chip{z-index:3!important;bottom:10px!important;left:10px!important;border:1px solid #ffffff44;box-shadow:0 2px 8px rgba(4,17,28,.17)}
/* The previous version laid one tiny compressed hero crop over EVERY card.
   Explicitly kill the duplicated pseudo-image. The <img> is now distinct and
   has 1040x650 source pixels rather than the stretched 20KB panorama. */
.crest-app.is-demo .crest-card-photo::before,
.crest-app.is-demo .crest-attention-pic::before{content:none!important;background-image:none!important}
.crest-app.is-demo .crest-card-photo img,
.crest-app.is-demo .crest-attention-pic img{filter:none!important}
.crest-attention-pic{background:#dce5df;border-radius:8px;overflow:hidden}
.crest-attention-pic img{width:100%;height:100%;object-fit:cover}
.drawer-hero{overflow:hidden;background:#e7ece8}
.drawer-hero img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){
  .crest-photo-hero{background-position:64% 49%!important}
  .crest-card-photo{min-height:100px;aspect-ratio:1.58/1}
  .crest-card-amounts>div strong{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){
  .crest-property-card:hover{transform:none}
}