/* PropertyRat: bright, architectural, and independently branded. */
header .brand-mark{width:29px;height:33px;margin-right:8px}header .brand-mark svg{transform-origin:center;animation:house-welcome 7s ease-in-out infinite}.brand-mark .mark-roof{stroke-dasharray:45;animation:none}.brand-mark .mark-window{animation:window-light 6s ease-in-out infinite}
@keyframes house-welcome{0%,78%,100%{transform:translateY(0)}84%{transform:translateY(-2px)}92%{transform:translateY(0)}}
.hero{background:#f4f5ec;background-image:radial-gradient(ellipse at 65% 10%,#e6ead6b0,transparent 65%);color:#233e30;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:36px 48px;padding:46px 5% 32px;isolation:isolate}.hero::before,.hero::after{display:none}.hero-copy{padding:24px 0 0;max-width:620px;align-self:center}.hero .hero-badge{border:0;padding:0;background:none;color:#657a50;letter-spacing:1.6px;font-size:9px;border-radius:0}.hero .hero-badge>span{background:#91a64b;box-shadow:none;animation:none}.hero h1{font-size:clamp(39px,4.15vw,65px);font-weight:650;letter-spacing:-2.7px;line-height:1.16;margin:24px 0 22px;color:#233e30}.hero h1 em{font:inherit;font-style:normal;letter-spacing:inherit;color:#6d8543;display:inline-block;position:relative;white-space:nowrap}.hero h1 em::after{content:"";height:9px;left:2px;right:3px;bottom:2px;position:absolute;z-index:-1;background:#d5e794b0;border-radius:50% 25% 50% 20%;transform:rotate(-1deg)}.hero-copy>p{color:#77816c;font-size:14px;line-height:1.9;max-width:410px;margin-bottom:25px}.hero-locations{gap:8px}.hero-locations button{font-size:10px;background:#ffffff7a;color:#596e43;border:1px solid #d9e1cc;padding:8px 12px}.hero-locations button:hover{background:#e4edcf}.hero-proof{margin-top:27px;gap:23px}.hero-proof strong{color:#324b2e;font-size:11px}.hero-proof small{color:#96a083;font-size:9px}.hero-proof .proof-line{background:#d2ddc5}
.hero .hero-showcase{min-width:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:14px;min-height:0;height:420px;padding:0}.visual-main{position:relative;overflow:hidden;border-radius:80px 10px 10px 10px;min-width:0;background:#dce3d6}.visual-main>img{width:100%;height:100%;object-fit:cover;object-position:51% 50%;display:block;transition:transform .8s}.visual-main:hover>img{transform:scale(1.025)}.visual-main::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0a241abf);pointer-events:none}.visual-caption{position:absolute;left:24px;right:20px;bottom:25px;z-index:1;color:white}.visual-caption small{font-size:7px;letter-spacing:1.8px;color:#e5edd6;display:block;margin-bottom:12px}.visual-caption strong{font:500 23px/1.4 'Manrope',Arial,sans-serif;letter-spacing:-.7px}.visual-side{display:grid;grid-template-rows:1fr 1fr;gap:14px;min-width:0;min-height:0}.visual-side>img{height:100%;width:100%;object-fit:cover;object-position:60% center;min-height:0;display:block;border-radius:10px 10px 50px 10px}.visual-note{background:#234432;border-radius:10px;padding:22px 18px;color:#ecf3de;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.visual-note svg{width:29px;height:29px;color:#d4e898;margin-bottom:18px;flex-shrink:0}.visual-note strong{font-size:13px;font-weight:500;line-height:1.65;letter-spacing:-.2px}.visual-note>span{font-size:8px;color:#b3c2a5;line-height:1.8;margin-top:10px}
.hero .searchbox{margin:0;background:white;border:1px solid #dfe5d4;box-shadow:0 12px 32px #27452f08}.search-tabs{background:#fbfcf8}.search-tabs button.active{border-color:#668345}.trending{background:#f4f5ec;color:#63764f;padding-top:2px;padding-bottom:26px;border-bottom:1px solid #e3e8d8;gap:22px}.trending>span{color:#96a185}.trending button{color:#6d7d59;border-color:#cbd5ba}.seller.owner-callout{margin-top:26px}
@media(min-width:1500px){.hero h1{font-size:65px}.hero{padding-top:50px}}
@media(max-width:1100px){.hero{gap:30px}.hero h1{font-size:45px;letter-spacing:-2px}.hero .hero-showcase{height:385px;gap:12px}.visual-side{gap:12px}.visual-note{padding:18px 14px}.visual-note strong{font-size:11px}.visual-note>span{font-size:8px}.visual-caption{left:19px;bottom:23px}.visual-caption strong{font-size:21px}.visual-caption small{font-size:6px;letter-spacing:1.3px}.hero-copy>p{font-size:13px;max-width:360px}}
@media(min-width:761px) and (max-width:950px){.hero{gap:27px 25px;grid-template-columns:1.1fr 1fr;padding-top:35px}.hero h1{font-size:38px}.hero .hero-showcase{height:360px;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:10px}.visual-side{gap:10px}.visual-note{padding:15px 10px}.visual-note>span{display:none}.visual-note strong{font-size:10px}.visual-note svg{width:25px;height:25px;margin-bottom:13px}.visual-caption strong{font-size:19px}.visual-caption small{font-size:6px;letter-spacing:.8px}.hero-copy{padding-top:5px}.hero-proof{gap:15px}.hero-proof small{font-size:8px}.hero-locations{gap:6px}.hero-locations button{font-size:8px;padding:7px 9px}}
@media(max-width:760px){header .brand-mark{width:27px;height:30px;margin-right:6px}.hero{display:grid;grid-template-columns:1fr;padding:31px 5% 27px;gap:25px}.hero-copy{padding:0;max-width:550px;order:0}.hero .hero-badge{font-size:8px;letter-spacing:1.2px;line-height:1.7}.hero h1{font-size:clamp(35px,7.6vw,50px);letter-spacing:-1.6px;margin:21px 0 18px;line-height:1.17}.hero h1 em{letter-spacing:inherit;white-space:normal}.hero h1 em::after{height:7px;bottom:1px}.hero-copy>p{font-size:12px;line-height:1.85;max-width:430px;margin-bottom:18px}.hero-locations{gap:7px}.hero-locations button{font-size:9px;padding:7px 10px}.hero-proof{margin-top:22px;margin-bottom:0;gap:20px}.hero-proof strong{font-size:10px}.hero-proof small{font-size:8px}.hero-proof .proof-line{height:27px}.hero .searchbox{order:1;grid-column:auto}.hero .hero-showcase{order:2;height:220px;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:12px;display:grid;width:100%}.visual-main{border-radius:45px 8px 8px 8px}.visual-main>img{object-position:center 57%}.visual-caption{left:17px;bottom:18px;right:14px}.visual-caption strong{font-size:20px}.visual-caption small{font-size:6px;letter-spacing:1px;margin-bottom:7px}.visual-side{grid-template-rows:1fr 1fr;gap:10px}.visual-side>img{border-radius:8px 8px 28px 8px}.visual-note{padding:13px 12px;border-radius:8px;justify-content:center}.visual-note svg{display:none}.visual-note strong{font-size:10px;line-height:1.6}.visual-note>span{font-size:7px;line-height:1.6;margin-top:5px}.trending{padding-top:0;padding-bottom:21px;gap:10px 17px}.trending>span{font-size:7px}.trending button{font-size:8px}.seller.owner-callout{margin-top:23px}}
@media(max-width:380px){header .brand-mark{width:25px;height:28px}.hero h1{font-size:33px;letter-spacing:-1.5px}.hero h1 em{font-size:1em}.hero-copy>p{font-size:11px}.hero-locations{gap:6px}.hero-locations button{font-size:8px;padding:7px 9px}.hero-proof{gap:16px}.hero-proof strong{font-size:10px}.hero-proof small{font-size:7px}.hero .hero-showcase{height:205px;gap:10px}.visual-caption strong{font-size:17px}.visual-caption small{font-size:5px}.visual-note{padding:10px}.visual-note strong{font-size:9px}.visual-note>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){header .brand-mark svg,.brand-mark .mark-window{animation:none!important}.visual-main>img{transition:none}}
.hero .hero-showcase{align-items:stretch;justify-content:stretch}.visual-main{height:100%;min-height:0}.visual-side{height:100%;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
.account-dialog .phone-input .calling-code{width:77px;flex:0 0 77px;padding:12px 10px;border:0;border-right:1px solid #e0e8db;border-radius:0;background:none;font-size:12px;color:#536d4a;min-width:0;text-align:center}.city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.city-card h3{overflow-wrap:anywhere}.city-card p{gap:8px}
@media(max-width:760px){.city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-locations{row-gap:8px}.account-dialog .phone-input .calling-code{width:70px;flex-basis:70px;font-size:11px}.city-card small{font-size:7px;letter-spacing:.8px}.city-card p{font-size:9px}}
/* The house stays familiar; a small mouse makes the mark PropertyRat's own. */
header .brand-mark{width:39px;height:32px;margin-right:7px}.brand-mark .mouse-ear{transform-box:fill-box;transform-origin:50% 90%;animation:mouse-ear-twitch 8s ease-in-out infinite}.brand-mark .mouse-tail{transform-box:fill-box;transform-origin:100% 40%;animation:mouse-tail-sway 8s ease-in-out infinite}.footer-top .brand-mark{display:block;width:39px;height:32px;margin-right:7px;flex-shrink:0}.footer-top .brand-mark svg{width:100%;height:100%;animation:none}.footer-top .brand-mark .mouse-ear,.footer-top .brand-mark .mouse-tail{animation:none}
@keyframes mouse-ear-twitch{0%,80%,100%{transform:rotate(0)}84%{transform:rotate(-11deg)}89%{transform:rotate(7deg)}94%{transform:rotate(0)}}
@keyframes mouse-tail-sway{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-8deg)}92%{transform:rotate(5deg)}}
@media(max-width:760px){header .brand-mark{width:33px;height:29px;margin-right:6px}}
@media(max-width:380px){header .brand-mark{width:30px;height:27px;margin-right:5px}}
@media(prefers-reduced-motion:reduce){.brand-mark .mouse-ear,.brand-mark .mouse-tail{animation:none!important}}
/* Give the mouse enough detail at laptop viewing distances. */
@media(min-width:761px){header .brand-mark{width:52px;height:40px;margin-right:9px}header .brand-mouse{transform:scale(1.08);transform-origin:34px 27px}header .brand-mouse>path:not(.mouse-tail){fill:#526e32}header .brand-mouse>.mouse-ear{fill:#526e32}header .brand-mouse>.mouse-tail{stroke:#526e32}}
@media(min-width:761px) and (max-width:1000px){header .brand-mark{width:46px;height:36px;margin-right:7px}header nav{gap:12px}}