```html
<div class="av-hero" style="background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);padding:80px 20px;text-align:center;font-family:'Segoe UI',system-ui,sans-serif;">
  <h1 style="color:#e8d5b7;font-size:clamp(2rem,5vw,3.5rem);margin:0 0 16px;font-weight:300;letter-spacing:4px;">OUTDOOR SOFA</h1>
  <p style="color:#a89f91;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.7;">Curated inspiration for Singapore's finest outdoor living spaces — rattan, teak, wicker & beyond.</p>
  <div style="margin-top:30px;display:flex;justify-content:center;gap:8px;">
    <span style="width:40px;height:3px;background:#e8d5b7;border-radius:2px;display:block;"></span>
    <span style="width:20px;height:3px;background:#a89f91;border-radius:2px;display:block;"></span>
    <span style="width:10px;height:3px;background:#a89f91;border-radius:2px;display:block;"></span>
  </div>
</div>

<div class="av-stats" style="background:#f5f0eb;padding:30px 20px;display:flex;justify-content:center;gap:clamp(20px,5vw,60px);flex-wrap:wrap;font-family:'Segoe UI',system-ui,sans-serif;">
  <div style="text-align:center;"><div style="font-size:1.8rem;color:#0f3460;font-weight:700;">20</div><div style="font-size:0.8rem;color:#888;text-transform:uppercase;letter-spacing:2px;">Collections</div></div>
  <div style="text-align:center;"><div style="font-size:1.8rem;color:#0f3460;font-weight:700;">SG</div><div style="font-size:0.8rem;color:#888;text-transform:uppercase;letter-spacing:2px;">Local Design</div></div>
  <div style="text-align:center;"><div style="font-size:1.8rem;color:#0f3460;font-weight:700;">IPX4</div><div style="font-size:0.8rem;color:#888;text-transform:uppercase;letter-spacing:2px;">Weather Rated</div></div>
  <div style="text-align:center;"><div style="font-size:1.8rem;color:#0f3460;font-weight:700;">2026</div><div style="font-size:0.8rem;color:#888;text-transform:uppercase;letter-spacing:2px;">Latest Styles</div></div>
</div>

<div class="av-polaroid-stack" style="background:#ede7df;padding:60px 20px 80px;font-family:'Segoe UI',system-ui,sans-serif;">
  <h2 style="text-align:center;color:#1a1a2e;font-size:clamp(1.4rem,3vw,2rem);margin:0 0 10px;font-weight:300;letter-spacing:3px;">Explore Our Guide</h2>
  <p style="text-align:center;color:#888;font-size:0.9rem;margin:0 0 50px;letter-spacing:1px;">20 curated articles on outdoor sofa styles for your HDB flat, condo or landed home</p>
  <div class="av-polaroids" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px;max-width:1200px;margin:0 auto;">

    <div class="av-polaroid av-p1" style="background:#fff;padding:12px 12px 40px;box-shadow:0 4px 20px rgba(0,0,0,0.12);transform:rotate(-2deg);transition:transform 0.3s;cursor:pointer;" onmouseover="this.style.transform='rotate(0deg) scale(1.03)'" onmouseout="this.style.transform='rotate(-2deg)'"><a href="article-1.html" style="text-decoration:none;color:inherit;"><div class="av-polaroid-img" style="background:linear-gradient(135deg,#c9b99a,#8b7355);height:200px;display:flex;align-items:center;justify-content:center;"><span style="font-size:3rem;">🛋️</span></div><div class="av-polaroid-caption" style="padding:10px 4px 0;text-align:center;"><div style="font-size:0.85rem;color:#1a1a2e;font-weight:600;line-height:1.4;">7 Seater Rattan Outdoor Sofa for BTO Living Areas</div><div style="font-size:0.7rem;color:#aaa;margin-top:6px;letter-spacing:1px;">Article 01</div></div></a></div>

    <div class="av-polaroid av-p2" style="background:#fff;padding:12px 12px 40px;box-shadow:0 4px 20px rgba(0,0,0,0.12);transform:rotate(1.5deg);transition:transform 0.3s;cursor:pointer;" onmouseover="this.style.transform='rotate(0deg) scale(1.03)'" onmouseout="this.style.transform='rotate(1.5deg)'"><a href="article-2.html" style="text-decoration:none;color:inherit;"><div class="av-polaroid-img" style="background:linear-gradient(135deg,#a8c0a0,#5a7a52);height:200px;display:flex;align-items:center;justify-content:center;"><span style="font-size:3rem;">🌿</span></div><div class="av-polaroid-caption" style="padding:10px 4px 0;text-align:center;"><div style="font-size:0.85rem;color:#1a1a2e;font-weight:600;line-height:1.4;">Teak Wood Outdoor Sofa That Withstands Tropical Rain</div><div style="font-size:0.7rem;color:#aaa;margin-top:6px;letter-spacing:1px;">Article 02</div></div></a></div>

    <div class="av-polaroid av-p3" style="background:#fff;padding:12px 12px 40px;box-shadow:0 4px 20px rgba(0,0,0,0.12);transform:rotate(-1deg);transition:transform 0.3s;cursor:pointer;" onmouseover="this.style.transform='rotate(0deg) scale(1.03)'" onmouseout="this.style.transform='rotate(-1deg)'"><a href="article-3.html" style="text-decoration:none;color:inherit;"><div class="av-polaroid-img" style="background:linear-gradient(135deg,#d4a89a,#8c5a4a);height:200px;display:flex;align-items:center;justify-content:center;"><span style="font-size:3rem;">☀️</span></div><div class="av-polaroid-caption" style="padding:10px 4px 0;text-align:center;"><div style="font-size:0.85rem;color:#1a1a2e;font-weight:600;line-height:1.4;">Best Wicker Outdoor Sofa Set for Private Garden Villas</div><div style="font-size:0.7rem;color:#aaa;margin-top:6px;letter-spacing:1px;">Article 03</div></div></a></div>

    <div class="av-polaroid av-p4" style="background:#fff;padding:12px 12px 40px;box-shadow:0 4px 20px rgba(0,0,0,0.12);transform:rotate(2deg);transition:transform 0.3s;cursor:pointer;" onmouseover="this.style.transform='rotate(0deg) scale(1.03)'" onmouseout="this.style.transform='rotate(2deg)'"><a href="article-4.html" style="text-decoration:none;color:inherit;"><div class="av-polaroid-img" style="background:linear-gradient(135deg,#9ab0c8,#4a6a8a);height:200px;display:flex;align-items:center;justify-content:center;"><span style="font-size:3rem;">💧</span></div><div class="av-polaroid-caption" style="padding:10px 4px 0;text-align:center;"><div style="font-size:0.85rem;color:#1a1a2e;font-weight:600;line-height:1.4;">Water-Resistant Outdoor Sofa Cushions for Year-Round Use</div><div style="font-size:0.7rem;color:#aaa;margin-top:6px;letter-spacing:1px;">Article 04</div></div></a></div>

    <div class="av-polaroid av-p5" style="background:#fff;padding:12px 12px 40px;box-shadow:0 4px 20px rgba(0,0,0,0.12);transform:rotate(-1.5deg);transition:transform 0.3s;cursor:pointer;" onmouseover="this.style.transform='rotate(0deg) scale(1.03)'" onmouseout="this.style.transform='rotate(-1.5deg)'"><a href="article-5.html" style="text-decoration:none;color:inherit;"><div class="av-polaroid-img" style="background:linear-gradient(135deg,#e8c9a0,#a07040);height:200px;display:flex;align-items:center;justify-content:center;"><span style="font-size:3rem;">🏡</span></div><div class="av-polaroid-caption" style="padding:10px 4px 0;text-align:center;"><div style="font-size:0.85rem;color:#1a1a2e;font-weight:600;line-height:1.4;">Compact Outdoor Sofa Ideas for HDB Flat Balconies</div><div style="font-size:0.7rem;color:#aaa;margin-top:6px;letter-spacing:1px;">Article 05</div></div></a></div>

    <div class="av-polaroid av-p6" style="background:#fff;padding:12px 12px 40px;box-shadow:0 4px 20px rgba(0,0,0,0.12);transform:rotate(1deg);transition:transform 0.3s;cursor:pointer;" onmouseover="this.style.transform='rotate(0deg) scale(1.03)'" onmouseout="this.style.transform='rotate(1deg)'"><a href="article-6.html" style="text-decoration:none;color:inherit;"><div class="av-polaroid-img" style="background:linear-gradient(135deg,#b8a9c9,#6a5a8a);height:200px;display:flex;align-items:center;justify-content:center;"><span style="font-size:3rem;">✨</span></div><div class="av-polaroid-caption" style="padding:10px 4px 0;text-align:center;"><div style="font-size:0.85rem;color:#1a1a2e;font-weight:600;line-height:1.4;">Modular Outdoor Sofa Configurations for Entertaining Guests</div><div style="font-size:0.7rem;color:#aaa;margin-top:6px;letter-spacing:1px;">Article 06</div></div></a></div>

    <div class="av-polaroid av-p7" style="background:#fff;padding:12px 12px 40px;box-shadow:0 4px 20px rgba(0,0,0,0.12);transform:rotate(-2.5deg);transition:transform 0.3s;cursor:pointer;" onmouseover="this.style.transform='rotate(0deg) scale(1.03)'" onmouseout="this.style.transform='rotate(-2.5deg)'"><a href="article-7.html" style="text-decoration:none;color:inherit;"><div class="av-polaroid-img" style="background:linear-gradient(135deg,#a0c4b8,#4a7a6a);height:200px;display:flex;align-items:center;justify-content:center;"><span style="font-size:3rem;">🌴</span></div><div class="av-polaroid-caption" style="padding:10px 4px 0;text-align:center;"><div style="font-size:0.85rem;color:#1a1a2e;font-weight:600;line-height:1.4;">Al Fresco Dining Outdoor Sofa Setups Near Pools</div><div style="font-size:0.7rem;color:#aaa;margin-top:6px;letter-spacing:1px;">Article 07</div></div></a></div>

    <div class="av-polaroid av-p8" style="background:#fff;padding:12px 12px 40px;box-shadow:0 4px 20px rgba(0,0,0,0.12);transform:rotate(1.8deg);transition:transform 0.3s;cursor:pointer;" onmouseover="this.style.transform='rotate(0deg) scale(1.03)'" onmouseout="this.style.transform='rotate(1.8deg)'"><a href="article-8.html" style="text-decoration:none;color:inherit;"><div class="av-polaroid-img" style="background:linear-gradient(135deg,#c9c0a8,#7a7058);height:200px;display:flex;align-items:center;justify-content:center;"><span style="font-size