* { 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

The Selling Process

Steps to Selling

Selling a home takes time, knowledge, and a negotiation expert. As a highly professional and experienced Central Indiana-based Real Estate Agent, I’ll progress along the entire sales process with you, from the very first steps to the moment you close the deal - and beyond. Get in touch to start selling your property with Mindy.

Submit Your Property

This is your submission section paragraph. Encourage your prospective clients to provide their information in order to submit their property on your site.

bottom of page