```html
<div class="ai-wrapper">
  <div class="ai-hero" style="background:linear-gradient(135deg,#f5f0eb 0%,#e8e0d5 100%);padding:60px 40px;text-align:center;border-radius:0 0 32px 32px;">
    <p class="ai-tagline" style="font-size:12px;letter-spacing:4px;text-transform:uppercase;color:#a08b76;margin:0 0 16px 0;">Singapore's Japandi Destination</p>
    <h1 class="ai-title" style="font-size:42px;font-weight:300;color:#2c2825;margin:0 0 20px 0;line-height:1.2;">Where Japanese Minimalism<br>Meets Scandinavian Warmth</h1>
    <p class="ai-subtitle" style="font-size:16px;color:#6b5e52;max-width:520px;margin:0 auto;line-height:1.7;">Curated for the modern Singaporean home — discover how balanced design brings calm functionality and understated beauty to every room, from compact HDB living areas to extended condominium spaces.</p>
  </div>

  <div class="ai-stats" style="display:flex;justify-content:center;gap:48px;padding:32px 40px;background:#faf8f5;border-bottom:1px solid #ece6dd;">
    <div class="ai-stat-item" style="text-align:center;">
      <span class="ai-stat-num" style="display:block;font-size:28px;font-weight:200;color:#2c2825;">20</span>
      <span class="ai-stat-label" style="font-size:11px;color:#a08b76;letter-spacing:2px;text-transform:uppercase;">Curated Articles</span>
    </div>
    <div class="ai-stat-item" style="text-align:center;">
      <span class="ai-stat-num" style="display:block;font-size:28px;font-weight:200;color:#2c2825;">6</span>
      <span class="ai-stat-label" style="font-size:11px;color:#a08b76;letter-spacing:2px;text-transform:uppercase;">Design Categories</span>
    </div>
    <div class="ai-stat-item" style="text-align:center;">
      <span class="ai-stat-num" style="display:block;font-size:28px;font-weight:200;color:#2c2825;">SG</span>
      <span class="ai-stat-label" style="font-size:11px;color:#a08b76;letter-spacing:2px;text-transform:uppercase;">Locally Sourced</span>
    </div>
  </div>

  <div class="ai-tabs-wrap" style="padding:40px 40px 0;background:#faf8f5;">
    <div class="ai-tabs" style="display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px;">
      <button class="ai-tab ai-tab-active" style="padding:10px 22px;border-radius:40px;border:none;cursor:pointer;font-size:13px;font-weight:500;background:#2c2825;color:#f5f0eb;">All Pieces</button>
      <button class="ai-tab" style="padding:10px 22px;border-radius:40px;border:1px solid #d4ccc2;cursor:pointer;font-size:13px;font-weight:400;background:transparent;color:#6b5e52;">Living Spaces</button>
      <button class="ai-tab" style="padding:10px 22px;border-radius:40px;border:1px solid #d4ccc2;cursor:pointer;font-size:13px;font-weight:400;background:transparent;color:#6b5e52;">Sleeping Rooms</button>
      <button class="ai-tab" style="padding:10px 22px;border-radius:40px;border:1px solid #d4ccc2;cursor:pointer;font-size:13px;font-weight:400;background:transparent;color:#6b5e52;">Dining & Kitchen</button>
      <button class="ai-tab" style="padding:10px 22px;border-radius:40px;border:1px solid #d4ccc2;cursor:pointer;font-size:13px;font-weight:400;background:transparent;color:#6b5e52;">Storage Solutions</button>
      <button class="ai-tab" style="padding:10px 22px;border-radius:40px;border:1px solid #d4ccc2;cursor:pointer;font-size:13px;font-weight:400;background:transparent;color:#6b5e52;">Lighting & Accents</button>
    </div>

    <div class="ai-cards" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;">
      <div class="ai-card" style="background:#fff;border-radius:16px;overflow:hidden;border:1px solid #ece6dd;transition:box-shadow .2s;">
        <a href="article-1.html" style="display:block;text-decoration:none;color:inherit;">
          <div class="ai-card-img" style="height:180px;background:linear-gradient(145deg,#d4c5b0,#bfb09a);display:flex;align-items:center;justify-content:center;">
            <span style="font-size:40px;opacity:.5;">🪑</span>
          </div>
          <div class="ai-card-body" style="padding:20px;">
            <span class="ai-card-cat" style="font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#a08b76;">Living Spaces</span>
            <h3 class="ai-card-title" style="font-size:15px;font-weight:500;color:#2c2825;margin:8px 0 0;line-height:1.4;">Measuring the Perfect Low-Seating Table for Your HDB Lounge</h3>
            <p class="ai-card-excerpt" style="font-size:13px;color:#8a7e72;margin:10px 0 0;line-height:1.6;">How to scale down a Japanese-inspired coffee table without losing presence in compact neighbourhood flats.</p>
          </div>
        </a>
      </div>

      <div class="ai-card" style="background:#fff;border-radius:16px;overflow:hidden;border:1px solid #ece6dd;">
        <a href="article-2.html" style="display:block;text-decoration:none;color:inherit;">
          <div class="ai-card-img" style="height:180px;background:linear-gradient(145deg,#c9bfa8,#b5a88e);display:flex;align-items:center;justify-content:center;"><span style="font-size:40px;opacity:.5;">🛋️</span></div>
          <div class="ai-card-body" style="padding:20px;">
            <span class="ai-card-cat" style="font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#a08b76;">Living Spaces</span>
            <h3 class="ai-card-title" style="font-size:15px;font-weight:500;color:#2c2825;margin:8px 0 0;line-height:1.4;">Choosing a Modular Sofa That Honours the Wabi-Sabi Aesthetic</h3>
            <p class="ai-card-excerpt" style="font-size:13px;color:#8a7e72;margin:10px 0 0;line-height:1.6;">Natural fabrics, clean geometry, and the art of intentional imperfection for discerning homeowners.</p>
          </div>
        </a>
      </div>

      <div class="ai-card" style="background:#fff;border-radius:16px;overflow:hidden;border:1px solid #ece6dd;">
        <a href="article-3.html" style="display:block;text-decoration:none;color:inherit;">
          <div class="ai-card-img" style="height:180px;background:linear-gradient(145deg,#bfb5a0,#a89880);display:flex;align-items:center;justify-content:center;"><span style="font-size:40px;opacity:.5;">🛏️</span></div>
          <div class="ai-card-body" style="padding:20px;">
            <span class="ai-card-cat" style="font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#a08b76;">Sleeping Rooms</span>
            <h3 class="ai-card-title" style="font-size:15px;font-weight:500;color:#2c2825;margin:8px 0 0;line-height:1.4;">Sleeping on the Floor: A Practical Guide to Japanese Futons in Tropical Climates</h3>
            <p class="ai-card-excerpt" style="font-size:13px;color:#8a7e72;margin:10px 0 0;line-height:1.6;">Ventilation, moisture control, and finding a mattress that marries comfort with minimalist design.</p>
          </div>
        </a>
      </div>

      <div class="ai-card" style="background:#fff;border-radius:16px;overflow:hidden;border:1px solid #ece6dd;">
        <a href="article-4.html" style="display:block;text-decoration:none;color:inherit;">
          <div class="ai-card-img" style="height:180px;background:linear-gradient(145deg,#c4b9a4,#ad9e86);display:flex;align-items:center;justify-content:center;"><span style="font-size:40px;opacity:.5;">💡</span></div>
          <div class="ai-card-body" style="padding:20px;">
            <span class="ai-card-cat" style="font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#a08b76;">Lighting & Accents</span>
            <h3 class="ai-card-title" style="font-size:15px;font-weight:500;color:#2c2825;margin:8px 0 0;line-height:1.4;">Paper Lanterns Reimagined: Scandinavian Shapes for Singapore Interiors</h3>
            <p class="ai-card-excerpt" style="font-size:13px;color:#8a7e72;margin:10px 0 0;line-height:1.6;">Soft-glow fixtures that layer warmth without cluttering your ceiling space in high-rise units.</p>
          </div>
        </a>
      </div>

      <div class="ai-card" style="background:#fff;border-radius:16px;overflow:hidden;border:1px solid #ece6dd;">
        <a href="article-5.html" style="display:block;text-decoration:none;color:inherit;">
          <div class="ai-card-img" style="height:180px;background:linear-gradient(145deg,#d0c4b0,#beaf96);display:flex;align-items:center;justify-content:center;"><span style="font-size:40px;opacity:.5;">🪴</span></div>
          <div class="ai-card-body" style="padding:20px;">
            <span class="ai-card-cat" style="font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#a08b76;">Living Spaces</span>
            <h3 class="ai-card-title" style="font-size:15px;font-weight:500;color:#2c2825;margin:8px 0 0;line-height:1.4;">Bonsai and Snake Plants: The Living Greenery Rule for Japandi Homes</h3>
            <p class="ai-card-excerpt" style="font-size:13px;color:#8a7e72;margin:10px 0 0;line-height:1.6;">Which hardy indoor specimens thrive in humidity and complement serene, neutral-toned interiors.</p>
          </div>
        </a>
      </div>

      <div class="ai-card" style="background:#fff;border-radius:16px;overflow:hidden;border:1px solid #ece6dd;">
        <a href="article-6.html" style="display:block;text-decoration:none;color:inherit;">
          <div class="ai-card-img" style="height:180px;background:linear-gradient(145deg,#c8bfb0,#b3a48e);display:flex;align-items:center;justify-content:center;"><span style="font-size:40px;opacity:.5;">🍽️</span></div>
          <div class="ai-card-body" style="padding:20px;">
            <span class="ai-card-cat" style="font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#a08b76;">Dining & Kitchen</span>
            <h3 class="ai-card-title" style="font-size:15px;font-weight:500;color:#2c2825;margin:8px 0 0;line-height:1.4;">Dining Less, Savouring More: The Japandi Philosophy for Small Families</h3>
            <p class="ai-card-excerpt" style="font-size:13px;color:#8a7e72;margin:10px 0 0;line-height:1.6;">Folding tables and multipurpose benches that adapt from weekday meals to weekend gatherings.</p>
          </div>
        </a>
      </div>

      <div class="ai-card" style="background:#fff;border-radius:16px;overflow:hidden;border:1px solid #ece6dd;">
        <a href="article-7.html" style="display:block;text-decoration:none;color:inherit;">
          <div class="ai-card-img" style="height:180px