* { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Raleway', sans-serif; background: var(--cream); color: var(--charcoal); overflow-x: hidden; } /* ── NAV ── */ nav { background: var(--white); display: flex; justify-content: space-between; align-items: center; padding: 1.4rem 4rem; border-bottom: 1px solid var(--mauve-pale); position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 16px rgba(176,122,138,0.07); } .logo-area { display: flex; align-items: center; gap: 1.1rem; } /* SVG monogram matching MR logo */ .monogram { width: 48px; height: 48px; flex-shrink: 0; } .logo-text { line-height: 1.15; } .logo-name { font-family: 'Raleway', sans-serif; font-size: 1.05rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--mauve); } .logo-title { font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--warm-gray); font-weight: 400; } .nav-contact { display: flex; gap: 2rem; align-items: center; } .nav-contact a { color: var(--plum); text-decoration: none; font-size: 0.78rem; letter-spacing: 0.1em; font-weight: 500; transition: color 0.3s; } .nav-contact a:hover { color: var(--mauve); } /* ── HERO ── */ .hero { background: var(--white); min-height: 88vh; display: grid; grid-template-rows: 1fr auto; position: relative; overflow: hidden; } /* soft petal bg shapes */ .hero::before { content: ''; position: absolute; top: -120px; right: -120px; width: 560px; height: 560px; background: radial-gradient(circle, var(--plum-pale) 0%, transparent 70%); border-radius: 50%; pointer-events: none; opacity: 0.55; } .hero::after { content: ''; position: absolute; bottom: -80px; left: -80px; width: 380px; height: 380px; background: radial-gradient(circle, var(--mauve-pale) 0%, transparent 70%); border-radius: 50%; pointer-events: none; opacity: 0.6; } .hero-body { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 5rem 4rem; position: relative; z-index: 2; max-width: 780px; animation: fadeUp 0.9s 0.1s ease both; } .hero-eyebrow { font-size: 0.7rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--plum); margin-bottom: 1.4rem; font-weight: 600; } .hero-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(3rem, 7vw, 6rem); font-weight: 300; line-height: 1.05; color: var(--charcoal); margin-bottom: 1.8rem; } .hero-title em { font-style: italic; color: var(--mauve); } .hero-rule { width: 56px; height: 2px; background: linear-gradient(to right, var(--mauve), var(--plum)); margin-bottom: 1.8rem; border-radius: 2px; } .hero-sub { font-size: 0.95rem; font-weight: 300; color: var(--warm-gray); line-height: 1.9; max-width: 480px; margin-bottom: 2.8rem; } .hero-cta { display: inline-flex; align-items: center; gap: 0.8rem; background: linear-gradient(135deg, var(--mauve), var(--plum)); color: var(--white); text-decoration: none; padding: 0.95rem 2.2rem; font-size: 0.73rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; border-radius: 2px; transition: opacity 0.3s, transform 0.3s; } .hero-cta:hover { opacity: 0.88; transform: translateY(-2px); } /* hero stat bar */ .hero-bar { display: flex; border-top: 1px solid var(--mauve-pale); position: relative; z-index: 2; } .hero-stat { flex: 1; padding: 1.6rem 2.5rem; border-right: 1px solid var(--mauve-pale); } .hero-stat:last-child { border-right: none; } .hero-stat-num { font-family: 'Cormorant Garamond', serif; font-size: 2rem; font-weight: 400; color: var(--plum); line-height: 1; margin-bottom: 0.3rem; } .hero-stat-label { font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--warm-gray); } /* ── INTRO ── */ .intro { padding: 7rem 4rem; display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; align-items: center; max-width: 1200px; margin: 0 auto; } .intro-heading { font-family: 'Cormorant Garamond', serif; font-size: clamp(2rem, 4vw, 3rem); font-weight: 300; line-height: 1.2; color: var(--charcoal); } .intro-heading em { font-style: italic; color: var(--mauve); } .mauve-rule { width: 56px; height: 2px; background: linear-gradient(to right, var(--mauve), var(--plum)); margin: 1.8rem 0; border-radius: 2px; } .intro-text { font-size: 0.9rem; line-height: 1.95; color: var(--warm-gray); font-weight: 300; } .intro-text + .intro-text { margin-top: 1rem; } /* ── SERVICES ── */ .services-section { background: var(--cream-dark); padding: 7rem 4rem; } .section-header { text-align: center; max-width: 560px; margin: 0 auto 4.5rem; } .section-eyebrow { font-size: 0.7rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--plum); font-weight: 600; margin-bottom: 1rem; } .section-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 300; color: var(--charcoal); line-height: 1.2; } .section-title em { font-style: italic; color: var(--mauve); } .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; max-width: 1200px; margin: 0 auto; } .service-card { background: var(--white); padding: 2.2rem 1.8rem; border-radius: 3px; border: 1px solid transparent; border-top: 3px solid var(--mauve-pale); transition: border-top-color 0.3s, box-shadow 0.3s, transform 0.3s; } .service-card:hover { border-top-color: var(--mauve); box-shadow: 0 8px 32px rgba(176,122,138,0.12); transform: translateY(-3px); } .service-icon { width: 32px; height: 32px; margin-bottom: 1.2rem; color: var(--mauve); } .service-name { font-family: 'Cormorant Garamond', serif; font-size: 1.25rem; font-weight: 400; color: var(--charcoal); margin-bottom: 0.7rem; } .service-desc { font-size: 0.8rem; line-height: 1.85; color: var(--warm-gray); font-weight: 300; } /* ── WHY ── */ .why-section { padding: 7rem 4rem; max-width: 1200px; margin: 0 auto; } .pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; margin-top: 4rem; } .pillar { padding: 2.5rem; background: var(--white); border-radius: 3px; border-bottom: 3px solid var(--plum-pale); transition: border-bottom-color 0.3s; } .pillar:hover { border-bottom-color: var(--plum); } .pillar-num { font-family: 'Cormorant Garamond', serif; font-size: 3rem; font-weight: 300; color: var(--mauve-light); line-height: 1; margin-bottom: 0.8rem; } .pillar-title { font-family: 'Cormorant Garamond', serif; font-size: 1.35rem; font-weight: 400; margin-bottom: 0.7rem; color: var(--charcoal); } .pillar-text { font-size: 0.82rem; line-height: 1.85; color: var(--warm-gray); font-weight: 300; } /* ── CONTACT ── */ .contact-section { background: linear-gradient(135deg, var(--mauve) 0%, var(--plum) 100%); padding: 7rem 4rem; text-align: center; position: relative; overflow: hidden; } .contact-section::before { content: ''; position: absolute; top: -100px; right: -100px; width: 400px; height: 400px; background: rgba(255,255,255,0.06); border-radius: 50%; pointer-events: none; } .contact-section::after { content: ''; position: absolute; bottom: -120px; left: -80px; width: 320px; height: 320px; background: rgba(255,255,255,0.04); border-radius: 50%; pointer-events: none; } .contact-section .section-eyebrow { color: var(--mauve-pale); } .contact-section .section-title { color: var(--white); } .contact-tagline { font-size: 0.9rem; color: rgba(255,255,255,0.65); font-weight: 300; margin-bottom: 3.5rem; letter-spacing: 0.05em; } .contact-cards { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; position: relative; z-index: 2; } .contact-card { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.25); padding: 2.2rem 2.8rem; min-width: 250px; text-decoration: none; border-radius: 3px; transition: background 0.3s, transform 0.3s; display: flex; flex-direction: column; align-items: center; gap: 0.6rem; } .contact-card:hover { background: rgba(255,255,255,0.2); transform: translateY(-4px); } .contact-card-icon { width: 28px; height: 28px; color: var(--mauve-pale); margin-bottom: 0.4rem; } .contact-card-label { font-size: 0.65rem; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255,255,255,0.6); font-weight: 600; } .contact-card-value { font-family: 'Cormorant Garamond', serif; font-size: 1.45rem; font-weight: 300; color: var(--white); }
top of page

Services

Discover a range of services tailored to assist buyers and sellers in real estate transactions. From property evaluations to contract negotiations, we are here to guide you every step of the way.

Buyer Assistance

Let us help you find your dream home. Our experienced agents will assist you in locating properties that meet your criteria and accompany you through the buying process.

Seller Support

Selling your property? Trust us to market your home effectively, attract potential buyers, and secure the best deal for you. We handle the complexities while you focus on your next move.

Investment Advice

Considering real estate investments? Consult with our experts to explore profitable opportunities, understand market trends, and make informed decisions to grow your portfolio.

“I recently had the opportunity to work with Mindy and it was a great experience. She goes above and beyond for her clients to have the best possible outcome."

Dan Argyris

bottom of page