
:root{
  --cream:#F4F0E6;--paper:#FBFAF5;--navy:#203149;--coral:#ED5750;
  --muted:#6E7683;--rule:#C8C1B3;--soft:#E8E2D6;--white:#fff;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--navy);font-family:Arial,Helvetica,sans-serif;line-height:1.5}
img{display:block;max-width:100%} a{color:inherit;text-decoration:none}
.serif{font-family:Georgia,"Times New Roman",serif}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.site-header{border-bottom:1px solid var(--rule);background:rgba(244,240,230,.96)}
.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:baseline;gap:11px;white-space:nowrap}
.brand-main{font-size:27px;font-weight:900;letter-spacing:-1.3px}
.brand-sub{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700}
nav a{padding:10px 0;border-bottom:2px solid transparent}
nav a:hover,nav a[aria-current="page"]{border-color:var(--coral)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid var(--navy);font-weight:800;font-size:14px}
.btn.primary{background:var(--coral);border-color:var(--coral);color:#fff}
.btn.light{border-color:var(--rule);background:transparent}
.kicker{font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--coral)}
.hero{border-bottom:1px solid var(--rule)}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;min-height:500px}
.hero-copy{padding:70px 50px 66px 0;display:flex;flex-direction:column;justify-content:center}
.hero h1{font-size:62px;line-height:.98;margin:16px 0 22px;letter-spacing:-2px}
.hero p{font-size:17px;max-width:610px;margin:0 0 28px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-photo{min-height:500px;background:var(--soft);overflow:hidden}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.section{padding:62px 0;border-bottom:1px solid var(--rule)}
.section.paper{background:var(--paper)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.section h2,.page-title{font-size:42px;line-height:1.05;margin:8px 0 0;letter-spacing:-1px}
.section-intro{max-width:700px;color:var(--muted);font-size:15px}
.listing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:var(--cream);border:1px solid var(--rule)}
.card-media{aspect-ratio:4/3;background:var(--soft);overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover}
.card-body{padding:16px}
.status,.property-type{font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--coral)}
.status.pending{color:var(--navy)}
.card h3{font-size:17px;line-height:1.25;margin:7px 0 4px}
.meta{font-size:13px;color:var(--muted)}
.text-link{font-size:13px;font-weight:800;margin-top:14px;display:inline-block}
.clarity{display:grid;grid-template-columns:.78fr 1.22fr;border-bottom:1px solid var(--rule)}
.clarity-intro{background:var(--navy);color:#fff;padding:54px 48px}
.clarity-intro .kicker{color:#EF817B}.clarity-intro h2{font-size:43px;line-height:1.04;margin:10px 0 16px}
.clarity-intro p{color:#E6EBEF;font-size:14px;max-width:390px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:54px 48px}
.pillar-num{font-family:Georgia,"Times New Roman",serif;color:var(--coral);font-size:34px}
.pillar h3{font-size:16px;margin:7px 0}.pillar p{font-size:14px;color:var(--muted);margin:0}
.sales-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sale-card{border:1px solid var(--rule);background:var(--paper)}
.sale-card .card-media{aspect-ratio:3/2}
.sale-info{padding:16px 17px 17px}
.sale-address{font-size:18px;font-weight:800;margin:5px 0 10px}
.sale-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.sale-price{font-weight:800;font-size:17px}.sold{font-size:10px;letter-spacing:.18em;font-weight:900;color:var(--muted)}
.review-feature{display:grid;grid-template-columns:.72fr 1.28fr}
.review-feature-intro{padding:58px 48px 58px 0}
.review-feature-list{background:var(--paper);padding:44px 42px}
.quote{border-left:2px solid var(--coral);padding:3px 0 3px 20px;margin:0 0 30px}
.quote:last-child{margin-bottom:0}.quote p{font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1.38;margin:0}
.quote cite{display:block;font-style:normal;font-size:12px;color:var(--muted);margin-top:10px}
.cta{background:var(--navy);color:#fff;text-align:center;padding:62px 20px}
.cta .kicker{color:#EF817B}.cta h2{font-size:44px;margin:10px 0 12px}.cta p{color:#E4E9EF;margin:0 auto 22px;max-width:600px}
.site-footer{padding:22px 0;color:var(--muted);font-size:11px}
.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.page-hero{padding:65px 0 46px;border-bottom:1px solid var(--rule)}
.page-hero .page-title{font-size:58px;margin-top:12px}.page-hero p{color:var(--muted);max-width:690px;font-size:16px}
.all-sales{padding:42px 0 64px}.all-sales .sales-grid{gap:20px}
.reviews-featured{padding:46px 0;border-bottom:1px solid var(--rule)}
.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:25px}
.review-card{background:var(--paper);border:1px solid var(--rule);padding:22px}
.review-card .source{color:var(--coral);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.review-card blockquote{margin:10px 0 16px;font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.45}
.review-card .reviewer{font-size:12px;color:var(--muted);font-weight:700}
.all-reviews{padding:54px 0 70px;background:var(--paper)}
.review-columns{columns:2 480px;column-gap:20px;margin-top:28px}
.review-small{break-inside:avoid;background:var(--cream);border:1px solid var(--rule);padding:18px;margin:0 0 20px}
.review-small .source{font-size:10px;color:var(--coral);font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.review-small .reviewer{font-size:13px;font-weight:800;margin:5px 0 10px}
.review-small p{font-size:14px;line-height:1.55;margin:0}
.back-top{font-size:12px;font-weight:800}
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr}.hero-copy{padding:58px 0 48px}.hero-photo{min-height:460px}
  .listing-grid{grid-template-columns:repeat(2,1fr)}
  .clarity{grid-template-columns:1fr}.pillars{padding:42px 28px}.clarity-intro{padding:45px 28px}
  .sales-grid{grid-template-columns:repeat(2,1fr)}
  .review-feature{grid-template-columns:1fr}.review-feature-intro{padding:50px 0 34px}.review-feature-list{padding:38px 30px}
}
@media(max-width:650px){
  .wrap{padding:0 18px}.header-inner{min-height:auto;padding:14px 0;align-items:flex-start;flex-direction:column;gap:8px}
  nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}
  .hero h1{font-size:45px}.hero-copy{padding:46px 0 38px}.hero-photo{min-height:390px}
  .section{padding:44px 0}.section h2,.page-title{font-size:35px}.section-head{align-items:flex-start;flex-direction:column}
  .listing-grid,.sales-grid,.featured-grid{grid-template-columns:1fr}
  .pillars{grid-template-columns:1fr;gap:25px}
  .clarity-intro h2{font-size:36px}.page-hero{padding:45px 0 34px}.page-hero .page-title{font-size:44px}
  .review-feature-list{padding:30px 20px}.quote p{font-size:19px}.cta h2{font-size:36px}
  .review-columns{columns:1}
}


/* V2 contact behavior / visibility */
.contact-number{
  display:inline-block;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  font-size:42px;
  line-height:1.05;
  letter-spacing:-1px;
  color:#fff;
  margin:6px 0 8px;
  border-bottom:2px solid var(--coral);
}
.contact-note{
  color:#DCE3E9;
  font-size:13px;
  margin:0 0 22px;
}
.hero-phone{
  font-size:16px;
  letter-spacing:.01em;
}
@media(max-width:650px){
  .contact-number{font-size:34px}
  .hero-phone{font-size:15px}
}


/* V3: identity, contact visibility, and 5-star review treatment */
.agent-name{
  font-family:Georgia,"Times New Roman",serif;
  font-size:42px;
  line-height:1.1;
  font-weight:700;
  margin:0 0 8px;
  color:var(--navy);
}
.agent-role{
  font-size:11px;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--coral);
  margin-bottom:14px;
}
.review-stars{
  color:#D39A2C;
  font-size:16px;
  letter-spacing:.11em;
  line-height:1;
  margin:8px 0 10px;
  font-family:Arial,Helvetica,sans-serif;
}
.quote .review-stars{
  margin:0 0 9px;
}
.contact-number{
  border-bottom:0 !important;
  margin:10px 0 10px !important;
}
.contact-number.btn-call{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:14px 26px;
  background:var(--coral);
  border:1px solid var(--coral);
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:19px;
  font-weight:900;
  letter-spacing:.01em;
  text-decoration:none;
}
.hero-phone{
  font-size:16px;
  letter-spacing:.01em;
}
@media(max-width:650px){
  .agent-name{font-size:34px}
  .contact-number.btn-call{font-size:17px;min-height:52px;padding:13px 18px}
  .hero-phone{font-size:15px}
}


/* V5: office / Fair Housing footer + Google review CTA */
.legal-footer{
  border-top:1px solid var(--rule);
  padding:17px 0 21px;
  background:var(--cream);
  color:var(--muted);
  font-size:11px;
}
.legal-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px 24px;
  flex-wrap:wrap;
}
.legal-footer a{
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
}
.review-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin:24px 0 30px;
  padding:22px 24px;
  border:1px solid var(--rule);
  background:var(--paper);
}
.review-cta .stars{
  color:#D39A2C;
  font-size:18px;
  line-height:1;
  letter-spacing:.12em;
  margin-bottom:8px;
}
.review-cta strong{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  line-height:1.25;
  margin-bottom:4px;
}
.review-cta span{
  color:var(--muted);
  font-size:13px;
}
@media(max-width:650px){
  .review-cta,.legal-inner{align-items:flex-start;flex-direction:column}
  .review-cta .btn{width:100%}
}
