```html
<div class="br-hero" style="background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);padding:72px 24px;text-align:center;border-radius:0 0 32px 32px;margin-bottom:48px;">
  <p class="br-tagline" style="color:#e94560;font-size:13px;letter-spacing:4px;text-transform:uppercase;margin:0 0 16px 0;font-weight:600;">Singapore's Guide to Smart Wardrobe Storage</p>
  <h1 class="br-hero-title" style="color:#fff;font-size:clamp(28px,5vw,52px);margin:0 0 20px 0;font-weight:800;line-height:1.15;">The Complete Storage Wardrobe<br>Resource for Your HDB &amp; Condo</h1>
  <p class="br-hero-desc" style="color:#a8b2d1;font-size:17px;max-width:640px;margin:0 auto;line-height:1.75;">From compact sliding-door solutions for BTO bedrooms to floor-to-ceiling定制 built-ins for landed properties — discover expert-backed articles covering measurement, material selection, organisation systems, and local pricing across Singapore's housing landscape.</p>
</div>

<div class="br-masonry" style="columns:3;column-gap:22px;max-width:1200px;margin:0 auto;padding:0 24px;">

  <div class="br-card" style="break-inside:avoid;margin-bottom:22px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,0.07);display:block;">
    <a href="article-1.html" style="text-decoration:none;color:inherit;display:block;">
      <div class="br-card-img" style="height:160px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;">
        <span style="font-size:40px;">📐</span>
      </div>
      <div class="br-card-body" style="padding:18px 20px 20px;">
        <h2 class="br-card-title" style="font-size:15px;margin:0 0 8px 0;font-weight:700;line-height:1.45;color:#1a1a2e;">Article 1: Measuring Your Bedroom for a Storage Wardrobe — A Room-by-Room Guide</h2>
        <p class="br-card-excerpt" style="font-size:13px;color:#666;margin:0;line-height:1.65;">Avoid costly mistakes before your delivery day. Learn how to account for socket placements, window sills, and air-con ducts when planning wardrobe dimensions in Singapore HDB bedsizes.</p>
        <p class="br-card-meta" style="font-size:11px;color:#999;margin:12px 0 0 0;">5 min read · Layout Planning</p>
      </div>
    </a>
  </div>

  <div class="br-card" style="break-inside:avoid;margin-bottom:22px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,0.07);display:block;">
    <a href="article-2.html" style="text-decoration:none;color:inherit;display:block;">
      <div class="br-card-img" style="height:210px;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;align-items:center;justify-content:center;">
        <span style="font-size:44px;">🚪</span>
      </div>
      <div class="br-card-body" style="padding:18px 20px 20px;">
        <h2 class="br-card-title" style="font-size:15px;margin:0 0 8px 0;font-weight:700;line-height:1.45;color:#1a1a2e;">Article 2: Choosing Between Sliding, Hinged &amp; Bi-Fold Wardrobe Doors in Compact Spaces</h2>
        <p class="br-card-excerpt" style="font-size:13px;color:#666;margin:0;line-height:1.65;">Walkers who need clearance space versus swing-door enthusiasts — we break down which hardware suits your daily routine and bedroom layout without compromising airflow or access.</p>
        <p class="br-card-meta" style="font-size:11px;color:#999;margin:12px 0 0 0;">7 min read · Door Types</p>
      </div>
    </a>
  </div>

  <div class="br-card" style="break-inside:avoid;margin-bottom:22px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,0.07);display:block;">
    <a href="article-3.html" style="text-decoration:none;color:inherit;display:block;">
      <div class="br-card-img" style="height:130px;background:linear-gradient(135deg,#4fac2c,#00f2fe);display:flex;align-items:center;justify-content:center;">
        <span style="font-size:36px;">🪵</span>
      </div>
      <div class="br-card-body" style="padding:18px 20px 20px;">
        <h2 class="br-card-title" style="font-size:15px;margin:0 0 8px 0;font-weight:700;line-height:1.45;color:#1a1a2e;">Article 3: MFC vs Plywood vs Solid Wood — What Singapore's Humidity Does to Your Wardrobe</h2>
        <p class="br-card-excerpt" style="font-size:13px;color:#666;margin:0;line-height:1.65;">Moisture warping is real in tropical climates. A materials specialist explains which core boards hold up best in HDB units with limited air circulation and high humidity months.</p>
        <p class="br-card-meta" style="font-size:11px;color:#999;margin:12px 0 0 0;">6 min read · Materials</p>
      </div>
    </a>
  </div>

  <div class="br-card" style="break-inside:avoid;margin-bottom:22px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,0.07);display:block;">
    <a href="article-4.html" style="text-decoration:none;color:inherit;display:block;">
      <div class="br-card-img" style="height:180px;background:linear-gradient(135deg,#fa709a,#fee140);display:flex;align-items:center;justify-content:center;">
        <span style="font-size:40px;">🛏️</span>
      </div>
      <div class="br-card-body" style="padding:18px 20px 20px;">
        <h2 class="br-card-title" style="font-size:15px;margin:0 0 8px 0;font-weight:700;line-height:1.45;color:#1a1a2e;">Article 4: Maximising Every Corner — Storage Wardrobe Solutions for 3-Room BTO Master Bedrooms</h2>
        <p class="br-card-excerpt" style="font-size:13px;color:#666;margin:0;line-height:1.65;">When floor space measures just under 10 sqm, dead corners become luxury. Discover how to use every nook with custom pull-out organisers and angled shelving units.</p>
        <p class="br-card-meta" style="font-size:11px;color:#999;margin:12px 0 0 0;">8 min read · Space Planning</p>
      </div>
    </a>
  </div>

  <div class="br-card" style="break-inside:avoid;margin-bottom:22px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,0.07);display:block;">
    <a href="article-5.html" style="text-decoration:none;color:inherit;display:block;">
      <div class="br-card-img" style="height:140px;background:linear-gradient(135deg,#a18cd1,#fbc2eb);display:flex;align-items:center;justify-content:center;">
        <span style="font-size:38px;">💰</span>
      </div>
      <div class="br-card-body" style="padding:18px 20px 20px;">
        <h2 class="br-card-title" style="font-size:15px;margin:0 0 8px 0;font-weight:700;line-height:1.45;color:#1a1a2e;">Article 5: Breaking Down Wardrobe Costs in Singapore — From Budget Flat-Pack to Designer Built-Ins</h2>
        <p class="br-card-excerpt" style="font-size:13px;color:#666;margin:0;line-height:1.65;">IKEA meets high-end carpentry: a transparent price comparison across 5 segments so you know exactly where your $2,000 or $8,000 budget stretches the furthest.</p>
        <p class="br-card-meta" style="font-size:11px;color:#999;margin:12px 0 0 0;">10 min read · Budgeting</p>
      </div>
    </a>
  </div>

  <div class="br-card" style="break-inside:avoid;margin-bottom:22px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,0.07);display:block;">
    <a href="article-6.html" style="text-decoration:none;color:inherit;display:block;">
      <div class="br-card-img" style="height:190px;background:linear-gradient(135deg,#ffecd2,#fcb69f);display:flex;align-items:center;justify-content:center;">
        <span style="font-size:42px;">👔</span>
      </div>
      <div class="br-card-body" style="padding:18px 20px 20px;">
        <h2 class="br-card-title" style="font-size:15px;margin:0 0 8px 0;font-weight:700;line-height:1.45;color:#1a1a2e;">Article 6: Interior Fit-Out Secrets — How Professional Carpenters Plan Hanging Rods, Shelves &amp; Drawers</h2>
        <p class="br-card-excerpt" style="font-size:13px;color:#666;margin:0;line-height:1.65;">The zoning strategy that turns a cluttered wardrobe into a functional closet system — learn what spacing, depth, and tier heights matter most for different garment categories.</p>
        <p class="br-card-meta" style="font-size:11px;color:#999;margin:12px 0 0 0;">7 min read · Interior Layout</p>
      </div>
    </a>
  </div>

  <div class="br-card" style="break-inside:avoid;margin-bottom:22px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,0.07);display:block;">
    <a href="article-7.html" style="text-decoration:none;color:inherit;display:block;">
      <div class="br-card-img" style="height:120px;background:linear-gradient(135deg,#89f7fe,#66a6ff);display:flex;align-items:center;justify-content:center;">
        <span style="font-size:34px;">💡</span>
      </div>
      <div class="br-card-body" style="padding:18px 20px 20px;">
        <h2 class="br-card-title" style="font-size:15px;margin:0 0 8px 0;font-weight:700;line-height:1.45;color:#1a1a2e;">Article 7: LED Strip Lighting Inside Wardrobes — Practical Tips for Motion-Sensor Installations</h2>
        <p class="br-card-excerpt" style="font-size:13px;color:#666;margin:0;line-height:1.65;">Illuminate your clothing selection with hands-free lighting that cuts through Singapore's dim morning hours — wiring options, brightness levels, and battery versus hardwired setups.</p>
        <p class="br-card-meta" style="font-size:11px;color:#999;margin:12px 0 0 0;">5 min read · Lighting</p>
      </div>
    </a>
  </div>

  <div class="br-card" style="break-inside:avoid;margin-bottom:22px;background:#fff;border-radius:16px;