Embed

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

<style>
  body {
    margin: 0;
    font-family: 'Space Grotesk', sans-serif;
  }

  .lcd-nav {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
  }

  .lcd-nav-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .lcd-logo {
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 500;
  }

  .lcd-menu {
    display: flex;
    gap: 28px;
  }

  .lcd-menu a {
    text-decoration: none;
    color: #222;
    font-size: 14px;
    letter-spacing: 1px;
    position: relative;
    transition: all 0.3s ease;
  }

  .lcd-menu a:hover {
    color: #c8102e; /* subtle red accent */
  }

  .lcd-menu a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    left: 0;
    bottom: -4px;
    background: #c8102e;
    transition: width 0.3s ease;
  }

  .lcd-menu a:hover::after {
    width: 100%;
  }

  /* subtle top accent line */
  .lcd-accent {
    height: 2px;
    background: #c8102e;
    width: 100%;
  }

  /* mobile */
  @media (max-width: 768px) {
    .lcd-menu {
      gap: 16px;
      font-size: 12px;
    }
  }
</style>

<div class="lcd-nav">
  <div class="lcd-accent"></div>
  <div class="lcd-nav-inner">
    <div class="lcd-logo">LIFECARE DESIGN</div>

    <div class="lcd-menu">
      <a href="/">Work</a>
      <a href="/profile">Profile</a>
      <a href="/approach">Approach</a>
      <a href="/contact">Contact</a>
    </div>
  </div>
</div>

List

<p>Crafting personalized and sustainable living spaces that blend functionality with aesthetic appeal.</p>

Spacious interior with wooden ceiling, leather sofa, pool table, and decorative shelves.

Residential Design

<p><strong>Offering innovative design for offices, retail, and other commercial environments to enhance productivity</strong></p>

Aerial view of Parkville Market with solar panels, outdoor seating, and people walking around.

Commercial Space

<p>Shaping modern urban landscapes through meticulous planning and breathtaking architectural designs.</p>

Chic interior of a bar with red walls, tables, chairs, and industrial pendant lights.

Interior Design

Interior of a building under construction with exposed ceiling and construction materials on the floor.

Historical Restoration

<p>Offering innovative design for offices, retail, and other commercial environments to enhance productivity.</p>

Planning

Ornate carved wooden mantle piece with intricate details and varnished finish in a workshop setting.

Repurposing

Banner

We offer a full suite of architectural services tailored to preserve and enhance the beauty of every project. From historical restoration and adaptive reuse to sustainable design and modern enhancements, our services reflect a deep respect for the past while embracing the needs of the present. 

Crafting Spaces with Purpose

3d rendering of modern architecture, Skyscraper corporate office building with glass window

<a href="" id="lcd-top-btn" aria-label="Back to top" title="Back to top">
  <span class="lcd-arrow">↑</span>
  <span class="lcd-label">Top</span>
</a>

<style>
  #lcd-top-btn {
    position: fixed;
    right: 18px;
    bottom: 18px;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    text-decoration: none;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    box-sizing: border-box;
    background: rgba(160, 24, 24, 0.88);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.16);
    box-shadow: 0 10px 30px rgba(0,0,0,0.22);
    transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
  }

  #lcd-top-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(0,0,0,0.28);
  }

  #lcd-top-btn:active {
    transform: translateY(0);
  }

  .lcd-arrow {
    font-size: 19px;
    line-height: 18px;
    margin-bottom: 2px;
  }

  .lcd-label {
    font-size: 10px;
    line-height: 10px;
    font-weight: 600;
    letter-spacing: 0.4px;
    opacity: 0.95;
  }

  @media (max-width: 768px) {
    #lcd-top-btn {
      right: 14px;
      bottom: 14px;
      width: 52px;
      height: 52px;
      border-radius: 16px;
    }

    .lcd-arrow {
      font-size: 17px;
      line-height: 16px;
    }

    .lcd-label {
      font-size: 9px;
      line-height: 9px;
    }
  }
</style>