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

Mindy's Real Estate

Service Oriented. Experienced. Knowledgeable. Professional.

Whether you’re looking to invest in a new property, or you’re trying to sell your current one, I’m ready to work with you. I’ve been working as a licensed and accredited Real Estate Agent since 2021, assisting clients through every step of the real estate process. Before becoming a full-time realtor I handled all the marketing for a top-producing real estaate team in my hometown of Carmel and have a background in graphic design and photography.

If you want to work with the best in Indiana, there’s no need to look any further. My guarantee to you is that I’ll work hard on your behalf to secure the best deal possible and take as much stress out of the process as I can.

“The ornament of a house is the friends who frequent it”

Ralph Waldo Emerson

bottom of page