North Carolina agent, ENC agent, luxury, realtor

Listings

WELCOME TO

Coastal North Carolina

SEARCH FOR REAL ESTATE

Search for homes

CONTACT

chelseadoesrealestate@gmail.com

call 910.333.2202

Share by:

:root { --brand: #0b5cab; --brand-dark: #083d73; --accent: #d7a44a; --text: #1f2937; --muted: #6b7280; --bg: #f8fafc; --white: #ffffff; --radius: 18px; --shadow: 0 10px 25px rgba(0,0,0,0.08); --max: 1180px; } *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; font-family: Arial, Helvetica, sans-serif; color: var(--text); background: var(--bg); line-height: 1.6; } img { max-width: 100%; display: block; border-radius: 14px; } a { color: var(--brand); text-decoration: none; } a:hover { text-decoration: underline; } .container { width: min(92%, var(--max)); margin: 0 auto; } .hero { background: linear-gradient(rgba(8,61,115,0.72), rgba(8,61,115,0.72)), url('/images/coastal-nc-realtor.jpg') center/cover no-repeat; color: var(--white); padding: 5rem 0; } .hero h1 { font-size: clamp(2rem, 4vw, 3.6rem); line-height: 1.1; margin: 0 0 1rem; } .hero p { max-width: 720px; font-size: 1.1rem; margin-bottom: 1.5rem; } .button-row { display: flex; flex-wrap: wrap; gap: 1rem; } .btn { display: inline-block; padding: 0.95rem 1.25rem; border-radius: 999px; font-weight: 700; transition: transform 0.2s ease, opacity 0.2s ease; } .btn-primary { background: var(--accent); color: #111827; } .btn-secondary { background: rgba(255,255,255,0.12); color: var(--white); border: 1px solid rgba(255,255,255,0.25); } .btn:hover { transform: translateY(-2px); opacity: 0.95; text-decoration: none; } .section { padding: 4rem 0; } .section h2 { font-size: clamp(1.6rem, 2.5vw, 2.4rem); margin-bottom: 0.75rem; } .lead { color: var(--muted); max-width: 760px; margin-bottom: 2rem; } .city-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.25rem; } .city-card { background: var(--white); border-radius: var(--radius); padding: 1.4rem; box-shadow: var(--shadow); border: 1px solid #e5e7eb; } .city-card h3 { margin-top: 0; margin-bottom: 0.5rem; } .city-card p { color: var(--muted); margin-bottom: 1rem; } .service-list, .faq-list { display: grid; gap: 1rem; } .panel { background: var(--white); border-radius: var(--radius); padding: 1.25rem; box-shadow: var(--shadow); border: 1px solid #e5e7eb; } .review-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; } .review { background: var(--white); padding: 1.25rem; border-left: 4px solid var(--accent); border-radius: 14px; box-shadow: var(--shadow); } .local-links { display: flex; flex-wrap: wrap; gap: 0.75rem; } .local-links a { background: var(--white); padding: 0.8rem 1rem; border-radius: 999px; border: 1px solid #dbe3ea; box-shadow: 0 4px 14px rgba(0,0,0,0.04); } .cta-box { background: var(--brand-dark); color: var(--white); padding: 2rem; border-radius: 24px; box-shadow: var(--shadow); } footer { background: #0f172a; color: #cbd5e1; padding: 2rem 0; margin-top: 2rem; } @media (max-width: 768px) { .hero { padding: 4rem 0; } .section { padding: 3rem 0; } }