Launch site
Contact Laurie MacDonald | East County San Diego REALTOR®
@import url(‘
https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800&display=swap’ ;);
@import url(‘
https://fonts.cdnfonts.com/css/maharlika’ ;);
:root{
–navy:#022169;
–navy-deep:#01143f;
–lightblue:#bdd7ff;
–red:#b20000;
–paper:#FBF9F5;
–paper-dim:#F1ECE3;
–ink:#232830;
–ink-soft:#5A6270;
–line:#DEE3EC;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{overflow-x:hidden;}
body{font-family:’Maharlika’, sans-serif; color:var(–ink); background:var(–paper); line-height:1.6; overflow-x:hidden;}
h1,h2,h3{font-family:’Playfair Display’, serif;}
a{color:inherit;}
.hrwrap{max-width:1120px; margin:0 auto; padding:0 32px;}
.full-bleed{
width:100vw;
position:relative;
left:50%;
right:50%;
margin-left:-50vw;
margin-right:-50vw;
}
section{padding:70px 0;}
.section-head{max-width:700px; margin-bottom:36px;}
.kicker{font-size:12.5px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(–red);}
.section-head h2{font-size:30px; color:var(–navy); margin-top:10px; line-height:1.28;}
.section-head p{color:var(–ink-soft); margin-top:14px; font-size:16px;}
.btn{display:inline-block; padding:15px 30px; font-weight:700; font-size:14.5px; text-decoration:none; border-radius:3px; letter-spacing:.2px; border:none; cursor:pointer;}
.btn-primary{background:var(–lightblue); color:var(–navy);}
.btn-primary:hover{background:#9fc4f5;}
.btn-ghost{border:1.5px solid rgba(255,255,255,.55); color:#fff; background:none;}
.btn-ghost:hover{background:rgba(255,255,255,.1);}
/* HERO */
.home-hero{background:linear-gradient(155deg, var(–navy-deep) 0%, var(–navy) 100%); color:#fff; padding:64px 0;}
.hero-inner{max-width:640px;}
.hero-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:48px; align-items:center;}
.hero-photo-wrap{display:flex; justify-content:center;}
.hero-photo-wrap img{width:280px; height:280px; border-radius:50%; object-fit:cover; border:5px solid var(–lightblue);}
.eyebrow{display:inline-block; font-size:12.5px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(–lightblue); margin-bottom:16px;}
.home-hero h1{font-size:40px; line-height:1.16; margin-bottom:18px;}
.home-hero p.lede{font-size:17px; color:#DCE4F2; max-width:520px;}
/* CONTACT GRID */
.contact-grid{display:grid; grid-template-columns:1fr 1.2fr; gap:48px; align-items:start;}
/* INFO CARD */
.info-card{background:#fff; border:1px solid var(–line); border-radius:6px; padding:32px;}
.info-card h3{font-size:20px; color:var(–navy); margin-bottom:18px;}
.info-row{display:flex; gap:14px; margin-bottom:18px; align-items:flex-start;}
.info-row:last-child{margin-bottom:0;}
.info-icon{width:38px; height:38px; border-radius:50%; background:var(–paper-dim); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:16px;}
.info-label{font-size:11.5px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(–ink-soft); margin-bottom:2px;}
.info-value{font-size:15px; color:var(–ink); font-weight:600;}
.info-value a{text-decoration:none; color:var(–navy);}
.info-value a:hover{color:var(–red);}
.social-row{display:flex; gap:12px; margin-top:24px;}
.social-chip{width:40px; height:40px; border-radius:50%; background:var(–paper-dim); display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; color:var(–navy); text-decoration:none;}
.social-chip:hover{background:var(–lightblue);}
/* FORM */
.form-card{background:#fff; border:1px solid var(–line); border-radius:6px; padding:36px;}
.form-card h3{font-size:22px; color:var(–navy); margin-bottom:6px;}
.form-card .sub{font-size:14.5px; color:var(–ink-soft); margin-bottom:26px;}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px;}
.field{display:flex; flex-direction:column; gap:6px;}
.field label{font-size:12.5px; font-weight:700; color:var(–navy); letter-spacing:.3px;}
.field input, .field select, .field textarea{
border:1px solid var(–line); border-radius:4px; padding:12px 14px; font-family:’Maharlika’, sans-serif; font-size:14.5px; color:var(–ink); background:var(–paper);
}
.field input:focus, .field select:focus, .field textarea:focus{outline:2px solid var(–lightblue); border-color:var(–navy);}
.field.full{grid-column:1 / -1;}
.form-submit{margin-top:8px;}
/* MAP / SERVICE AREA STRIP */
.area-strip{background:var(–paper-dim); border-top:1px solid var(–line); border-bottom:1px solid var(–line);}
.chip-row{display:flex; flex-wrap:wrap; gap:12px;}
.chip{
background:#fff; border:1px solid var(–line); padding:10px 20px; border-radius:30px;
font-size:14px; font-weight:600; color:var(–navy); text-decoration:none;
}
.chip:hover{border-color:var(–red); color:var(–red);}
/* CTA BAND */
.cta-band{background:var(–red); color:#fff; text-align:center; padding:56px 0;}
.cta-band h2{font-size:28px; margin-bottom:12px;}
.cta-band p{color:#F6DADE; margin-bottom:24px; font-size:16px;}
@media (max-width:820px){
.contact-grid{grid-template-columns:1fr;}
.hero-grid{grid-template-columns:1fr; text-align:center;}
.hero-photo-wrap{order:-1;}
.form-row{grid-template-columns:1fr;}
}
Contact Laurie
Let’s talk about your next move.
Buying, selling, or just curious what your East County home is worth right now — reach out below and I’ll get back to you personally, usually the same day.
Proudly Serving
East County San Diego
Prefer to just pick up the phone?
Call or text anytime — 619-933-2659.
Call Laurie Now
Laurie MacDonald · REALTOR® · DRE #01978899 · Coldwell Banker West · 619-933-2659
Laurie MacDonald Realtor La Mesa | San Diego 