Embed

<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600&display=swap" rel="stylesheet">

<style>
  :root {
    --lcd-red: #c8102e;
    --lcd-text: #1f1f1f;
    --lcd-muted: #6c6c6c;
    --lcd-line: #d6d6d6;
  }

  .lcd-contact-wrap {
    max-width: 1240px;
    margin: 0 auto;
    padding: 80px 28px 110px;
    box-sizing: border-box;
    font-family: 'Space Grotesk', sans-serif;
    color: var(--lcd-text);
  }

  .lcd-contact-intro {
    max-width: 980px;
    margin: 0 0 64px 0;
  }

  .lcd-contact-intro p {
    margin: 0 0 28px 0;
    font-size: 18px;
    line-height: 1.75;
    color: var(--lcd-text);
  }

  .lcd-contact-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 64px;
    align-items: start;
  }

  .lcd-contact-form form {
    margin: 0;
  }

  .lcd-contact-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }

  .lcd-contact-field {
    margin-bottom: 22px;
  }

  .lcd-contact-field label {
    display: block;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    color: var(--lcd-text);
  }

  .lcd-contact-form input,
  .lcd-contact-form textarea {
    width: 100%;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid var(--lcd-line);
    background: transparent;
    padding: 12px 0 10px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 16px;
    color: var(--lcd-text);
    outline: none;
    border-radius: 0;
    appearance: none;
    transition: border-color 0.25s ease;
  }

  .lcd-contact-form textarea {
    min-height: 130px;
    resize: vertical;
  }

  .lcd-contact-form input:focus,
  .lcd-contact-form textarea:focus {
    border-bottom-color: var(--lcd-red);
  }

  .lcd-contact-form input::placeholder,
  .lcd-contact-form textarea::placeholder {
    color: #9a9a9a;
  }

  .lcd-contact-submit {
    margin-top: 8px;
  }

  .lcd-contact-submit button {
    background: transparent;
    color: var(--lcd-text);
    border: 1px solid var(--lcd-text);
    padding: 14px 28px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 12px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.25s ease;
  }

  .lcd-contact-submit button:hover {
    color: var(--lcd-red);
    border-color: var(--lcd-red);
  }

  .lcd-contact-note {
    margin-top: 18px;
    max-width: 520px;
    font-size: 12px;
    line-height: 1.6;
    color: var(--lcd-muted);
  }

  .lcd-contact-info h2 {
    margin: 0 0 20px 0;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--lcd-text);
  }

  .lcd-contact-info p {
    margin: 0 0 18px 0;
    font-size: 17px;
    line-height: 1.75;
    color: var(--lcd-text);
  }

  .lcd-contact-info a {
    color: var(--lcd-text);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: color 0.25s ease, border-color 0.25s ease;
  }

  .lcd-contact-info a:hover {
    color: var(--lcd-red);
    border-bottom-color: var(--lcd-red);
  }

  @media (max-width: 920px) {
    .lcd-contact-grid {
      grid-template-columns: 1fr;
      gap: 48px;
    }
  }

  @media (max-width: 768px) {
    .lcd-contact-wrap {
      padding: 60px 18px 80px;
    }

    .lcd-contact-intro {
      margin-bottom: 44px;
    }

    .lcd-contact-intro p,
    .lcd-contact-info p {
      font-size: 16px;
    }

    .lcd-contact-row {
      grid-template-columns: 1fr;
      gap: 0;
    }
  }
</style>

<section class="lcd-contact-wrap">
  <div class="lcd-contact-intro">
    <p>
      LifeCare Design delivers architecture and planning solutions that prioritize clarity, functionality, and human experience. Our practice is built on a strong foundation of design expertise and a forward-thinking approach to the built environment.
    </p>

    <p>
      Operating from our Hartford office, we create spaces that are both refined and purposeful—designed to serve communities while elevating everyday interactions.
    </p>
  </div>

  <div class="lcd-contact-grid">
    <div class="lcd-contact-form">
      <form action="https://formsubmit.co/studio55bog@gmail.com" method="POST">
        <input type="hidden" name="_subject" value="New LifeCare Design Inquiry">
        <input type="hidden" name="_captcha" value="false">
        <input type="hidden" name="_template" value="table">
        <input type="hidden" name="_next" value="https://lifecaredesign.com/contact-2">

        <div class="lcd-contact-row">
          <div class="lcd-contact-field">
            <label for="lcd-name">Name</label>
            <input id="lcd-name" name="name" type="text" required>
          </div>

          <div class="lcd-contact-field">
            <label for="lcd-email">Email</label>
            <input id="lcd-email" name="email" type="email" required>
          </div>
        </div>

        <div class="lcd-contact-field">
          <label for="lcd-phone">Phone</label>
          <input id="lcd-phone" name="phone" type="text">
        </div>

        <div class="lcd-contact-field">
          <label for="lcd-message">Message</label>
          <textarea id="lcd-message" name="message" required></textarea>
        </div>

        <div class="lcd-contact-submit">
          <button type="submit">Send Inquiry</button>
        </div>

        <div class="lcd-contact-note">
          Your message will be sent directly to LifeCare Design for review.
        </div>
      </form>
    </div>

    <div class="lcd-contact-info">
      <h2>LifeCare Design</h2>
      <p>1429 Park Street, Hartford, CT</p>
      <p><a href="mailto:hcb@lifecaredesign.com">hcb@lifecaredesign.com</a></p>
      <p><a href="mailto:n.sweeney@lifecaredesign.com">n.sweeney@lifecaredesign.com</a></p>
      <p><a href="tel:+18607264672">+1 860-726-4672</a></p>
    </div>
  </div>
</section>