<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>S. Architectonics</title>
	<atom:link href="https://sarchitectonics.shop/feed/" rel="self" type="application/rss+xml" />
	<link>https://sarchitectonics.shop/</link>
	<description>An e-commerce platform offering architectural drawings for both commercial and residential projects. Customers can explore detailed house plans and designs featuring a range of design options. Let&#039;s give your dream home a shape of reality.</description>
	<lastBuildDate>Tue, 12 May 2026 07:24:54 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://sarchitectonics.shop/wp-content/uploads/2024/08/cropped-SA-Logo-1.png</url>
	<title>S. Architectonics</title>
	<link>https://sarchitectonics.shop/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">236163489</site>	<item>
		<title>A Comely Flat Roof 3‑Bedroom House Design</title>
		<link>https://sarchitectonics.shop/flat-roof-three-bedroom-house-design/</link>
					<comments>https://sarchitectonics.shop/flat-roof-three-bedroom-house-design/#respond</comments>
		
		<dc:creator><![CDATA[S. Architectonics]]></dc:creator>
		<pubDate>Sat, 11 Apr 2026 15:11:14 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<guid isPermaLink="false">https://sarchitectonics.shop/?p=2669</guid>

					<description><![CDATA[<p>Comely Flat Roof 3‑Bedroom House with DSQ &#124; S. Architectonics New Design Release Comely Flat Roof 3‑Bedroom Housewith DSQ &#38; Terrace Dimensions: 11.7m x 11.5m &#124; Total plinth area: 272 sq.m (ground + first floor). A modern architectural gem designed for elegant family living. Explore floor plans Architectural Details Ground Floor 133 sq.m Elegant entry [&#8230;]</p>
<p>The post <a href="https://sarchitectonics.shop/flat-roof-three-bedroom-house-design/">A Comely Flat Roof 3‑Bedroom House Design</a> appeared first on <a href="https://sarchitectonics.shop">S. Architectonics</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
  <title>Comely Flat Roof 3‑Bedroom House with DSQ | S. Architectonics</title>
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&#038;family=DM+Sans:wght@300;400;500&#038;display=swap" rel="stylesheet">
  <style>

    /* ══════════════════════════════════════════════════════════════
       SCOPED FULL-WIDTH RESET - Based on working blog code
       Only targets elements INSIDE .sa-house-page so the
       WordPress site header / nav is completely untouched.
    ══════════════════════════════════════════════════════════════ */
    .sa-house-page,
    .sa-house-page *,
    .sa-house-page *::before,
    .sa-house-page *::after {
      box-sizing: border-box;
    }

    /* Force every known WP inner-content wrapper to be full-width,
       but ONLY when it lives inside our page wrapper */
    .sa-house-page #content,
    .sa-house-page #primary,
    .sa-house-page #main,
    .sa-house-page .site-content,
    .sa-house-page .content-area,
    .sa-house-page .entry-content,
    .sa-house-page .post-content,
    .sa-house-page .page-content,
    .sa-house-page .container,
    .sa-house-page .container-fluid,
    .sa-house-page .wp-block-group,
    .sa-house-page .wp-block-cover,
    .sa-house-page .is-layout-constrained,
    .sa-house-page article {
      max-width: 100% !important;
      width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      float: none !important;
    }

    /* The wrapper itself: full viewport width, no overflow */
    .sa-house-page {
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      overflow-x: hidden;
      background: #ffffff;
      font-family: 'DM Sans', sans-serif;
      color: #111110;
    }

    /* Remove WordPress side padding causing shift */
    .wp-site-blocks {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    /* Extra safety: prevent horizontal scroll */
    body {
      overflow-x: hidden;
    }

    /* Force full-width layout */
    .wp-site-blocks,
    .wp-block-group,
    .is-layout-constrained {
      max-width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    /* Ensure your house wrapper stretches fully */
    .sa-house-page {
      width: 100% !important;
      margin: 0 !important;
    }

    /* Remove top spacing completely */
    .sa-house-page .sa-hero {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }

    /* Remove global block spacing */
    .wp-site-blocks {
      gap: 0 !important;
    }

    /* Remove default top margin from first section */
    .sa-house-page > *:first-child {
      margin-top: 0 !important;
    }

    /* Force all potential overlay elements to be transparent - based on blog approach */
    .sa-house-page .sa-hero::before,
    .sa-house-page .sa-hero::after,
    .sa-house-page .wp-block-cover::before,
    .sa-house-page .wp-block-cover__background,
    .sa-house-page .wp-block-group::before,
    .sa-house-page main::before,
    .sa-house-page .wp-site-blocks::before,
    .sa-house-page .has-background::before {
      display: none !important;
      content: none !important;
      background: transparent !important;
      background-image: none !important;
    }

    /* Remove any opacity or filter effects */
    .sa-house-page .sa-hero,
    .sa-house-page .sa-hero *,
    .sa-house-page .wp-site-blocks *,
    .sa-house-page main * {
      opacity: 1 !important;
      filter: none !important;
    }

    /* Remove gradient backgrounds */
    .sa-house-page .sa-hero,
    .sa-house-page .wp-block-cover,
    .sa-house-page .wp-block-group {
      background: #ffffff !important;
      background-image: none !important;
    }

    /* ── TOKENS ── */
    .sa-house-page {
      --white:     #ffffff;
      --off-white: #f7f5f0;
      --dark:      #111110;
      --dark2:     #1a1a18;
      --dark3:     #222220;
      --gold:      #c9a96e;
      --gold-dk:   #b8923e;
      --text-light: #111110;
      --text-muted-light: rgba(17,17,16,0.5);
      --text-muted-dark:  rgba(17,17,16,0.5);
      --border-light: rgba(0,0,0,0.08);
      --border-dark:  rgba(0,0,0,0.08);
      --font-display: 'Cormorant Garamond', Georgia, serif;
      --font-body:    'DM Sans', sans-serif;
      --px: clamp(16px, 4vw, 48px);
    }

    /* Every section spans full viewport width */
    .sa-house-page section {
      width: 100vw;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
    }

    /* Inner content wrapper with horizontal padding */
    .sa-house-page .wrap {
      width: 100%;
      padding-left: var(--px);
      padding-right: var(--px);
      box-sizing: border-box;
    }

    img {
      max-width: 100%;
      display: block;
      height: auto;
    }

    /* Typography & utilities - matching blog style */
    .sa-house-page .sa-tag {
      display: inline-block;
      font-size: 10px; font-weight: 500; letter-spacing: 1.8px;
      text-transform: uppercase; border-radius: 2px;
      padding: 4px 10px; border: 0.5px solid;
    }
    .sa-house-page .sa-tag-gold    { color: var(--gold);    border-color: var(--gold); }
    .sa-house-page .sa-tag-gold-dk { color: var(--gold-dk); border-color: var(--gold-dk); }

    .sa-house-page .sa-eyebrow {
      font-size: 10px; font-weight: 500; letter-spacing: 2.5px;
      text-transform: uppercase; display: block;
      font-family: var(--font-body);
    }
    .sa-house-page .sa-eyebrow-dk { color: var(--gold-dk); }
    .sa-house-page .sa-eyebrow-lt { color: var(--gold); }

    .sa-house-page .sa-sec-label {
      font-size: 10px; font-weight: 500; letter-spacing: 2px;
      text-transform: uppercase; padding-bottom: 12px;
      border-bottom: 0.5px solid; margin-bottom: 32px;
      font-family: var(--font-body);
    }
    .sa-house-page .sa-sec-lt { color: rgba(17,17,16,0.3);     border-color: rgba(0,0,0,0.1); }
    .sa-house-page .sa-sec-dk { color: rgba(232,230,223,0.25); border-color: rgba(255,255,255,0.08); }

    .sa-house-page .sa-arr {
      display: inline-flex; align-items: center; gap: 8px;
      font-size: 13px; font-weight: 500;
      text-decoration: none; transition: gap .2s;
      font-family: var(--font-body);
    }
    .sa-house-page .sa-arr:hover { gap: 14px; }
    .sa-house-page .sa-arr-gold    { color: var(--gold); }
    .sa-house-page .sa-arr-gold-dk { color: var(--gold-dk); }
    .sa-house-page .sa-arr svg { width: 14px; height: 14px; flex-shrink: 0; }

    /* ══════════════════════════════════════════════════════════════
       HERO — white, based on working blog hero
    ══════════════════════════════════════════════════════════════ */
    .sa-house-page .sa-hero {
      background: var(--white) !important;
      padding: clamp(40px,6vw,88px) var(--px) clamp(36px,5vw,80px);
      border-bottom: 0.5px solid var(--border-light);
      width: 100%;
      position: relative;
      z-index: 10;
    }
    .sa-house-page .sa-hero-inner {
      display: flex; align-items: flex-end;
      justify-content: space-between; gap: 32px; flex-wrap: wrap;
    }
    .sa-house-page .sa-hero-left { flex: 1; min-width: 240px; }
    .sa-house-page .sa-hero-left .sa-eyebrow { margin-bottom: 18px; }
    .sa-house-page .sa-hero-h {
      font-family: var(--font-display);
      font-size: clamp(34px,5.5vw,60px);
      font-weight: 300; line-height: 1.08;
      color: var(--dark); letter-spacing: -1px; margin: 0;
    }
    .sa-house-page .sa-hero-h em { font-style: italic; color: var(--gold-dk); }
    .sa-house-page .sa-hero-right { max-width: 340px; padding-bottom: 6px; }
    .sa-house-page .sa-hero-right p {
      font-size: 15px; color: var(--text-muted-dark);
      line-height: 1.8; margin: 0 0 22px;
    }

    /* Product showcase (white) */
    .sa-house-page .sa-product-showcase {
      background: var(--white) !important;
      padding: clamp(40px, 5vw, 72px) var(--px);
    }
    .sa-house-page .sa-main-image {
      border-radius: 12px;
      overflow: hidden;
      margin-bottom: 32px;
      border: 0.5px solid var(--border-light);
      cursor: pointer;
      background: var(--white);
      min-height: 400px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .sa-house-page .sa-main-image img {
      width: 100%;
      height: auto;
      transition: transform 0.3s;
      background: var(--white);
      min-height: 400px;
      object-fit: cover;
    }
    .sa-house-page .sa-main-image:hover img { transform: scale(1.01); }
    .sa-house-page .sa-gallery-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      margin-top: 16px;
    }
    .sa-house-page .sa-gallery-item {
      border-radius: 8px;
      overflow: hidden;
      border: 0.5px solid var(--border-light);
      transition: all 0.3s;
      cursor: pointer;
      background: var(--white);
      min-height: 180px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .sa-house-page .sa-gallery-item img {
      width: 100%;
      height: 180px;
      object-fit: cover;
      transition: transform 0.4s;
      background: var(--white);
      min-height: 180px;
    }
    .sa-house-page .sa-gallery-item:hover { border-color: rgba(184,146,62,0.5); }
    .sa-house-page .sa-gallery-item:hover img { transform: scale(1.03); }

    /* Specs & details (white) */
    .sa-house-page .sa-specs-section {
      background: var(--white) !important;
      padding: clamp(40px, 5vw, 72px) var(--px);
    }
    .sa-house-page .sa-two-columns {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
    }
    .sa-house-page .sa-spec-card {
      background: var(--off-white);
      border-radius: 12px;
      padding: 28px;
      border: 0.5px solid var(--border-light);
    }
    .sa-house-page .sa-spec-card h3 {
      font-family: var(--font-display);
      font-size: 24px;
      font-weight: 400;
      color: var(--dark);
      margin-bottom: 20px;
      border-left: 3px solid var(--gold);
      padding-left: 16px;
    }
    .sa-house-page .sa-feature-list {
      list-style: none;
      margin-top: 16px;
    }
    .sa-house-page .sa-feature-list li {
      font-size: 14px;
      color: var(--text-muted-dark);
      padding: 8px 0;
      border-bottom: 0.5px solid rgba(0,0,0,0.05);
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .sa-house-page .sa-feature-list li::before {
      content: "✓";
      color: var(--gold-dk);
      font-weight: bold;
    }
    .sa-house-page .sa-floor-area {
      font-size: 28px;
      font-family: var(--font-display);
      color: var(--gold-dk);
      margin: 20px 0 10px;
    }
    .sa-house-page .sa-dimension {
      font-size: 14px;
      color: var(--text-muted-dark);
      margin-bottom: 16px;
    }

    /* Features highlight (off-white) */
    .sa-house-page .sa-features-highlight {
      background: var(--off-white);
      padding: clamp(40px, 5vw, 72px) var(--px);
      border-top: 0.5px solid var(--border-light);
      border-bottom: 0.5px solid var(--border-light);
    }
    .sa-house-page .sa-highlight-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 24px;
      margin-top: 32px;
    }
    .sa-house-page .sa-highlight-item {
      text-align: center;
      padding: 24px 16px;
      background: var(--white);
      border-radius: 8px;
      border: 0.5px solid var(--border-light);
    }
    .sa-house-page .sa-highlight-icon {
      font-size: 32px;
      margin-bottom: 16px;
    }
    .sa-house-page .sa-highlight-item h4 {
      font-family: var(--font-display);
      font-size: 18px;
      font-weight: 500;
      color: var(--gold-dk);
      margin-bottom: 8px;
    }
    .sa-house-page .sa-highlight-item p {
      font-size: 13px;
      color: var(--text-muted-dark);
    }

    /* CTA (gold) */
    .sa-house-page .sa-cta-section {
      background: var(--gold);
      padding: clamp(48px, 6vw, 80px) var(--px);
    }
    .sa-house-page .sa-cta-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 32px;
      flex-wrap: wrap;
    }
    .sa-house-page .sa-cta-copy h2 {
      font-family: var(--font-display);
      font-size: clamp(28px, 3.5vw, 40px);
      font-weight: 300;
      line-height: 1.15;
      color: var(--dark);
      margin-bottom: 10px;
    }
    .sa-house-page .sa-cta-copy p {
      font-size: 15px;
      color: rgba(17,17,16,0.6);
      max-width: 400px;
    }
    .sa-house-page .sa-btn-dark-alt {
      background: var(--dark);
      color: var(--white);
      padding: 13px 32px;
      border-radius: 4px;
      text-decoration: none;
      font-weight: 500;
      transition: opacity 0.2s;
      display: inline-block;
    }
    .sa-house-page .sa-btn-dark-alt:hover { opacity: 0.85; }

    /* Lightbox modal */
    .sa-house-page .sa-lightbox {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.9);
      z-index: 1000;
      justify-content: center;
      align-items: center;
      cursor: pointer;
    }
    .sa-house-page .sa-lightbox img {
      max-width: 90%;
      max-height: 90%;
      object-fit: contain;
      border-radius: 4px;
    }
    .sa-house-page .sa-lightbox.active {
      display: flex;
    }
    .sa-house-page .sa-close-lightbox {
      position: absolute;
      top: 20px;
      right: 40px;
      font-size: 40px;
      color: white;
      cursor: pointer;
      font-family: monospace;
    }

    @media (max-width: 768px) {
      .sa-house-page .sa-hero-inner { flex-direction: column; align-items: flex-start; }
      .sa-house-page .sa-hero-right { max-width: 100%; }
      .sa-house-page .sa-two-columns { grid-template-columns: 1fr; gap: 24px; }
      .sa-house-page .sa-gallery-grid { grid-template-columns: repeat(2, 1fr); }
      .sa-house-page .sa-gallery-item img { height: 140px; }
    }
    @media (max-width: 480px) {
      .sa-house-page .sa-gallery-grid { grid-template-columns: 1fr; }
      .sa-house-page .sa-spec-card { padding: 20px; }
    }
  </style>
</head>
<body>

<!-- ╔═══════════════════════════════════════════════════════════╗
     ║  PASTE THIS ENTIRE .sa-house-page DIV INTO YOUR           ║
     ║  WORDPRESS PAGE TEMPLATE / CUSTOM HTML BLOCK.            ║
     ╚═══════════════════════════════════════════════════════════╝ -->

<div class="sa-house-page">

  <!-- ── HERO ── -->
  <section class="sa-hero">
    <div class="sa-hero-inner">
      <div class="sa-hero-left">
        <span class="sa-eyebrow sa-eyebrow-dk">New Design Release</span>
        <h1 class="sa-hero-h">Comely Flat Roof 3‑Bedroom House<br><em>with DSQ &amp; Terrace</em></h1>
      </div>
      <div class="sa-hero-right">
        <p>Dimensions: 11.7m x 11.5m | Total plinth area: 272 sq.m (ground + first floor). A modern architectural gem designed for elegant family living.</p>
        <a href="#sa-specs" class="sa-arr sa-arr-gold-dk">
          Explore floor plans
          <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
      </div>
    </div>
  </section>

  <!-- ── PRODUCT IMAGES GALLERY ── -->
  <section class="sa-product-showcase">
    <div class="wrap">
      <div class="sa-main-image" data-src="https://sarchitectonics.shop/wp-content/uploads/2025/09/111-3-BDB-Picture1.jpg">
        <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/111-3-BDB-Picture1.jpg" alt="Comely flat roof 3 bedroom house with DSQ - main view">
      </div>
      <div class="sa-gallery-grid">
        <div class="sa-gallery-item" data-src="https://sarchitectonics.shop/wp-content/uploads/2025/09/111-3-BDB-Picture2.jpg">
          <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/111-3-BDB-Picture2.jpg" alt="Ground floor layout">
        </div>
        <div class="sa-gallery-item" data-src="https://sarchitectonics.shop/wp-content/uploads/2025/09/111-3-BDB-Picture3.jpg">
          <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/111-3-BDB-Picture3.jpg" alt="First floor terrace and DSQ">
        </div>
        <div class="sa-gallery-item" data-src="https://sarchitectonics.shop/wp-content/uploads/2025/09/111-3-BDB-Picture5.jpg">
          <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/111-3-BDB-Picture5.jpg" alt="Open kitchen with island">
        </div>
        <div class="sa-gallery-item" data-src="https://sarchitectonics.shop/wp-content/uploads/2025/09/111-3-BDB-Picture6.jpg">
          <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/111-3-BDB-Picture6.jpg" alt="Master bedroom ensuite">
        </div>
      </div>
    </div>
  </section>

  <!-- ── SPECIFICATIONS & FLOOR PLANS ── -->
  <section class="sa-specs-section" id="sa-specs">
    <div class="wrap">
      <p class="sa-sec-label sa-sec-lt">Architectural Details</p>
      <div class="sa-two-columns">
        <div class="sa-spec-card">
          <h3>Ground Floor</h3>
          <div class="sa-floor-area">133 sq.m</div>
          <div class="sa-dimension">Elegant entry porch · Spacious lounge · Open kitchen with island · Rear porch · Study/office</div>
          <ul class="sa-feature-list">
            <li>Master bedroom (ensuite + walk‑in closet)</li>
            <li>Two additional bedrooms with in‑built wardrobes</li>
            <li>Common washroom and staircase</li>
            <li>Open‑plan living &#038; dining flow</li>
          </ul>
        </div>
        <div class="sa-spec-card">
          <h3>First Floor</h3>
          <div class="sa-floor-area">139 sq.m</div>
          <div class="sa-dimension">Gazebo · Terrace · DSQ (Domestic Servants&#8217; Quarter)</div>
          <ul class="sa-feature-list">
            <li>Expansive terrace for outdoor relaxation</li>
            <li>Gazebo – perfect for morning coffee or evening gatherings</li>
            <li>Separate DSQ with private access</li>
            <li>Flexible space – guest suite or home office</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- ── KEY FEATURES HIGHLIGHT ── -->
  <section class="sa-features-highlight">
    <div class="wrap">
      <p class="sa-sec-label sa-sec-lt">Why You&#8217;ll Love This Design</p>
      <div class="sa-highlight-grid">
        <div class="sa-highlight-item"><div class="sa-highlight-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e1.png" alt="🏡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div><h4>Flat Roof Elegance</h4><p>Modern, low‑maintenance concrete roof with clean lines.</p></div>
        <div class="sa-highlight-item"><div class="sa-highlight-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f373.png" alt="🍳" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div><h4>Kitchen Island</h4><p>Spacious open kitchen with island – perfect for family &#038; entertaining.</p></div>
        <div class="sa-highlight-item"><div class="sa-highlight-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6cf.png" alt="🛏" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div><h4>Walk‑in Closet</h4><p>Master suite includes a generous walk‑in wardrobe.</p></div>
        <div class="sa-highlight-item"><div class="sa-highlight-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f33f.png" alt="🌿" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div><h4>DSQ + Terrace</h4><p>First floor terrace and separate domestic quarter add versatility.</p></div>
        <div class="sa-highlight-item"><div class="sa-highlight-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4d0.png" alt="📐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div><h4>Efficient Layout</h4><p>11.7m x 11.5m footprint optimises land use.</p></div>
        <div class="sa-highlight-item"><div class="sa-highlight-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4bc.png" alt="💼" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div><h4>Study Room</h4><p>Dedicated home office space on ground floor.</p></div>
      </div>
    </div>
  </section>

  <!-- ── CALL TO ACTION ── -->
  <section class="sa-cta-section">
    <div class="sa-cta-inner">
      <div class="sa-cta-copy">
        <h2>Ready to build<br><em>your dream home?</em></h2>
        <p>Get the complete set of architectural drawings (PDF) for this design – including floor plans, elevations, and structural details.</p>
      </div>
      <div>
        <a href="https://sarchitectonics.shop/product/three-bedroom-maisonette-design/" class="sa-btn-dark-alt" target="_blank">Purchase Plan →</a>
      </div>
    </div>
  </section>

  <!-- ── LIGHTBOX MODAL ── -->
  <div id="sa-lightbox" class="sa-lightbox" onclick="closeLightbox()">
    <span class="sa-close-lightbox" onclick="closeLightbox()">&times;</span>
    <img decoding="async" id="sa-lightbox-img" src="" alt="Full size image">
  </div>

</div><!-- /.sa-house-page -->

<script>
(function () {
  'use strict';

  // Handle image loading errors to show white background
  function handleImageError(img) {
    img.style.background = '#ffffff';
    img.style.minHeight = img.classList.contains('sa-main-image') ? '400px' : '180px';
    img.alt = 'Image loading failed';
  }

  // Add error handlers to all images
  document.addEventListener('DOMContentLoaded', function() {
    const allImages = document.querySelectorAll('.sa-house-page img');
    allImages.forEach(img => {
      img.onerror = function() {
        handleImageError(this);
      };
      // Set white background while loading
      img.style.background = '#ffffff';
    });
  });

  // Lightbox functionality
  const lightbox = document.getElementById('sa-lightbox');
  const lightboxImg = document.getElementById('sa-lightbox-img');

  function openLightbox(src) {
    lightboxImg.src = src;
    lightbox.classList.add('active');
  }

  function closeLightbox() {
    lightbox.classList.remove('active');
    lightboxImg.src = '';
  }

  // Attach click handlers to all images (main and gallery)
  const mainImageDiv = document.querySelector('.sa-main-image');
  if (mainImageDiv) {
    mainImageDiv.addEventListener('click', (e) => {
      const src = mainImageDiv.getAttribute('data-src');
      if (src) openLightbox(src);
    });
  }

  const galleryItems = document.querySelectorAll('.sa-gallery-item');
  galleryItems.forEach(item => {
    item.addEventListener('click', (e) => {
      const src = item.getAttribute('data-src');
      if (src) openLightbox(src);
    });
  });

  // Close lightbox on Escape key
  document.addEventListener('keydown', (e) => {
    if (e.key === 'Escape' && lightbox.classList.contains('active')) {
      closeLightbox();
    }
  });

})();
</script>

</body>
</html>




<p></p>
<p>The post <a href="https://sarchitectonics.shop/flat-roof-three-bedroom-house-design/">A Comely Flat Roof 3‑Bedroom House Design</a> appeared first on <a href="https://sarchitectonics.shop">S. Architectonics</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sarchitectonics.shop/flat-roof-three-bedroom-house-design/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2669</post-id>	</item>
		<item>
		<title>Modern House Plans in Kenya: Designs, Costs &#038; How to Choose the Perfect Plan</title>
		<link>https://sarchitectonics.shop/modern-house-plans-in-kenya-designs-costs-how-to-choose-the-perfect-plan/</link>
					<comments>https://sarchitectonics.shop/modern-house-plans-in-kenya-designs-costs-how-to-choose-the-perfect-plan/#respond</comments>
		
		<dc:creator><![CDATA[S. Architectonics]]></dc:creator>
		<pubDate>Fri, 03 Apr 2026 20:24:54 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<guid isPermaLink="false">https://sarchitectonics.shop/?p=2533</guid>

					<description><![CDATA[<p>Modern House Plans in Kenya: Designs, Costs &#038; How to Choose Perfect Plan &#124; S. Architectonics Kenyan Architecture Modern House Plans in KenyaDesigns, Costs &#38; Perfect Plans Discover the most popular house designs in Kenya, construction costs, and expert tips to choose the perfect plan for your dream home. Explore house plans 🏡 Why Choosing [&#8230;]</p>
<p>The post <a href="https://sarchitectonics.shop/modern-house-plans-in-kenya-designs-costs-how-to-choose-the-perfect-plan/">Modern House Plans in Kenya: Designs, Costs &amp; How to Choose the Perfect Plan</a> appeared first on <a href="https://sarchitectonics.shop">S. Architectonics</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
  <title>Modern House Plans in Kenya: Designs, Costs &#038; How to Choose Perfect Plan | S. Architectonics</title>
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&#038;family=DM+Sans:wght@300;400;500&#038;display=swap" rel="stylesheet">
  <style>

    /* ══════════════════════════════════════════════════════════════
       SCOPED FULL-WIDTH RESET - Based on working house page code
       Only targets elements INSIDE .sa-blog-page so the
       WordPress site header / nav is completely untouched.
    ══════════════════════════════════════════════════════════════ */
    .sa-blog-page,
    .sa-blog-page *,
    .sa-blog-page *::before,
    .sa-blog-page *::after {
      box-sizing: border-box;
    }

    /* Force every known WP inner-content wrapper to be full-width,
       but ONLY when it lives inside our page wrapper */
    .sa-blog-page #content,
    .sa-blog-page #primary,
    .sa-blog-page #main,
    .sa-blog-page .site-content,
    .sa-blog-page .content-area,
    .sa-blog-page .entry-content,
    .sa-blog-page .post-content,
    .sa-blog-page .page-content,
    .sa-blog-page .container,
    .sa-blog-page .container-fluid,
    .sa-blog-page .wp-block-group,
    .sa-blog-page .wp-block-cover,
    .sa-blog-page .is-layout-constrained,
    .sa-blog-page article {
      max-width: 100% !important;
      width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      float: none !important;
    }

    /* The wrapper itself: full viewport width */
    .sa-blog-page {
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      background: #ffffff;
      font-family: 'DM Sans', sans-serif;
      color: #111110;
    }

    /* Only remove WordPress side padding INSIDE our wrapper */
    .sa-blog-page .wp-site-blocks {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    /* Force full-width layout ONLY inside our wrapper */
    .sa-blog-page .wp-site-blocks,
    .sa-blog-page .wp-block-group,
    .sa-blog-page .is-layout-constrained {
      max-width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    /* Ensure your blog wrapper stretches fully */
    .sa-blog-page {
      width: 100% !important;
      margin: 0 !important;
    }

    /* Remove top spacing completely */
    .sa-blog-page .sa-hero {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }

    /* Remove global block spacing ONLY inside our wrapper */
    .sa-blog-page .wp-site-blocks {
      gap: 0 !important;
    }

    /* Remove default top margin from first section */
    .sa-blog-page > *:first-child {
      margin-top: 0 !important;
    }

    /* Force all potential overlay elements to be transparent */
    .sa-blog-page .sa-hero::before,
    .sa-blog-page .sa-hero::after,
    .sa-blog-page .wp-block-cover::before,
    .sa-blog-page .wp-block-cover__background,
    .sa-blog-page .wp-block-group::before,
    .sa-blog-page main::before,
    .sa-blog-page .wp-site-blocks::before,
    .sa-blog-page .has-background::before {
      display: none !important;
      content: none !important;
      background: transparent !important;
      background-image: none !important;
    }

    /* Remove any opacity or filter effects */
    .sa-blog-page .sa-hero,
    .sa-blog-page .sa-hero *,
    .sa-blog-page .wp-site-blocks *,
    .sa-blog-page main * {
      opacity: 1 !important;
      filter: none !important;
    }

    /* Remove gradient backgrounds */
    .sa-blog-page .sa-hero,
    .sa-blog-page .wp-block-cover,
    .sa-blog-page .wp-block-group {
      background: #ffffff !important;
      background-image: none !important;
    }

    /* ── TOKENS ── */
    .sa-blog-page {
      --white:     #ffffff;
      --off-white: #f7f5f0;
      --dark:      #111110;
      --dark2:     #1a1a18;
      --dark3:     #222220;
      --gold:      #c9a96e;
      --gold-dk:   #b8923e;
      --text-light: #111110;
      --text-muted-light: rgba(17,17,16,0.5);
      --text-muted-dark:  rgba(17,17,16,0.5);
      --border-light: rgba(0,0,0,0.08);
      --border-dark:  rgba(0,0,0,0.08);
      --font-display: 'Cormorant Garamond', Georgia, serif;
      --font-body:    'DM Sans', sans-serif;
      --px: clamp(16px, 4vw, 48px);
    }

    /* Every section spans full viewport width */
    .sa-blog-page section {
      width: 100vw;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
    }

    /* Inner content wrapper with horizontal padding */
    .sa-blog-page .wrap {
      width: 100%;
      max-width: 100%;
      padding-left: var(--px);
      padding-right: var(--px);
      box-sizing: border-box;
      overflow-x: hidden;
    }

    /* Typography & utilities - matching house page style */
    .sa-blog-page .sa-tag {
      display: inline-block;
      font-size: 10px; font-weight: 500; letter-spacing: 1.8px;
      text-transform: uppercase; border-radius: 2px;
      padding: 4px 10px; border: 0.5px solid;
    }
    .sa-blog-page .sa-tag-gold    { color: var(--gold);    border-color: var(--gold); }
    .sa-blog-page .sa-tag-gold-dk { color: var(--gold-dk); border-color: var(--gold-dk); }

    .sa-blog-page .sa-eyebrow {
      font-size: 10px; font-weight: 500; letter-spacing: 2.5px;
      text-transform: uppercase; display: block;
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-eyebrow-dk { color: var(--gold-dk); }
    .sa-blog-page .sa-eyebrow-lt { color: var(--gold); }

    .sa-blog-page .sa-sec-label {
      font-size: 10px; font-weight: 500; letter-spacing: 2px;
      text-transform: uppercase; padding-bottom: 12px;
      border-bottom: 0.5px solid; margin-bottom: 32px;
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-sec-lt { color: rgba(17,17,16,0.3);     border-color: rgba(0,0,0,0.1); }
    .sa-blog-page .sa-sec-dk { color: rgba(232,230,223,0.25); border-color: rgba(255,255,255,0.08); }

    .sa-blog-page .sa-arr {
      display: inline-flex; align-items: center; gap: 8px;
      font-size: 13px; font-weight: 500;
      text-decoration: none; transition: gap .2s;
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-arr:hover { gap: 14px; }
    .sa-blog-page .sa-arr-gold    { color: var(--gold); }
    .sa-blog-page .sa-arr-gold-dk { color: var(--gold-dk); }
    .sa-blog-page .sa-arr svg { width: 14px; height: 14px; flex-shrink: 0; }

    /* ══════════════════════════════════════════════════════════════
       HERO — white, based on working house page hero
    ══════════════════════════════════════════════════════════════ */
    .sa-blog-page .sa-hero {
      background: var(--white) !important;
      padding: clamp(40px,6vw,88px) var(--px) clamp(36px,5vw,80px);
      border-bottom: 0.5px solid var(--border-light);
      width: 100%;
      position: relative;
      z-index: 10;
    }
    .sa-blog-page .sa-hero-inner {
      display: flex; align-items: flex-end;
      justify-content: space-between; gap: 32px; flex-wrap: wrap;
    }
    .sa-blog-page .sa-hero-left { flex: 1; min-width: 240px; }
    .sa-blog-page .sa-hero-left .sa-eyebrow { margin-bottom: 18px; }
    .sa-blog-page .sa-hero-h {
      font-family: var(--font-display);
      font-size: clamp(34px,5.5vw,60px);
      font-weight: 300; line-height: 1.08;
      color: var(--dark); letter-spacing: -1px; margin: 0;
    }
    .sa-blog-page .sa-hero-h em { font-style: italic; color: var(--gold-dk); }
    .sa-blog-page .sa-hero-right { max-width: 340px; padding-bottom: 6px; }
    .sa-blog-page .sa-hero-right p {
      font-size: 15px; color: var(--text-muted-dark);
      line-height: 1.8; margin: 0 0 22px;
    }

    /* Content sections (white) */
    .sa-blog-page .sa-content-section {
      background: var(--white) !important;
      padding: clamp(40px, 5vw, 72px) var(--px);
    }
    .sa-blog-page .sa-content-section h2 {
      font-family: var(--font-display);
      font-size: clamp(28px,3.5vw,44px);
      font-weight: 400; line-height: 1.2;
      color: var(--dark); margin: 0 0 24px;
      letter-spacing: -0.5px;
    }
    .sa-blog-page .sa-content-section h3 {
      font-family: var(--font-display);
      font-size: clamp(22px,2.8vw,32px);
      font-weight: 400; line-height: 1.3;
      color: var(--dark); margin: 32px 0 16px;
      letter-spacing: -0.3px;
    }
    .sa-blog-page .sa-content-section p {
      font-size: 16px; color: var(--text-muted-dark);
      line-height: 1.8; margin: 0 0 20px;
    }
    .sa-blog-page .sa-content-section ul {
      list-style: none; margin: 16px 0 24px;
    }
    .sa-blog-page .sa-content-section li {
      font-size: 15px; color: var(--text-muted-dark);
      line-height: 1.7; padding: 8px 0;
      border-bottom: 0.5px solid rgba(0,0,0,0.05);
      display: flex; align-items: flex-start; gap: 12px;
    }
    .sa-blog-page .sa-content-section li::before {
      content: "•"; color: var(--gold-dk); font-weight: bold; margin-top: 2px;
    }

    /* House plans grid */
    .sa-blog-page .sa-plans-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 24px;
      margin: 32px 0;
    }
    .sa-blog-page .sa-plan-card {
      background: var(--off-white);
      border: 0.5px solid var(--border-light);
      border-radius: 12px;
      padding: 24px;
      text-decoration: none;
      transition: all 0.3s;
      display: block;
    }
    .sa-blog-page .sa-plan-card:hover {
      border-color: rgba(184,146,62,0.5);
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    }
    .sa-blog-page .sa-plan-card h4 {
      font-family: var(--font-display);
      font-size: 20px; font-weight: 500;
      color: var(--dark); margin: 0 0 8px;
    }
    .sa-blog-page .sa-plan-card p {
      font-size: 14px; color: var(--text-muted-dark);
      line-height: 1.6; margin: 0 0 16px;
    }
    .sa-blog-page .sa-plan-card .sa-arr {
      font-size: 13px; color: var(--gold-dk);
    }

    /* Cost section */
    .sa-blog-page .sa-cost-section {
      background: var(--off-white);
      padding: clamp(32px, 4vw,56px) var(--px);
      border-top: 0.5px solid var(--border-light);
      border-bottom: 0.5px solid var(--border-light);
    }
    .sa-blog-page .sa-cost-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 20px;
      margin: 24px 0;
    }
    .sa-blog-page .sa-cost-item {
      background: var(--white);
      border: 0.5px solid var(--border-light);
      border-radius: 8px;
      padding: 20px;
      text-align: center;
    }
    .sa-blog-page .sa-cost-price {
      font-family: var(--font-display);
      font-size: clamp(24px,3vw,32px);
      font-weight: 400; color: var(--gold-dk);
      margin-bottom: 8px;
    }
    .sa-blog-page .sa-cost-label {
      font-size: 14px; color: var(--text-muted-dark);
      line-height: 1.4;
    }

    /* CTA section (gold) */
    .sa-blog-page .sa-cta-section {
      background: var(--gold);
      padding: clamp(48px, 6vw, 80px) var(--px);
    }
    .sa-blog-page .sa-cta-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 32px;
      flex-wrap: wrap;
    }
    .sa-blog-page .sa-cta-copy h2 {
      font-family: var(--font-display);
      font-size: clamp(28px, 3.5vw, 40px);
      font-weight: 300;
      line-height: 1.15;
      color: var(--dark);
      margin-bottom: 10px;
    }
    .sa-blog-page .sa-cta-copy p {
      font-size: 15px;
      color: rgba(17,17,16,0.6);
      max-width: 400px;
    }
    .sa-blog-page .sa-btn-dark-alt {
      background: var(--dark);
      color: var(--white);
      padding: 13px 32px;
      border-radius: 4px;
      text-decoration: none;
      font-weight: 500;
      transition: opacity 0.2s;
      display: inline-block;
    }
    .sa-blog-page .sa-btn-dark-alt:hover { opacity: 0.85; }

    @media (max-width: 768px) {
      .sa-blog-page .sa-hero-inner { flex-direction: column; align-items: flex-start; }
      .sa-blog-page .sa-hero-right { max-width: 100%; }
      .sa-blog-page .sa-plans-grid { grid-template-columns: 1fr; }
      .sa-blog-page .sa-cost-grid { grid-template-columns: 1fr; }
      .sa-blog-page .sa-cta-inner { flex-direction: column; }
    }
  </style>
</head>
<body>

<!-- ╔═══════════════════════════════════════════════════════════╗
     ║  PASTE THIS ENTIRE .sa-blog-page DIV INTO YOUR           ║
     ║  WORDPRESS PAGE TEMPLATE / CUSTOM HTML BLOCK.            ║
     ╚═══════════════════════════════════════════════════════════╝ -->

<div class="sa-blog-page">

  <!-- ── HERO ── -->
  <section class="sa-hero">
    <div class="sa-hero-inner">
      <div class="sa-hero-left">
        <span class="sa-eyebrow sa-eyebrow-dk">Kenyan Architecture</span>
        <h1 class="sa-hero-h">Modern House Plans in Kenya<br><em>Designs, Costs &amp; Perfect Plans</em></h1>
      </div>
      <div class="sa-hero-right">
        <p>Discover the most popular house designs in Kenya, construction costs, and expert tips to choose the perfect plan for your dream home.</p>
        <a href="#sa-plans" class="sa-arr sa-arr-gold-dk">
          Explore house plans
          <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
      </div>
    </div>
  </section>

  <!-- ── WHY CHOOSE RIGHT PLAN ── -->
  <section class="sa-content-section">
    <div class="wrap">
      <h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e1.png" alt="🏡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Why Choosing the Right House Plan Matters</h2>
      <p>Many people rush into construction without proper planning—and end up overspending or building inefficient homes. A well-designed house plan helps you:</p>
      <ul>
        <li>Maximize space on your plot</li>
        <li>Control construction costs</li>
        <li>Ensure proper ventilation and lighting</li>
        <li>Meet county approval requirements</li>
      </ul>
      <p>If you&#8217;re looking for ready-to-build designs, browse our full collection of professional house plans in Kenya.</p>
    </div>
  </section>

  <!-- ── POPULAR HOUSE PLANS ── -->
  <section class="sa-content-section" id="sa-plans">
    <div class="wrap">
      <h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Popular House Plans in Kenya</h2>
      <p>Here are the most in-demand designs right now:</p>
      
      <div class="sa-plans-grid">
        <a href="https://sarchitectonics.shop/collections/3-bedroom-house-plans/" class="sa-plan-card">
          <h4><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e0.png" alt="🏠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 3 Bedroom House Plans</h4>
          <p><strong>Perfect for:</strong> Families, first-time homeowners, 50×100 plots</p>
          <p><strong>Features:</strong> Master ensuite, open-plan kitchen &#038; living area, compact but functional layout</p>
          <div class="sa-arr sa-arr-gold-dk">
            Browse designs
            <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </div>
        </a>

        <a href="https://sarchitectonics.shop/collections/2-bedroom-house-plans/" class="sa-plan-card">
          <h4><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e1.png" alt="🏡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Bungalow House Designs</h4>
          <p><strong>Best for:</strong> Simplicity and affordability, rural or suburban areas</p>
          <p><strong>Advantages:</strong> Lower construction costs, easy to expand later</p>
          <div class="sa-arr sa-arr-gold-dk">
            View options
            <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </div>
        </a>

        <a href="https://sarchitectonics.shop/maisonettes-house-designs/" class="sa-plan-card">
          <h4><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e2.png" alt="🏢" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Maisonette House Plans</h4>
          <p><strong>Ideal for:</strong> Urban areas like Nairobi, limited land size</p>
          <p><strong>Benefits:</strong> More rooms on smaller plots, better views and privacy</p>
          <div class="sa-arr sa-arr-gold-dk">
            Explore designs
            <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </div>
        </a>

        <a href="https://sarchitectonics.shop/4-bedroom/" class="sa-plan-card">
          <h4><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3d8.png" alt="🏘" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 4 Bedroom House Plans</h4>
          <p><strong>Great for:</strong> Large families, luxury homes</p>
          <p><strong>Often include:</strong> Guest rooms, home offices, spacious living areas</p>
          <div class="sa-arr sa-arr-gold-dk">
            View premium designs
            <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </div>
        </a>
      </div>
    </div>
  </section>

  <!-- ── COST SECTION ── -->
  <section class="sa-cost-section">
    <div class="wrap">
      <h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Cost of Building a House in Kenya (2026 Estimate)</h2>
      <p>Construction costs vary depending on location, finishes, and design. Choosing an efficient house plan can save you hundreds of thousands of shillings.</p>
      
      <div class="sa-cost-grid">
        <div class="sa-cost-item">
          <div class="sa-cost-price">KSh 25,000–35,000</div>
          <div class="sa-cost-label">Basic finish<br>per sqm</div>
        </div>
        <div class="sa-cost-item">
          <div class="sa-cost-price">KSh 35,000–50,000</div>
          <div class="sa-cost-label">Standard finish<br>per sqm</div>
        </div>
        <div class="sa-cost-item">
          <div class="sa-cost-price">KSh 50,000+</div>
          <div class="sa-cost-label">High-end finish<br>per sqm</div>
        </div>
      </div>
    </div>
  </section>

  <!-- ── HOW TO CHOOSE ── -->
  <section class="sa-content-section">
    <div class="wrap">
      <h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4d0.png" alt="📐" class="wp-smiley" style="height: 1em; max-height: 1em;" /> How to Choose the Perfect House Plan</h2>
      <p>Before buying a design, consider these crucial factors:</p>
      
      <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cd.png" alt="📍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 1. Your Plot Size</h3>
      <ul>
        <li>50×100 plots are common in Kenya</li>
        <li>Ensure the design fits with setbacks and parking</li>
      </ul>

      <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b5.png" alt="💵" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 2. Your Budget</h3>
      <ul>
        <li>Bigger isn&#8217;t always better</li>
        <li>Compact, smart designs are more cost-effective</li>
      </ul>

      <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f30d.png" alt="🌍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 3. Location (Very Important)</h3>
      <ul>
        <li>Nairobi: Maisonettes are common</li>
        <li>Rural areas: Bungalows are more practical</li>
      </ul>

      <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f504.png" alt="🔄" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 4. Future Expansion</h3>
      <ul>
        <li>Choose a design that allows adding extra rooms later</li>
        <li>Consider extending vertically or horizontally</li>
      </ul>
    </div>
  </section>

  <!-- ── WHY BUY READY-MADE PLANS ── -->
  <section class="sa-content-section">
    <div class="wrap">
      <h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e5.png" alt="📥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Why Buy Ready-Made House Plans?</h2>
      <p>Instead of starting from scratch, ready-made plans offer significant advantages:</p>
      <ul>
        <li>Lower design costs</li>
        <li>Faster approval process</li>
        <li>Tested and practical layouts</li>
      </ul>
      <p>Get instant access to professional architectural drawings that have been refined for Kenyan building conditions and requirements.</p>
    </div>
  </section>

  <!-- ── CALL TO ACTION ── -->
  <section class="sa-cta-section">
    <div class="sa-cta-inner">
      <div class="sa-cta-copy">
        <h2>Ready to build<br><em>your Kenyan dream home?</em></h2>
        <p>Get professional architectural drawings (PDF) for your chosen design – including floor plans, elevations, and structural details.</p>
      </div>
      <div>
        <a href="https://sarchitectonics.shop/design-gallery/" class="sa-btn-dark-alt" target="_blank">Shop House Plans →</a>
      </div>
    </div>
  </section>

</div><!-- /.sa-blog-page -->

</body>
</html>

<p>The post <a href="https://sarchitectonics.shop/modern-house-plans-in-kenya-designs-costs-how-to-choose-the-perfect-plan/">Modern House Plans in Kenya: Designs, Costs &amp; How to Choose the Perfect Plan</a> appeared first on <a href="https://sarchitectonics.shop">S. Architectonics</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sarchitectonics.shop/modern-house-plans-in-kenya-designs-costs-how-to-choose-the-perfect-plan/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2533</post-id>	</item>
		<item>
		<title>Beautiful House Designs in Kenya</title>
		<link>https://sarchitectonics.shop/beautiful-house-designs-in-kenya/</link>
					<comments>https://sarchitectonics.shop/beautiful-house-designs-in-kenya/#comments</comments>
		
		<dc:creator><![CDATA[S. Architectonics]]></dc:creator>
		<pubDate>Tue, 15 Apr 2025 06:53:17 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<guid isPermaLink="false">https://sarchitectonics.shop/?p=1486</guid>

					<description><![CDATA[<p>Beautiful House Designs in Kenya &#8211; Affordable Plans for Every Kenyan Dream Home &#124; S. Architectonics Kenyan Architecture Beautiful House DesignsAffordable Plans for Every Kenyan Dream Home Are you looking to build your dream home in Kenya? Whether you&#8217;re planning a cozy one-bedroom retreat or a luxurious five-bedroom maisonette, S. Architectonics has you covered with [&#8230;]</p>
<p>The post <a href="https://sarchitectonics.shop/beautiful-house-designs-in-kenya/">Beautiful House Designs in Kenya</a> appeared first on <a href="https://sarchitectonics.shop">S. Architectonics</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
  <title>Beautiful House Designs in Kenya &#8211; Affordable Plans for Every Kenyan Dream Home | S. Architectonics</title>
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&#038;family=DM+Sans:wght@300;400;500&#038;display=swap" rel="stylesheet">
  <style>

    /* ════════════════════════════════════════════════════════════
       SCOPED FULL-WIDTH RESET - Based on working blog code
       Only targets elements INSIDE .sa-blog-page so the
       WordPress site header / nav is completely untouched.
    ════════════════════════════════════════════════════════════ */
    .sa-blog-page,
    .sa-blog-page *,
    .sa-blog-page *::before,
    .sa-blog-page *::after {
      box-sizing: border-box;
    }

    /* Force every known WP inner-content wrapper to be full-width,
       but ONLY when it lives inside our page wrapper */
    .sa-blog-page #content,
    .sa-blog-page #primary,
    .sa-blog-page #main,
    .sa-blog-page .site-content,
    .sa-blog-page .content-area,
    .sa-blog-page .entry-content,
    .sa-blog-page .post-content,
    .sa-blog-page .page-content,
    .sa-blog-page .container,
    .sa-blog-page .container-fluid,
    .sa-blog-page .wp-block-group,
    .sa-blog-page .wp-block-cover,
    .sa-blog-page .is-layout-constrained,
    .sa-blog-page article {
      max-width: 100% !important;
      width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      float: none !important;
    }

    /* The wrapper itself: full viewport width */
    .sa-blog-page {
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      background: #ffffff;
      font-family: 'DM Sans', sans-serif;
      color: #111110;
    }

    /* Only remove WordPress side padding INSIDE our wrapper */
    .sa-blog-page .wp-site-blocks {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    /* Force full-width layout ONLY inside our wrapper */
    .sa-blog-page .wp-site-blocks,
    .sa-blog-page .wp-block-group,
    .sa-blog-page .is-layout-constrained {
      max-width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    /* Ensure your blog wrapper stretches fully */
    .sa-blog-page {
      width: 100% !important;
      margin: 0 !important;
    }

    /* Remove top spacing completely */
    .sa-blog-page .sa-hero {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }

    /* Remove global block spacing ONLY inside our wrapper */
    .sa-blog-page .wp-site-blocks {
      gap: 0 !important;
    }

    /* Remove default top margin from first section */
    .sa-blog-page > *:first-child {
      margin-top: 0 !important;
    }

    /* Force all potential overlay elements to be transparent */
    .sa-blog-page .sa-hero::before,
    .sa-blog-page .sa-hero::after,
    .sa-blog-page .wp-block-cover::before,
    .sa-blog-page .wp-block-cover__background,
    .sa-blog-page .wp-block-group::before,
    .sa-blog-page main::before,
    .sa-blog-page .wp-site-blocks::before,
    .sa-blog-page .has-background::before {
      display: none !important;
      content: none !important;
      background: transparent !important;
      background-image: none !important;
    }

    /* Remove any opacity or filter effects */
    .sa-blog-page .sa-hero,
    .sa-blog-page .sa-hero *,
    .sa-blog-page .wp-site-blocks *,
    .sa-blog-page main * {
      opacity: 1 !important;
      filter: none !important;
    }

    /* Remove gradient backgrounds */
    .sa-blog-page .sa-hero,
    .sa-blog-page .wp-block-cover,
    .sa-blog-page .wp-block-group {
      background: #ffffff !important;
      background-image: none !important;
    }

    /* ── TOKENS ── */
    .sa-blog-page {
      --white:     #ffffff;
      --off-white: #f7f5f0;
      --dark:      #111110;
      --dark2:     #1a1a18;
      --dark3:     #222220;
      --gold:      #c9a96e;
      --gold-dk:   #b8923e;
      --text-light: #111110;
      --text-muted-light: rgba(17,17,16,0.5);
      --text-muted-dark:  rgba(17,17,16,0.5);
      --border-light: rgba(0,0,0,0.08);
      --border-dark:  rgba(0,0,0,0.08);
      --font-display: 'Cormorant Garamond', Georgia, serif;
      --font-body:    'DM Sans', sans-serif;
      --px: clamp(16px, 4vw, 48px);
    }

    /* Every section spans full viewport width */
    .sa-blog-page section {
      width: 100vw;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
    }

    /* Inner content wrapper with horizontal padding */
    .sa-blog-page .wrap {
      width: 100%;
      max-width: 100%;
      padding-left: var(--px);
      padding-right: var(--px);
      box-sizing: border-box;
      overflow-x: hidden;
    }

    /* Typography & utilities - matching previous pages */
    .sa-blog-page .sa-tag {
      display: inline-block;
      font-size: 10px; font-weight: 500; letter-spacing: 1.8px;
      text-transform: uppercase; border-radius: 2px;
      padding: 4px 10px; border: 0.5px solid;
    }
    .sa-blog-page .sa-tag-gold    { color: var(--gold);    border-color: var(--gold); }
    .sa-blog-page .sa-tag-gold-dk { color: var(--gold-dk); border-color: var(--gold-dk); }

    .sa-blog-page .sa-eyebrow {
      font-size: 10px; font-weight: 500; letter-spacing: 2.5px;
      text-transform: uppercase; display: block;
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-eyebrow-dk { color: var(--gold-dk); }
    .sa-blog-page .sa-eyebrow-lt { color: var(--gold); }

    .sa-blog-page .sa-sec-label {
      font-size: 10px; font-weight: 500; letter-spacing: 2px;
      text-transform: uppercase; padding-bottom: 12px;
      border-bottom: 0.5px solid; margin-bottom: 32px;
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-sec-lt { color: rgba(17,17,16,0.3);     border-color: rgba(0,0,0,0.1); }
    .sa-blog-page .sa-sec-dk { color: rgba(232,230,223,0.25); border-color: rgba(255,255,255,0.08); }

    .sa-blog-page .sa-arr {
      display: inline-flex; align-items: center; gap: 8px;
      font-size: 13px; font-weight: 500;
      text-decoration: none; transition: gap .2s;
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-arr:hover { gap: 14px; }
    .sa-blog-page .sa-arr-gold    { color: var(--gold); }
    .sa-blog-page .sa-arr-gold-dk { color: var(--gold-dk); }
    .sa-blog-page .sa-arr svg { width: 14px; height: 14px; flex-shrink: 0; }

    /* ══════════════════════════════════════════════════════════
       HERO — white, based on working blog hero
    ════════════════════════════════════════════════════════════ */
    .sa-blog-page .sa-hero {
      background: var(--white) !important;
      padding: clamp(40px,6vw,88px) var(--px) clamp(36px,5vw,80px);
      border-bottom: 0.5px solid var(--border-light);
      width: 100%;
      position: relative;
      z-index: 10;
    }
    .sa-blog-page .sa-hero-inner {
      display: flex; align-items: flex-end;
      justify-content: space-between; gap: 32px; flex-wrap: wrap;
    }
    .sa-blog-page .sa-hero-left { flex: 1; min-width: 240px; }
    .sa-blog-page .sa-hero-left .sa-eyebrow { margin-bottom: 18px; }
    .sa-blog-page .sa-hero-h {
      font-family: var(--font-display);
      font-size: clamp(34px,5.5vw,60px);
      font-weight: 300; line-height: 1.08;
      color: var(--dark); letter-spacing: -1px; margin: 0;
    }
    .sa-blog-page .sa-hero-h em { font-style: italic; color: var(--gold-dk); }
    .sa-blog-page .sa-hero-right { max-width: 340px; padding-bottom: 6px; }
    .sa-blog-page .sa-hero-right p {
      font-size: 15px; color: var(--text-muted-dark);
      line-height: 1.8; margin: 0 0 22px;
    }

    /* Content sections (white) */
    .sa-blog-page .sa-content-section {
      background: var(--white) !important;
      padding: clamp(40px, 5vw, 72px) var(--px);
    }
    .sa-blog-page .sa-content-section h2 {
      font-family: var(--font-display);
      font-size: clamp(28px,3.5vw,44px);
      font-weight: 400; line-height: 1.2;
      color: var(--dark); margin: 0 0 24px;
      letter-spacing: -0.5px;
    }
    .sa-blog-page .sa-content-section h3 {
      font-family: var(--font-display);
      font-size: clamp(22px,2.8vw,32px);
      font-weight: 400; line-height: 1.3;
      color: var(--dark); margin: 32px 0 16px;
      letter-spacing: -0.3px;
    }
    .sa-blog-page .sa-content-section h4 {
      font-family: var(--font-display);
      font-size: clamp(18px,2.2vw,24px);
      font-weight: 400; line-height: 1.3;
      color: var(--dark); margin: 20px 0 12px;
      letter-spacing: -0.2px;
    }
    .sa-blog-page .sa-content-section p {
      font-size: 16px; color: var(--text-muted-dark);
      line-height: 1.8; margin: 0 0 20px;
    }
    .sa-blog-page .sa-content-section ul {
      list-style: none; margin: 16px 0 24px;
    }
    .sa-blog-page .sa-content-section li {
      font-size: 15px; color: var(--text-muted-dark);
      line-height: 1.7; padding: 8px 0;
      border-bottom: 0.5px solid rgba(0,0,0,0.05);
      display: flex; align-items: flex-start; gap: 12px;
    }
    .sa-blog-page .sa-content-section li::before {
      content: "•"; color: var(--gold-dk); font-weight: bold; margin-top: 2px;
    }

    /* House plans grid */
    .sa-blog-page .sa-plans-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 24px;
      margin: 32px 0;
    }
    .sa-blog-page .sa-plan-card {
      background: var(--off-white);
      border: 0.5px solid var(--border-light);
      border-radius: 12px;
      padding: 24px;
      text-decoration: none;
      transition: all 0.3s;
      display: block;
    }
    .sa-blog-page .sa-plan-card:hover {
      border-color: rgba(184,146,62,0.5);
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    }
    .sa-blog-page .sa-plan-card h4 {
      font-family: var(--font-display);
      font-size: 20px; font-weight: 500;
      color: var(--dark); margin: 0 0 8px;
    }
    .sa-blog-page .sa-plan-card p {
      font-size: 14px; color: var(--text-muted-dark);
      line-height: 1.6; margin: 0 0 16px;
    }
    .sa-blog-page .sa-plan-card .sa-arr {
      font-size: 13px; color: var(--gold-dk);
    }

    /* Considerations section */
    .sa-blog-page .sa-considerations {
      background: var(--off-white);
      padding: clamp(32px, 4vw,56px) var(--px);
      border-top: 0.5px solid var(--border-light);
      border-bottom: 0.5px solid var(--border-light);
    }
    .sa-blog-page .sa-considerations-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 20px;
      margin: 24px 0;
    }
    .sa-blog-page .sa-consideration-item {
      background: var(--white);
      border: 0.5px solid var(--border-light);
      border-radius: 8px;
      padding: 20px;
      text-align: center;
    }
    .sa-blog-page .sa-consideration-icon {
      font-size: 24px; margin-bottom: 12px;
    }
    .sa-blog-page .sa-consideration-title {
      font-family: var(--font-display);
      font-size: 16px; font-weight: 500;
      color: var(--dark); margin-bottom: 8px;
    }
    .sa-blog-page .sa-consideration-desc {
      font-size: 14px; color: var(--text-muted-dark);
      line-height: 1.5;
    }

    /* CTA section (gold) */
    .sa-blog-page .sa-cta-section {
      background: var(--gold);
      padding: clamp(48px, 6vw, 80px) var(--px);
    }
    .sa-blog-page .sa-cta-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 32px;
      flex-wrap: wrap;
    }
    .sa-blog-page .sa-cta-copy h2 {
      font-family: var(--font-display);
      font-size: clamp(28px, 3.5vw, 40px);
      font-weight: 300;
      line-height: 1.15;
      color: var(--dark);
      margin-bottom: 10px;
    }
    .sa-blog-page .sa-cta-copy p {
      font-size: 15px;
      color: rgba(17,17,16,0.6);
      max-width: 400px;
    }
    .sa-blog-page .sa-btn-dark-alt {
      background: var(--dark);
      color: var(--white);
      padding: 13px 32px;
      border-radius: 4px;
      text-decoration: none;
      font-weight: 500;
      transition: opacity 0.2s;
      display: inline-block;
    }
    .sa-blog-page .sa-btn-dark-alt:hover { opacity: 0.85; }

    @media (max-width: 768px) {
      .sa-blog-page .sa-hero-inner { flex-direction: column; align-items: flex-start; }
      .sa-blog-page .sa-hero-right { max-width: 100%; }
      .sa-blog-page .sa-plans-grid { grid-template-columns: 1fr; }
      .sa-blog-page .sa-considerations-grid { grid-template-columns: 1fr; }
      .sa-blog-page .sa-cta-inner { flex-direction: column; }
    }
  </style>
</head>
<body>

<!-- ╔═══════════════════════════════════════════════════════════╗
     ║  PASTE THIS ENTIRE .sa-blog-page DIV INTO YOUR           ║
     ║  WORDPRESS PAGE TEMPLATE / CUSTOM HTML BLOCK.            ║
     ╚═══════════════════════════════════════════════════════════╝ -->

<div class="sa-blog-page">

  <!-- ── HERO ── -->
  <section class="sa-hero">
    <div class="sa-hero-inner">
      <div class="sa-hero-left">
        <span class="sa-eyebrow sa-eyebrow-dk">Kenyan Architecture</span>
        <h1 class="sa-hero-h">Beautiful House Designs<br><em>Affordable Plans for Every Kenyan Dream Home</em></h1>
      </div>
      <div class="sa-hero-right">
        <p>Are you looking to build your dream home in Kenya? Whether you&#8217;re planning a cozy one-bedroom retreat or a luxurious five-bedroom maisonette, S. Architectonics has you covered with high-quality, affordable house plans tailored for the Kenyan market.</p>
        <a href="#sa-designs" class="sa-arr sa-arr-gold-dk">
          Explore designs
          <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
      </div>
    </div>
  </section>

  <!-- ── WHAT TO CONSIDER ── -->
  <section class="sa-content-section">
    <div class="wrap">
      <h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> What to Consider When Choosing a House Design in Kenya</h2>
      <p>Building your dream home requires careful planning. Here are the key factors to consider:</p>
      
      <div class="sa-considerations-grid">
        <div class="sa-consideration-item">
          <div class="sa-consideration-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cd.png" alt="📍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="sa-consideration-title">Plot Size &#038; Location</div>
          <div class="sa-consideration-desc">Whether you&#8217;re building in Nairobi, Kisumu, Nakuru, or upcountry, your plot size will influence the layout.</div>
        </div>
        <div class="sa-consideration-item">
          <div class="sa-consideration-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="sa-consideration-title">Budget</div>
          <div class="sa-consideration-desc">The cost of building a house in Kenya varies depending on size, materials, location, and finishes. Our designs are created to help you build within your budget without compromising on style.</div>
        </div>
        <div class="sa-consideration-item">
          <div class="sa-consideration-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f468-200d-1f469-200d-1f467-200d-1f466.png" alt="👨‍👩‍👧‍👦" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="sa-consideration-title">Family Needs</div>
          <div class="sa-consideration-desc">From bachelors to growing families, we offer designs that suit every stage of life.</div>
        </div>
        <div class="sa-consideration-item">
          <div class="sa-consideration-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e0.png" alt="🏠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="sa-consideration-title">Roof Types</div>
          <div class="sa-consideration-desc">Pitched, flat, concrete, or hidden roofs? We provide plans for all.</div>
        </div>
        <div class="sa-consideration-item">
          <div class="sa-consideration-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="sa-consideration-title">County Regulations</div>
          <div class="sa-consideration-desc">Our designs comply with Kenya&#8217;s national and county-level building codes.</div>
        </div>
      </div>
    </div>
  </section>

  <!-- ── POPULAR HOUSE DESIGNS ── -->
  <section class="sa-content-section" id="sa-designs">
    <div class="wrap">
      <h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e0.png" alt="🏠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Popular House Designs Among Kenyans</h2>
      <p>Discover our most sought-after house plans, each designed for Kenyan lifestyles and building conditions:</p>
      
      <div class="sa-plans-grid">
        <a href="https://sarchitectonics.shop/collections/1-bedroom-house-plans/" class="sa-plan-card">
          <h4><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 1-Bedroom House Plans</h4>
          <p>Perfect for single professionals or rental investments. Compact yet stylish.</p>
          <div class="sa-arr sa-arr-gold-dk">
            Explore one bedroom
            <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </div>
        </a>

        <a href="https://sarchitectonics.shop/collections/2-bedroom-house-plans/" class="sa-plan-card">
          <h4><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 2-Bedroom Bungalow</h4>
          <p>Ideal for young families or a rural home. Spacious and affordable.</p>
          <div class="sa-arr sa-arr-gold-dk">
            Explore two bedroom
            <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </div>
        </a>

        <a href="https://sarchitectonics.shop/collections/3-bedroom-house-plans/" class="sa-plan-card">
          <h4><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 3-Bedroom Family House</h4>
          <p>The most sought-after house plans in Kenya—spacious and efficient.</p>
          <div class="sa-arr sa-arr-gold-dk">
            Explore three bedroom
            <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </div>
        </a>

        <a href="https://sarchitectonics.shop/collections/4-bedroom-house-plans/" class="sa-plan-card">
          <h4><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 4-Bedroom Maisonette</h4>
          <p>For those seeking space, elegance, and multi-floor comfort.</p>
          <div class="sa-arr sa-arr-gold-dk">
            Explore four bedroom
            <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </div>
        </a>

        <a href="https://sarchitectonics.shop/collections/5-bedroom-house-designs/" class="sa-plan-card">
          <h4><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 5-Bedroom Mansion</h4>
          <p>Luxury living at its best. Great for urban homeowners or rural villas.</p>
          <div class="sa-arr sa-arr-gold-dk">
            Explore five bedroom
            <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </div>
        </a>
      </div>
    </div>
  </section>

  <!-- ── CUSTOM DESIGNS ── -->
  <section class="sa-content-section">
    <div class="wrap">
      <h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f527.png" alt="🔧" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Custom House Designs in Kenya</h2>
      <p>Have a unique idea or specific land measurements? We offer custom architectural design services across Kenya. Share your ideas and let us bring your vision to life.</p>
      
      <div style="background: var(--off-white); border: 0.5px solid var(--border-light); border-radius: 12px; padding: 32px; margin: 24px 0; text-align: center;">
        <h3 style="font-family: var(--font-display); font-size: 24px; color: var(--dark); margin-bottom: 16px;">Get Your Custom Design</h3>
        <p style="font-size: 16px; color: var(--text-muted-dark); margin-bottom: 20px; line-height: 1.6;">Contact us via WhatsApp at <strong>+254768296016</strong> or email us at <a href="mailto:sarchitectonics@gmail.com" style="color: var(--gold-dk); text-decoration: none;">sarchitectonics@gmail.com</a></p>
        <div style="display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;">
          <a href="https://wa.me/254768296016" class="sa-btn-dark-alt" target="_blank">WhatsApp Us</a>
          <a href="mailto:sarchitectonics@gmail.com" class="sa-btn-dark-alt">Email Us</a>
        </div>
      </div>
    </div>
  </section>

  <!-- ── HOW TO ORDER ── -->
  <section class="sa-content-section">
    <div class="wrap">
      <h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e5.png" alt="📥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> How to Order a House Plan Online in Kenya</h2>
      <p>Getting your dream house plan is simple and secure:</p>
      
      <div class="sa-considerations-grid">
        <div class="sa-consideration-item">
          <div class="sa-consideration-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6cd.png" alt="🛍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="sa-consideration-title">Visit Shop</div>
          <div class="sa-consideration-desc">Browse <a href="https://sarchitectonics.shop/" style="color: var(--gold-dk); text-decoration: none;">sarchitectonics.shop</a> and explore our wide selection of architectural plans designed for Kenyans, by Kenyans.</div>
        </div>
        <div class="sa-consideration-item">
          <div class="sa-consideration-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="sa-consideration-title">Browse by Size</div>
          <div class="sa-consideration-desc">Filter house plans by size, type, or roof design to find your perfect match.</div>
        </div>
        <div class="sa-consideration-item">
          <div class="sa-consideration-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6d2.png" alt="🛒" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="sa-consideration-title">Add to Cart</div>
          <div class="sa-consideration-desc">Select your preferred design and add to cart, then proceed to checkout.</div>
        </div>
        <div class="sa-consideration-item">
          <div class="sa-consideration-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b3.png" alt="💳" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="sa-consideration-title">Pay Securely</div>
          <div class="sa-consideration-desc">Pay securely via M-PESA or PayPal for instant access.</div>
        </div>
        <div class="sa-consideration-item">
          <div class="sa-consideration-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e7.png" alt="📧" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="sa-consideration-title">Instant Delivery</div>
          <div class="sa-consideration-desc">Receive your design via email instantly after purchase.</div>
        </div>
      </div>
    </div>
  </section>

  <!-- ── CALL TO ACTION ── -->
  <section class="sa-cta-section">
    <div class="sa-cta-inner">
      <div class="sa-cta-copy">
        <h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f31f.png" alt="🌟" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Start Building Your Dream Today</h2>
        <p>Kenya is growing fast, and owning your own home is now more achievable than ever. With S. Architectonics, you not only get a professional design—you get peace of mind.</p>
      </div>
      <div>
        <a href="https://sarchitectonics.shop/" class="sa-btn-dark-alt" target="_blank">Shop All Designs →</a>
      </div>
    </div>
  </section>

</div><!-- /.sa-blog-page -->

</body>
</html>
<p>The post <a href="https://sarchitectonics.shop/beautiful-house-designs-in-kenya/">Beautiful House Designs in Kenya</a> appeared first on <a href="https://sarchitectonics.shop">S. Architectonics</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sarchitectonics.shop/beautiful-house-designs-in-kenya/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1486</post-id>	</item>
		<item>
		<title>Unlock Your Dream Home with S. Architectonics Designs</title>
		<link>https://sarchitectonics.shop/unlock-your-dream-home-with-s-architectonics-designs/</link>
					<comments>https://sarchitectonics.shop/unlock-your-dream-home-with-s-architectonics-designs/#respond</comments>
		
		<dc:creator><![CDATA[S. Architectonics]]></dc:creator>
		<pubDate>Wed, 02 Oct 2024 10:55:51 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[architectural drawings]]></category>
		<category><![CDATA[floor plans]]></category>
		<category><![CDATA[house designs]]></category>
		<category><![CDATA[house plans]]></category>
		<guid isPermaLink="false">https://sarchitectonics.shop/?p=1042</guid>

					<description><![CDATA[<p>Unlock Your Dream Home with S. Architectonics Designs &#124; S. Architectonics S. Architectonics October 2, 2024 · 4 min read Unlock Your Dream Homewith S. Architectonics Stunning house plans tailored for you — designs that blend aesthetics, functionality, and modern living for every style and budget. Browse featured designs Why choose our house plans? When [&#8230;]</p>
<p>The post <a href="https://sarchitectonics.shop/unlock-your-dream-home-with-s-architectonics-designs/">Unlock Your Dream Home with S. Architectonics Designs</a> appeared first on <a href="https://sarchitectonics.shop">S. Architectonics</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
  <title>Unlock Your Dream Home with S. Architectonics Designs | S. Architectonics</title>
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&#038;family=DM+Sans:wght@300;400;500&#038;display=swap" rel="stylesheet">
  <style>

    /* ══════════════════════════════════════════════════════════════
       SCOPED FULL-WIDTH RESET — NO INTERFERENCE WITH WP HEADER/NAV
       ══════════════════════════════════════════════════════════════ */
    .sa-blog-page,
    .sa-blog-page *,
    .sa-blog-page *::before,
    .sa-blog-page *::after {
      box-sizing: border-box;
    }

    /* ELIMINATE ALL POSSIBLE CONTAINER PADDING/MARGINS FROM WP THEMES */
    .sa-blog-page #content,
    .sa-blog-page #primary,
    .sa-blog-page #main,
    .sa-blog-page .site-content,
    .sa-blog-page .content-area,
    .sa-blog-page .entry-content,
    .sa-blog-page .post-content,
    .sa-blog-page .page-content,
    .sa-blog-page .container,
    .sa-blog-page .container-fluid,
    .sa-blog-page .wp-block-group,
    .sa-blog-page .wp-block-cover,
    .sa-blog-page .is-layout-constrained,
    .sa-blog-page article {
      max-width: 100% !important;
      width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      float: none !important;
    }

    .sa-blog-page {
      width: 100%;
      max-width: 100%;
      margin: 0 !important;          /* remove any outer margin */
      padding: 0 !important;         /* no extra spacing at container level */
      background: #ffffff;
      font-family: 'DM Sans', sans-serif;
      color: #111110;
    }

    .sa-blog-page .wp-site-blocks {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-top: 0 !important;
    }

    .sa-blog-page .wp-site-blocks,
    .sa-blog-page .wp-block-group,
    .sa-blog-page .is-layout-constrained {
      max-width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    /* NO gap between WP header and hero section */
    .sa-blog-page {
      margin-top: 0 !important;
    }
    .sa-blog-page > *:first-child {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }

    /* kill any pseudo overlays or extra backgrounds */
    .sa-blog-page .sa-hero::before,
    .sa-blog-page .sa-hero::after,
    .sa-blog-page .wp-block-cover::before,
    .sa-blog-page .wp-block-cover__background,
    .sa-blog-page .wp-block-group::before,
    .sa-blog-page main::before,
    .sa-blog-page .wp-site-blocks::before,
    .sa-blog-page .has-background::before {
      display: none !important;
      content: none !important;
      background: transparent !important;
      background-image: none !important;
    }

    .sa-blog-page .sa-hero,
    .sa-blog-page .sa-hero *,
    .sa-blog-page .wp-site-blocks *,
    .sa-blog-page main * {
      opacity: 1 !important;
      filter: none !important;
    }

    /* ── TOKENS ── */
    .sa-blog-page {
      --white:      #ffffff;
      --off-white:  #f7f5f0;
      --dark:       #111110;
      --dark2:      #1a1a18;
      --gold:       #c9a96e;
      --gold-dk:    #b8923e;
      --text-muted: rgba(17,17,16,0.55);
      --border:     rgba(0,0,0,0.08);
      --font-display: 'Cormorant Garamond', Georgia, serif;
      --font-body:    'DM Sans', sans-serif;
      --px: clamp(16px, 4vw, 48px);
    }

    .sa-blog-page section {
      width: 100vw;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
    }

    .sa-blog-page .wrap {
      width: 100%;
      max-width: 100%;
      padding-left: var(--px);
      padding-right: var(--px);
      box-sizing: border-box;
      overflow-x: hidden;
    }

    /* ── UTILITY ── */
    .sa-blog-page .sa-eyebrow {
      font-size: 10px; font-weight: 500; letter-spacing: 2.5px;
      text-transform: uppercase; display: block;
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-eyebrow-dk { color: var(--gold-dk); }

    .sa-blog-page .sa-arr {
      display: inline-flex; align-items: center; gap: 8px;
      font-size: 13px; font-weight: 500;
      text-decoration: none; transition: gap .2s;
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-arr:hover { gap: 14px; }
    .sa-blog-page .sa-arr-gold-dk { color: var(--gold-dk); }
    .sa-blog-page .sa-arr svg { width: 14px; height: 14px; flex-shrink: 0; }

    /* ══════════════════════════════════════════════════════════════
       HERO — ZERO TOP PADDING = DIRECTLY ATTACHED TO HEADER
       Removed the huge space between WP header and hero section.
    ══════════════════════════════════════════════════════════════ */
    .sa-blog-page .sa-hero {
      background: var(--white) !important;
      padding: 0 var(--px) clamp(28px, 4vw, 64px);   /* top padding = 0 */
      border-bottom: 0.5px solid var(--border);
      width: 100%;
      position: relative;
      z-index: 10;
      margin-top: 0 !important;
    }
    /* ensure the very first element inside hero has no top margin */
    .sa-blog-page .sa-hero .sa-hero-inner,
    .sa-blog-page .sa-hero .sa-hero-left,
    .sa-blog-page .sa-hero .sa-hero-meta,
    .sa-blog-page .sa-hero h1 {
      margin-top: 0;
    }
    .sa-blog-page .sa-hero-inner {
      display: flex; align-items: flex-end;
      justify-content: space-between; gap: 32px; flex-wrap: wrap;
    }
    .sa-blog-page .sa-hero-left { flex: 1; min-width: 240px; }
    .sa-blog-page .sa-hero-meta {
      display: flex; align-items: center; gap: 16px;
      margin-bottom: 18px; flex-wrap: wrap;
      margin-top: 0;
    }
    .sa-blog-page .sa-hero-meta .sa-eyebrow { margin: 0; }
    .sa-blog-page .sa-hero-date {
      font-size: 11px; color: var(--text-muted);
      font-family: var(--font-body); letter-spacing: 0.5px;
    }
    .sa-blog-page .sa-hero-h {
      font-family: var(--font-display);
      font-size: clamp(32px, 5vw, 58px);
      font-weight: 300; line-height: 1.08;
      color: var(--dark); letter-spacing: -1px; margin: 0;
      margin-top: 0;
    }
    .sa-blog-page .sa-hero-h em { font-style: italic; color: var(--gold-dk); }
    .sa-blog-page .sa-hero-right { max-width: 340px; padding-bottom: 6px; }
    .sa-blog-page .sa-hero-right p {
      font-size: 15px; color: var(--text-muted);
      line-height: 1.8; margin: 0 0 22px;
    }

    /* ── INTRO ── */
    .sa-blog-page .sa-intro {
      background: var(--white);
      padding: clamp(36px,5vw,64px) var(--px);
      border-bottom: 0.5px solid var(--border);
    }
    .sa-blog-page .sa-intro-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      align-items: start;
    }
    .sa-blog-page .sa-intro h2 {
      font-family: var(--font-display);
      font-size: clamp(26px,3vw,38px);
      font-weight: 400; line-height: 1.2;
      color: var(--dark); margin: 0 0 20px;
      letter-spacing: -0.5px;
    }
    .sa-blog-page .sa-intro p {
      font-size: 16px; color: var(--text-muted);
      line-height: 1.85; margin: 0 0 20px;
    }
    .sa-blog-page .sa-why-list {
      list-style: none; margin: 0; padding: 0;
    }
    .sa-blog-page .sa-why-list li {
      font-size: 15px; color: var(--text-muted);
      line-height: 1.7; padding: 14px 0;
      border-bottom: 0.5px solid rgba(0,0,0,0.06);
      display: flex; flex-direction: column; gap: 3px;
    }
    .sa-blog-page .sa-why-list li strong {
      font-weight: 500; color: var(--dark);
      font-size: 14px;
    }

    /* ── FEATURED PLANS HEADER ── */
    .sa-blog-page .sa-sec-header {
      background: var(--off-white);
      padding: clamp(32px,4vw,52px) var(--px) clamp(24px,3vw,40px);
      border-bottom: 0.5px solid var(--border);
    }
    .sa-blog-page .sa-sec-header .sa-eyebrow { margin-bottom: 14px; }
    .sa-blog-page .sa-sec-header h2 {
      font-family: var(--font-display);
      font-size: clamp(28px,3.5vw,44px);
      font-weight: 300; color: var(--dark);
      margin: 0; letter-spacing: -0.5px; line-height: 1.1;
    }
    .sa-blog-page .sa-sec-header h2 em { font-style: italic; color: var(--gold-dk); }

    /* ── PLAN ENTRIES ── */
    .sa-blog-page .sa-plan-entry {
      background: var(--white);
      padding: clamp(32px,4vw,56px) var(--px);
      border-bottom: 0.5px solid var(--border);
    }
    .sa-blog-page .sa-plan-entry:nth-child(even) {
      background: var(--off-white);
    }
    .sa-blog-page .sa-plan-inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      align-items: start;
    }
    .sa-blog-page .sa-plan-entry:nth-child(even) .sa-plan-inner {
      direction: rtl;
    }
    .sa-blog-page .sa-plan-entry:nth-child(even) .sa-plan-inner > * {
      direction: ltr;
    }
    .sa-blog-page .sa-plan-number {
      font-family: var(--font-display);
      font-size: 11px; font-weight: 500; letter-spacing: 2px;
      text-transform: uppercase; color: var(--gold-dk);
      margin-bottom: 8px; display: block;
    }
    .sa-blog-page .sa-plan-entry h3 {
      font-family: var(--font-display);
      font-size: clamp(24px,2.8vw,36px);
      font-weight: 400; line-height: 1.2;
      color: var(--dark); margin: 0 0 8px;
      letter-spacing: -0.3px;
    }
    .sa-blog-page .sa-plan-spec {
      font-size: 12px; color: var(--text-muted);
      letter-spacing: 0.5px; margin: 0 0 20px;
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-plan-entry p {
      font-size: 15px; color: var(--text-muted);
      line-height: 1.8; margin: 0 0 16px;
    }
    .sa-blog-page .sa-plan-features {
      list-style: none; margin: 0 0 24px; padding: 0;
    }
    .sa-blog-page .sa-plan-features li {
      font-size: 14px; color: var(--text-muted);
      line-height: 1.7; padding: 7px 0;
      border-bottom: 0.5px solid rgba(0,0,0,0.05);
      display: flex; gap: 10px; align-items: flex-start;
    }
    .sa-blog-page .sa-plan-features li::before {
      content: "–"; color: var(--gold-dk); font-weight: bold; flex-shrink: 0; margin-top: 1px;
    }
    .sa-blog-page .sa-plan-img-wrap {
      position: relative; overflow: hidden; border-radius: 8px;
    }
    .sa-blog-page .sa-plan-img-wrap img {
      width: 100%; display: block;
      aspect-ratio: 4/3; object-fit: cover;
      transition: transform 0.5s ease;
    }
    .sa-blog-page .sa-plan-img-wrap:hover img { transform: scale(1.03); }
    .sa-blog-page .sa-plan-img-badge {
      position: absolute; top: 16px; left: 16px;
      background: rgba(17,17,16,0.75);
      color: var(--gold);
      font-size: 10px; font-weight: 500; letter-spacing: 1.5px;
      text-transform: uppercase;
      padding: 5px 12px; border-radius: 2px;
      font-family: var(--font-body);
      backdrop-filter: blur(4px);
    }

    /* ── WHY DOWNLOAD STRIP ── */
    .sa-blog-page .sa-why-strip {
      background: var(--dark);
      padding: clamp(40px,5vw,68px) var(--px);
    }
    .sa-blog-page .sa-why-strip .sa-eyebrow { color: var(--gold); margin-bottom: 20px; }
    .sa-blog-page .sa-why-strip h2 {
      font-family: var(--font-display);
      font-size: clamp(28px,3.5vw,44px);
      font-weight: 300; color: #fff;
      margin: 0 0 40px; letter-spacing: -0.5px;
    }
    .sa-blog-page .sa-why-strip h2 em { font-style: italic; color: var(--gold); }
    .sa-blog-page .sa-benefits-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1px;
      background: rgba(255,255,255,0.06);
      border: 0.5px solid rgba(255,255,255,0.06);
      border-radius: 8px;
      overflow: hidden;
    }
    .sa-blog-page .sa-benefit {
      padding: 28px 24px;
      background: rgba(255,255,255,0.02);
    }
    .sa-blog-page .sa-benefit-icon {
      font-size: 22px; margin-bottom: 14px; display: block;
    }
    .sa-blog-page .sa-benefit h4 {
      font-family: var(--font-display);
      font-size: 20px; font-weight: 500;
      color: #fff; margin: 0 0 10px;
    }
    .sa-blog-page .sa-benefit p {
      font-size: 14px; color: rgba(255,255,255,0.45);
      line-height: 1.7; margin: 0;
    }

    /* ── CONNECT ── */
    .sa-blog-page .sa-connect-section {
      background: var(--white);
      padding: clamp(36px,5vw,64px) var(--px);
      border-top: 0.5px solid var(--border);
      border-bottom: 0.5px solid var(--border);
    }
    .sa-blog-page .sa-connect-inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      align-items: center;
    }
    .sa-blog-page .sa-connect-section h2 {
      font-family: var(--font-display);
      font-size: clamp(26px,3vw,40px);
      font-weight: 300; line-height: 1.2;
      color: var(--dark); margin: 0 0 16px;
      letter-spacing: -0.5px;
    }
    .sa-blog-page .sa-connect-section h2 em { font-style: italic; color: var(--gold-dk); }
    .sa-blog-page .sa-connect-section p {
      font-size: 15px; color: var(--text-muted);
      line-height: 1.8; margin: 0;
    }
    .sa-blog-page .sa-social-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      list-style: none; margin: 0; padding: 0;
    }
    .sa-blog-page .sa-social-list li a {
      display: flex; align-items: center; gap: 10px;
      font-size: 13px; font-weight: 500;
      color: var(--dark); text-decoration: none;
      padding: 12px 16px;
      border: 0.5px solid var(--border);
      border-radius: 6px;
      transition: all 0.2s;
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-social-list li a:hover {
      border-color: var(--gold-dk);
      color: var(--gold-dk);
    }
    .sa-blog-page .sa-social-list li a span { font-size: 16px; }

    /* ── CTA ── */
    .sa-blog-page .sa-cta-section {
      background: var(--gold);
      padding: clamp(48px, 6vw, 80px) var(--px);
    }
    .sa-blog-page .sa-cta-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 32px;
      flex-wrap: wrap;
    }
    .sa-blog-page .sa-cta-copy h2 {
      font-family: var(--font-display);
      font-size: clamp(28px, 3.5vw, 42px);
      font-weight: 300;
      line-height: 1.12;
      color: var(--dark);
      margin: 0 0 10px;
    }
    .sa-blog-page .sa-cta-copy h2 em { font-style: italic; }
    .sa-blog-page .sa-cta-copy p {
      font-size: 15px;
      color: rgba(17,17,16,0.6);
      max-width: 400px; margin: 0;
    }
    .sa-blog-page .sa-btn-dark {
      background: var(--dark);
      color: var(--white);
      padding: 14px 34px;
      border-radius: 4px;
      text-decoration: none;
      font-weight: 500;
      font-size: 14px;
      transition: opacity 0.2s;
      display: inline-block;
      font-family: var(--font-body);
      white-space: nowrap;
    }
    .sa-blog-page .sa-btn-dark:hover { opacity: 0.82; }

    /* ── RESPONSIVE ── */
    @media (max-width: 768px) {
      .sa-blog-page .sa-hero-inner        { flex-direction: column; align-items: flex-start; }
      .sa-blog-page .sa-hero-right        { max-width: 100%; }
      .sa-blog-page .sa-intro-grid        { grid-template-columns: 1fr; gap: 28px; }
      .sa-blog-page .sa-plan-inner        { grid-template-columns: 1fr; gap: 28px; }
      .sa-blog-page .sa-plan-entry:nth-child(even) .sa-plan-inner { direction: ltr; }
      .sa-blog-page .sa-benefits-grid     { grid-template-columns: 1fr; }
      .sa-blog-page .sa-connect-inner     { grid-template-columns: 1fr; gap: 32px; }
      .sa-blog-page .sa-social-list       { grid-template-columns: 1fr; }
      .sa-blog-page .sa-cta-inner         { flex-direction: column; }
    }
  </style>
</head>
<body>

<div class="sa-blog-page">

  <!-- ── HERO WITH ZERO TOP GAP ── no space between WP header and hero -->
  <section class="sa-hero">
    <div class="sa-hero-inner">
      <div class="sa-hero-left">
        <div class="sa-hero-meta">
          <span class="sa-eyebrow sa-eyebrow-dk">S. Architectonics</span>
          <span class="sa-hero-date">October 2, 2024 · 4 min read</span>
        </div>
        <h1 class="sa-hero-h">Unlock Your Dream Home<br><em>with S. Architectonics</em></h1>
      </div>
      <div class="sa-hero-right">
        <p>Stunning house plans tailored for you — designs that blend aesthetics, functionality, and modern living for every style and budget.</p>
        <a href="#sa-plans" class="sa-arr sa-arr-gold-dk">
          Browse featured designs
          <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
      </div>
    </div>
  </section>

  <!-- ── INTRO / WHY CHOOSE ── -->
  <section class="sa-intro">
    <div class="wrap">
      <div class="sa-intro-grid">
        <div>
          <h2>Why choose our house plans?</h2>
          <p>When it comes to turning your dream home into reality, the foundation lies in the perfect house plan. At S. Architectonics, we specialize in architectural designs that blend aesthetics, functionality, and modern living.</p>
          <p>Whether you&#8217;re building from the ground up or remodeling, our diverse collection caters to various styles and needs.</p>
        </div>
        <div>
          <ul class="sa-why-list">
            <li><strong>Contemporary House Plans</strong> Sleek, minimalist designs with open floor plans and ample natural light.</li>
            <li><strong>Traditional House Plans</strong> Timeless architectural elements that evoke comfort and classic appeal.</li>
            <li><strong>Eco-Friendly House Plans</strong> Green solutions that incorporate energy-efficient materials and sustainable practices.</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- ── FEATURED HEADER ── -->
  <section class="sa-sec-header" id="sa-plans">
    <div class="wrap">
      <span class="sa-eyebrow sa-eyebrow-dk">Featured Designs</span>
      <h2>Popular house plans<br><em>available for download</em></h2>
    </div>
  </section>

  <!-- PLAN 1: Five-Bedroom Mansion -->
  <section class="sa-plan-entry">
    <div class="wrap">
      <div class="sa-plan-inner">
        <div>
          <span class="sa-plan-number">Design 01</span>
          <h3>Five-Bedroom Mansion</h3>
          <p class="sa-plan-spec">Floor area: 13.8 × 13.6 m · 287 sq. metres · Two floors</p>
          <p>A luxurious two-storey mansion offering ample living space for large families or those who enjoy expansive layouts.</p>
          <ul class="sa-plan-features">
            <li><strong>Ground Floor (140 sqm):</strong> Spacious lounge, dining area, kitchen, pantry, rear porch, one-car garage, laundry area, and common washroom.</li>
            <li><strong>First Floor (147 sqm):</strong> Two bedrooms sharing a washroom, two primary ensuite bedrooms each with a private balcony, and a cozy family room.</li>
          </ul>
          <a href="https://sarchitectonics.shop/product/002-5-bdm/" class="sa-arr sa-arr-gold-dk" target="_blank">Download this design <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
        </div>
        <div class="sa-plan-img-wrap">
          <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/002-5-BDM-Picture1.jpg" alt="Five Bedroom Mansion Design" loading="lazy">
          <div class="sa-plan-img-badge">5 Bed · Maisonette</div>
        </div>
      </div>
    </div>
  </section>

  <!-- PLAN 2: Four-Bedroom Farmhouse -->
  <section class="sa-plan-entry">
    <div class="wrap">
      <div class="sa-plan-inner">
        <div>
          <span class="sa-plan-number">Design 02</span>
          <h3>Four-Bedroom Farmhouse</h3>
          <p class="sa-plan-spec">Floor area: 16.2 × 15 m · 161 sq. metres · Bungalow</p>
          <p>An elegant farmhouse combining style with practicality — a spacious layout that blends indoor comfort with outdoor enjoyment.</p>
          <ul class="sa-plan-features">
            <li>Welcoming entrance porch, cozy lounge, connected dining and kitchen with pantry.</li>
            <li>Rear porch for outdoor relaxation and a master ensuite bedroom.</li>
            <li>Detached ensuite bedroom — ideal for guests or extended family.</li>
          </ul>
          <a href="https://sarchitectonics.shop/product/154-4-bdb/" class="sa-arr sa-arr-gold-dk" target="_blank">Download this design <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
        </div>
        <div class="sa-plan-img-wrap">
          <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/154-4-BDB-Picture6.jpg" alt="Four Bedroom Farmhouse Design" loading="lazy">
          <div class="sa-plan-img-badge">4 Bed · Bungalow</div>
        </div>
      </div>
    </div>
  </section>

  <!-- PLAN 3: One-Bedroom Bungalow -->
  <section class="sa-plan-entry">
    <div class="wrap">
      <div class="sa-plan-inner">
        <div>
          <span class="sa-plan-number">Design 03</span>
          <h3>One-Bedroom Bungalow</h3>
          <p class="sa-plan-spec">Floor area: 8.4 × 9.7 m · 71 sq. metres · Rooftop terrace</p>
          <p>A compact yet sophisticated design — perfect for singles or couples seeking a modern and efficient home.</p>
          <ul class="sa-plan-features">
            <li>Front porch leading to a spacious lounge and functional kitchen.</li>
            <li>Cozy bedroom with a common washroom.</li>
            <li>Rooftop terrace accessible via spiral staircase — ideal for leisure.</li>
          </ul>
          <a href="https://sarchitectonics.shop/product/148-1-bdb/" class="sa-arr sa-arr-gold-dk" target="_blank">Download this design <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
        </div>
        <div class="sa-plan-img-wrap">
          <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/148-1-BDB-Picture3.jpg" alt="One Bedroom Bungalow Design" loading="lazy">
          <div class="sa-plan-img-badge">1 Bed · Bungalow</div>
        </div>
      </div>
    </div>
  </section>

  <!-- PLAN 4: Two-Bedroom House -->
  <section class="sa-plan-entry">
    <div class="wrap">
      <div class="sa-plan-inner">
        <div>
          <span class="sa-plan-number">Design 04</span>
          <h3>Two-Bedroom House</h3>
          <p class="sa-plan-spec">Floor area: 12.85 × 12.4 m · 140 sq. metres · Flat roof</p>
          <p>A modern flat-roof design built for comfort and style, with seamless indoor-outdoor flow.</p>
          <ul class="sa-plan-features">
            <li>Spacious lounge seamlessly connected with an open kitchen.</li>
            <li>Primary bedroom ensuite with a cozy patio; second bedroom with shared washroom.</li>
            <li>Spiral staircase leading to a rooftop terrace from the rear porch.</li>
          </ul>
          <a href="https://sarchitectonics.shop/product/155-2-bdb/" class="sa-arr sa-arr-gold-dk" target="_blank">Download this design <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
        </div>
        <div class="sa-plan-img-wrap">
          <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2024/08/155-2-BDB-Picture4.jpg" alt="Two Bedroom House Design" loading="lazy">
          <div class="sa-plan-img-badge">2 Bed · Flat Roof</div>
        </div>
      </div>
    </div>
  </section>

  <!-- PLAN 5: Three-Bedroom House -->
  <section class="sa-plan-entry">
    <div class="wrap">
      <div class="sa-plan-inner">
        <div>
          <span class="sa-plan-number">Design 05</span>
          <h3>Three-Bedroom House</h3>
          <p class="sa-plan-spec">Floor area: 12.4 × 11.6 m · 118 sq. metres · Concrete roof</p>
          <p>A classic design perfect for families seeking a balanced, functional, and beautiful home.</p>
          <ul class="sa-plan-features">
            <li>Spacious lounge, dining area, modern kitchen, and rear porch.</li>
            <li>Two bedrooms share a common washroom.</li>
            <li>Master bedroom ensuite with built-in wardrobes and private bathroom.</li>
          </ul>
          <a href="https://sarchitectonics.shop/product/090-3-bdb/" class="sa-arr sa-arr-gold-dk" target="_blank">Download this design <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
        </div>
        <div class="sa-plan-img-wrap">
          <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/090-3-BDB-Picture1.jpg" alt="Three Bedroom House Design" loading="lazy">
          <div class="sa-plan-img-badge">3 Bed · Bungalow</div>
        </div>
      </div>
    </div>
  </section>

  <!-- PLAN 6: Two-Bedroom Hidden Roof -->
  <section class="sa-plan-entry">
    <div class="wrap">
      <div class="sa-plan-inner">
        <div>
          <span class="sa-plan-number">Design 06</span>
          <h3>Two-Bedroom Bungalow<br><em style="font-style:italic;color:var(--gold-dk);">Hidden Roof</em></h3>
          <p class="sa-plan-spec">Floor area: 12.9 × 7.8 m · 80 sq. metres · Contemporary</p>
          <p>A modern hidden-roof bungalow with a sleek, contemporary look — designed for comfort and functionality.</p>
          <ul class="sa-plan-features">
            <li>Front porch and cozy lounge with a fireplace.</li>
            <li>Dining area and kitchen with access to an open laundry area at the rear.</li>
            <li>Both bedrooms are ensuite, providing privacy and convenience.</li>
          </ul>
          <a href="https://sarchitectonics.shop/product/150-2-bdb-a/" class="sa-arr sa-arr-gold-dk" target="_blank">Download this design <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
        </div>
        <div class="sa-plan-img-wrap">
          <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/150-2-BDB-A-Picture1.jpg" alt="Two Bedroom Hidden Roof Bungalow" loading="lazy">
          <div class="sa-plan-img-badge">2 Bed · Hidden Roof</div>
        </div>
      </div>
    </div>
  </section>

  <!-- WHY DOWNLOAD STRIP -->
  <section class="sa-why-strip">
    <div class="wrap">
      <span class="sa-eyebrow">Why download from us</span>
      <h2>Everything you need,<br><em>instantly delivered</em></h2>
      <div class="sa-benefits-grid">
        <div class="sa-benefit"><span class="sa-benefit-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a1.png" alt="⚡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><h4>Instant Access</h4><p>After purchase, you receive an immediate PDF download — ready to hand to your builder the same day.</p></div>
        <div class="sa-benefit"><span class="sa-benefit-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/270f.png" alt="✏" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><h4>Customization Options</h4><p>Any of our plans can be tailored to your specific plot, requirements, and personal preferences on request.</p></div>
        <div class="sa-benefit"><span class="sa-benefit-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><h4>Customer Support</h4><p>We provide full support to help you understand the plans and confidently guide your construction.</p></div>
      </div>
    </div>
  </section>

  <!-- CONNECT -->
  <section class="sa-connect-section">
    <div class="wrap">
      <div class="sa-connect-inner">
        <div><h2>Connect with<br><em>S. Architectonics</em></h2><p>Follow us on social media to stay updated with our latest designs, projects, and architectural inspirations.</p></div>
        <ul class="sa-social-list">
          <li><a href="https://www.facebook.com/SArchitectonic" target="_blank"><span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4d8.png" alt="📘" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Facebook</a></li>
          <li><a href="https://www.instagram.com/s_architectonics/" target="_blank"><span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f8.png" alt="📸" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Instagram</a></li>
          <li><a href="https://x.com/SArchitectonics" target="_blank"><span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f426.png" alt="🐦" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> X / Twitter</a></li>
          <li><a href="https://www.youtube.com/@SArchitectonics" target="_blank"><span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/25b6.png" alt="▶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> YouTube</a></li>
          <li><a href="https://t.me/SArchitectonics" target="_blank"><span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2708.png" alt="✈" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Telegram</a></li>
          <li><a href="https://www.tiktok.com/@s_architectonics" target="_blank"><span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3b5.png" alt="🎵" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> TikTok</a></li>
          <li><a href="https://www.whatsapp.com/channel/0029Va6KefUFHWq1kZ4xQU3V" target="_blank"><span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ac.png" alt="💬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> WhatsApp</a></li>
          <li><a href="https://www.pinterest.com/sarchitectonics/" target="_blank"><span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cc.png" alt="📌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> Pinterest</a></li>
        </ul>
      </div>
    </div>
  </section>

  <!-- CTA -->
  <section class="sa-cta-section">
    <div class="sa-cta-inner">
      <div class="sa-cta-copy"><h2>Ready to build your<br><em>dream home?</em></h2><p>Browse our full selection of professional architectural drawings — floor plans, elevations, and structural details in PDF format.</p></div>
      <div><a href="https://sarchitectonics.shop/design-gallery/" class="sa-btn-dark" target="_blank">Shop House Plans →</a></div>
    </div>
  </section>

</div><!-- /.sa-blog-page -->
</body>
</html>
<p>The post <a href="https://sarchitectonics.shop/unlock-your-dream-home-with-s-architectonics-designs/">Unlock Your Dream Home with S. Architectonics Designs</a> appeared first on <a href="https://sarchitectonics.shop">S. Architectonics</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sarchitectonics.shop/unlock-your-dream-home-with-s-architectonics-designs/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1042</post-id>	</item>
		<item>
		<title></title>
		<link>https://sarchitectonics.shop/a-graceful-three-bedroom-design/</link>
					<comments>https://sarchitectonics.shop/a-graceful-three-bedroom-design/#respond</comments>
		
		<dc:creator><![CDATA[S. Architectonics]]></dc:creator>
		<pubDate>Thu, 22 Aug 2024 04:27:22 +0000</pubDate>
				<category><![CDATA[Latest Designs]]></category>
		<guid isPermaLink="false">https://sarchitectonics.shop/?p=396</guid>

					<description><![CDATA[<p>A Graceful Three Bedroom House Plan – Cozy &#038; Beautiful Design &#124; S. Architectonics 3 Bedroom · Bungalow August 22, 2024 A GracefulThree Bedroom Design A cozy and beautiful house plan that blends functionality with sophistication — perfect for modern family living. View in shop 1 / 4 Design Overview Graceful, functional,beautifully designed A graceful [&#8230;]</p>
<p>The post <a href="https://sarchitectonics.shop/a-graceful-three-bedroom-design/"></a> appeared first on <a href="https://sarchitectonics.shop">S. Architectonics</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
  <title>A Graceful Three Bedroom House Plan – Cozy &#038; Beautiful Design | S. Architectonics</title>
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&#038;family=DM+Sans:wght@300;400;500&#038;display=swap" rel="stylesheet">
  <style>

    /* ══════════════════════════════════════════════════════════════
       SCOPED FULL-WIDTH RESET — only targets .sa-blog-page
    ══════════════════════════════════════════════════════════════ */
    .sa-blog-page,
    .sa-blog-page *,
    .sa-blog-page *::before,
    .sa-blog-page *::after { box-sizing: border-box; }

    .sa-blog-page #content,
    .sa-blog-page #primary,
    .sa-blog-page #main,
    .sa-blog-page .site-content,
    .sa-blog-page .content-area,
    .sa-blog-page .entry-content,
    .sa-blog-page .post-content,
    .sa-blog-page .page-content,
    .sa-blog-page .container,
    .sa-blog-page .container-fluid,
    .sa-blog-page .wp-block-group,
    .sa-blog-page .wp-block-cover,
    .sa-blog-page .is-layout-constrained,
    .sa-blog-page article {
      max-width: 100% !important;
      width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      float: none !important;
    }

    .sa-blog-page {
      width: 100% !important;
      max-width: 100%;
      margin: 0 !important;
      background: #ffffff;
      font-family: 'DM Sans', sans-serif;
      color: #111110;
    }

    .sa-blog-page .wp-site-blocks {
      padding-left: 0 !important;
      padding-right: 0 !important;
      gap: 0 !important;
    }

    .sa-blog-page .wp-site-blocks,
    .sa-blog-page .wp-block-group,
    .sa-blog-page .is-layout-constrained {
      max-width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    /* &#x26a1; REMOVE HUGE SPACE BETWEEN WP HEADER AND HERO */
    .sa-blog-page .sa-hero {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }
    .sa-blog-page > *:first-child {
      margin-top: 0 !important;
    }

    /* kill all possible pseudo overlays */
    .sa-blog-page .sa-hero::before,
    .sa-blog-page .sa-hero::after,
    .sa-blog-page .wp-block-cover::before,
    .sa-blog-page .wp-block-cover__background,
    .sa-blog-page .wp-block-group::before,
    .sa-blog-page main::before,
    .sa-blog-page .wp-site-blocks::before,
    .sa-blog-page .has-background::before {
      display: none !important;
      content: none !important;
      background: transparent !important;
      background-image: none !important;
    }

    .sa-blog-page .sa-hero,
    .sa-blog-page .sa-hero *,
    .sa-blog-page .wp-site-blocks *,
    .sa-blog-page main * {
      opacity: 1 !important;
      filter: none !important;
    }

    .sa-blog-page .sa-hero,
    .sa-blog-page .wp-block-cover,
    .sa-blog-page .wp-block-group {
      background: #ffffff !important;
      background-image: none !important;
    }

    /* ── TOKENS ── */
    .sa-blog-page {
      --white:      #ffffff;
      --off-white:  #f7f5f0;
      --dark:       #111110;
      --dark2:      #1a1a18;
      --gold:       #c9a96e;
      --gold-dk:    #b8923e;
      --text-muted: rgba(17,17,16,0.55);
      --border:     rgba(0,0,0,0.08);
      --font-display: 'Cormorant Garamond', Georgia, serif;
      --font-body:    'DM Sans', sans-serif;
      --px: clamp(16px, 4vw, 48px);
    }

    /* default full-width sections (kept for background bleed) */
    .sa-blog-page section {
      width: 100vw;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
    }

    .sa-blog-page .wrap {
      width: 100%;
      max-width: 100%;
      padding-left: var(--px);
      padding-right: var(--px);
      overflow-x: hidden;
    }

    /* ── UTILITY ── */
    .sa-blog-page .sa-eyebrow {
      font-size: 10px; font-weight: 500; letter-spacing: 2.5px;
      text-transform: uppercase; display: block;
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-eyebrow-dk { color: var(--gold-dk); }

    .sa-blog-page .sa-arr {
      display: inline-flex; align-items: center; gap: 8px;
      font-size: 13px; font-weight: 500;
      text-decoration: none; transition: gap .2s;
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-arr:hover { gap: 14px; }
    .sa-blog-page .sa-arr-gold-dk { color: var(--gold-dk); }
    .sa-blog-page .sa-arr svg { width: 14px; height: 14px; flex-shrink: 0; }

    /* ══════════════════════════════════════════════════════════════
       HERO — completely gap‑free on top
    ══════════════════════════════════════════════════════════════ */
    .sa-blog-page .sa-hero {
      background: var(--white) !important;
      padding: 0 var(--px) clamp(28px, 4vw, 64px);   /* top = 0 */
      border-bottom: 0.5px solid var(--border);
      width: 100%;
      position: relative;
      z-index: 10;
    }
    .sa-blog-page .sa-hero-inner {
      display: flex; align-items: flex-end;
      justify-content: space-between; gap: 32px; flex-wrap: wrap;
    }
    .sa-blog-page .sa-hero-left { flex: 1; min-width: 240px; }
    .sa-blog-page .sa-hero-meta {
      display: flex; align-items: center; gap: 16px;
      margin-bottom: 18px; flex-wrap: wrap;
      margin-top: 0;
    }
    .sa-blog-page .sa-hero-meta .sa-eyebrow { margin: 0; }
    .sa-blog-page .sa-hero-date {
      font-size: 11px; color: var(--text-muted);
      font-family: var(--font-body); letter-spacing: 0.5px;
    }
    .sa-blog-page .sa-hero-h {
      font-family: var(--font-display);
      font-size: clamp(32px,5vw,58px);
      font-weight: 300; line-height: 1.08;
      color: var(--dark); letter-spacing: -1px; margin: 0;
    }
    .sa-blog-page .sa-hero-h em { font-style: italic; color: var(--gold-dk); }
    .sa-blog-page .sa-hero-right { max-width: 340px; padding-bottom: 6px; }
    .sa-blog-page .sa-hero-right p {
      font-size: 15px; color: var(--text-muted);
      line-height: 1.8; margin: 0 0 22px;
    }

    /* ══════════════════════════════════════════════════════════════
       SLIDESHOW — width slightly reduced (side padding added)
    ══════════════════════════════════════════════════════════════ */
    .sa-blog-page .sa-slideshow-section {
      background: var(--dark);
      padding: 0;
    }

    /* wrapper that reduces the actual slideshow width */
    .sa-blog-page .sa-slideshow-constrained {
      padding-left: var(--px);
      padding-right: var(--px);
    }

    .sa-blog-page .sa-slideshow {
      position: relative;
      width: 100%;
      overflow: hidden;
      user-select: none;
      border-radius: 12px;        /* subtle rounding for elegance */
    }

    .sa-blog-page .sa-slides-track {
      display: flex;
      transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
      will-change: transform;
    }

    .sa-blog-page .sa-slide {
      flex: 0 0 100%;
      width: 100%;
      position: relative;
    }

    .sa-blog-page .sa-slide img {
      width: 100%;
      display: block;
      aspect-ratio: 16/9;
      object-fit: cover;
    }

    /* counter, buttons, dots remain inside the constrained area */
    .sa-blog-page .sa-slide-counter {
      position: absolute;
      bottom: 20px;
      right: 24px;
      background: rgba(17,17,16,0.6);
      color: rgba(255,255,255,0.7);
      font-size: 11px;
      font-family: var(--font-body);
      letter-spacing: 1.5px;
      padding: 5px 12px;
      border-radius: 2px;
      backdrop-filter: blur(6px);
      pointer-events: none;
      z-index: 12;
    }

    .sa-blog-page .sa-slide-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 44px; height: 44px;
      border-radius: 50%;
      border: 0.5px solid rgba(255,255,255,0.2);
      background: rgba(17,17,16,0.5);
      backdrop-filter: blur(8px);
      color: #fff;
      cursor: pointer;
      display: flex; align-items: center; justify-content: center;
      transition: background 0.2s, border-color 0.2s;
      z-index: 15;
      padding: 0;
    }
    .sa-blog-page .sa-slide-btn:hover {
      background: rgba(184,146,62,0.75);
      border-color: rgba(184,146,62,0.5);
    }
    .sa-blog-page .sa-slide-btn svg {
      width: 16px; height: 16px; flex-shrink: 0;
    }
    .sa-blog-page .sa-slide-prev { left: 24px; }
    .sa-blog-page .sa-slide-next { right: 24px; }

    .sa-blog-page .sa-slide-dots {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      display: flex; gap: 8px; align-items: center;
      z-index: 12;
    }
    .sa-blog-page .sa-dot {
      width: 6px; height: 6px;
      border-radius: 50%;
      background: rgba(255,255,255,0.3);
      cursor: pointer;
      transition: background 0.3s, transform 0.3s;
      border: none; padding: 0;
    }
    .sa-blog-page .sa-dot.active {
      background: var(--gold);
      transform: scale(1.4);
    }

    /* thumbnail strip — already has side padding */
    .sa-blog-page .sa-thumbs {
      display: flex;
      gap: 3px;
      background: var(--dark2);
      padding: 12px var(--px);
    }
    .sa-blog-page .sa-thumb {
      flex: 1;
      cursor: pointer;
      overflow: hidden;
      border-radius: 3px;
      border: 1.5px solid transparent;
      transition: border-color 0.25s, opacity 0.25s;
      opacity: 0.5;
    }
    .sa-blog-page .sa-thumb.active {
      border-color: var(--gold);
      opacity: 1;
    }
    .sa-blog-page .sa-thumb img {
      width: 100%;
      display: block;
      aspect-ratio: 4/3;
      object-fit: cover;
    }

    /* ══════════════════════════════════════════════════════════════
       DESIGN DETAILS & REMAINING SECTIONS (unchanged elegance)
    ══════════════════════════════════════════════════════════════ */
    .sa-blog-page .sa-details-section {
      background: var(--white);
      padding: clamp(40px,5vw,72px) var(--px);
      border-bottom: 0.5px solid var(--border);
    }
    .sa-blog-page .sa-details-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 56px;
      align-items: start;
    }
    .sa-blog-page .sa-details-section h2 {
      font-family: var(--font-display);
      font-size: clamp(28px,3.5vw,44px);
      font-weight: 400; line-height: 1.15;
      color: var(--dark); margin: 0 0 20px;
      letter-spacing: -0.5px;
    }
    .sa-blog-page .sa-details-section h2 em { font-style: italic; color: var(--gold-dk); }
    .sa-blog-page .sa-details-section p {
      font-size: 16px; color: var(--text-muted);
      line-height: 1.85; margin: 0 0 20px;
    }
    .sa-blog-page .sa-specs {
      display: flex; flex-wrap: wrap; gap: 10px;
      margin-bottom: 32px;
    }
    .sa-blog-page .sa-spec-pill {
      display: inline-flex; align-items: center; gap: 8px;
      background: var(--off-white);
      border: 0.5px solid var(--border);
      border-radius: 4px;
      padding: 8px 14px;
    }
    .sa-blog-page .sa-spec-pill-icon { font-size: 16px; }
    .sa-blog-page .sa-spec-pill-text {
      display: flex; flex-direction: column; gap: 1px;
    }
    .sa-blog-page .sa-spec-label {
      font-size: 9px; font-weight: 500; letter-spacing: 1.5px;
      text-transform: uppercase; color: var(--text-muted);
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-spec-val {
      font-size: 13px; font-weight: 500; color: var(--dark);
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-feature-list {
      list-style: none; margin: 0; padding: 0;
    }
    .sa-blog-page .sa-feature-list li {
      font-size: 15px; color: var(--text-muted);
      line-height: 1.7; padding: 12px 0;
      border-bottom: 0.5px solid rgba(0,0,0,0.06);
      display: flex; gap: 12px; align-items: flex-start;
    }
    .sa-blog-page .sa-feature-list li::before {
      content: "–"; color: var(--gold-dk); font-weight: bold;
      flex-shrink: 0; margin-top: 1px;
    }
    .sa-blog-page .sa-floorplan-strip {
      background: var(--off-white);
      padding: clamp(32px,4vw,52px) var(--px);
      border-bottom: 0.5px solid var(--border);
    }
    .sa-blog-page .sa-floorplan-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px; flex-wrap: wrap;
    }
    .sa-blog-page .sa-floorplan-strip .sa-eyebrow { margin-bottom: 10px; }
    .sa-blog-page .sa-floorplan-strip h3 {
      font-family: var(--font-display);
      font-size: clamp(22px,2.5vw,32px);
      font-weight: 400; color: var(--dark);
      margin: 0; letter-spacing: -0.3px;
    }
    .sa-blog-page .sa-floorplan-strip p {
      font-size: 14px; color: var(--text-muted);
      line-height: 1.7; margin: 10px 0 0;
      max-width: 460px;
    }
    .sa-blog-page .sa-btn-outline {
      border: 1px solid var(--gold-dk);
      color: var(--gold-dk);
      background: transparent;
      padding: 12px 28px;
      border-radius: 4px;
      text-decoration: none;
      font-weight: 500;
      font-size: 13px;
      transition: all 0.2s;
      display: inline-block;
      font-family: var(--font-body);
      white-space: nowrap;
    }
    .sa-blog-page .sa-btn-outline:hover {
      background: var(--gold-dk);
      color: var(--white);
    }
    .sa-blog-page .sa-similar-section {
      background: var(--white);
      padding: clamp(40px,5vw,68px) var(--px);
      border-bottom: 0.5px solid var(--border);
    }
    .sa-blog-page .sa-similar-section .sa-eyebrow { margin-bottom: 16px; }
    .sa-blog-page .sa-similar-section h2 {
      font-family: var(--font-display);
      font-size: clamp(26px,3vw,38px);
      font-weight: 300; color: var(--dark);
      margin: 0 0 36px; letter-spacing: -0.5px;
    }
    .sa-blog-page .sa-similar-section h2 em { font-style: italic; color: var(--gold-dk); }
    .sa-blog-page .sa-similar-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }
    .sa-blog-page .sa-sim-card {
      text-decoration: none;
      border: 0.5px solid var(--border);
      border-radius: 8px;
      overflow: hidden;
      display: block;
      transition: all 0.3s;
    }
    .sa-blog-page .sa-sim-card:hover {
      border-color: rgba(184,146,62,0.45);
      transform: translateY(-3px);
      box-shadow: 0 10px 28px rgba(0,0,0,0.07);
    }
    .sa-blog-page .sa-sim-img {
      width: 100%; aspect-ratio: 4/3; object-fit: cover;
      display: block;
      transition: transform 0.4s ease;
    }
    .sa-blog-page .sa-sim-card:hover .sa-sim-img { transform: scale(1.04); }
    .sa-blog-page .sa-sim-body {
      padding: 16px 18px 20px;
      background: var(--off-white);
    }
    .sa-blog-page .sa-sim-tag {
      font-size: 9px; font-weight: 500; letter-spacing: 1.5px;
      text-transform: uppercase; color: var(--gold-dk);
      margin-bottom: 6px; display: block;
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-sim-title {
      font-family: var(--font-display);
      font-size: 18px; font-weight: 500;
      color: var(--dark); margin: 0 0 4px;
    }
    .sa-blog-page .sa-sim-spec {
      font-size: 12px; color: var(--text-muted);
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-cta-section {
      background: var(--gold);
      padding: clamp(48px,6vw,80px) var(--px);
    }
    .sa-blog-page .sa-cta-inner {
      display: flex; align-items: center;
      justify-content: space-between;
      gap: 32px; flex-wrap: wrap;
    }
    .sa-blog-page .sa-cta-copy h2 {
      font-family: var(--font-display);
      font-size: clamp(28px,3.5vw,42px);
      font-weight: 300; line-height: 1.12;
      color: var(--dark); margin: 0 0 10px;
    }
    .sa-blog-page .sa-cta-copy h2 em { font-style: italic; }
    .sa-blog-page .sa-cta-copy p {
      font-size: 15px; color: rgba(17,17,16,0.6);
      max-width: 420px; margin: 0;
    }
    .sa-blog-page .sa-btn-dark {
      background: var(--dark); color: var(--white);
      padding: 14px 34px; border-radius: 4px;
      text-decoration: none; font-weight: 500; font-size: 14px;
      transition: opacity 0.2s; display: inline-block;
      font-family: var(--font-body); white-space: nowrap;
    }
    .sa-blog-page .sa-btn-dark:hover { opacity: 0.82; }

    @media (max-width: 768px) {
      .sa-blog-page .sa-hero-inner  { flex-direction: column; align-items: flex-start; }
      .sa-blog-page .sa-hero-right  { max-width: 100%; }
      .sa-blog-page .sa-details-grid { grid-template-columns: 1fr; gap: 28px; }
      .sa-blog-page .sa-similar-grid { grid-template-columns: 1fr; }
      .sa-blog-page .sa-cta-inner   { flex-direction: column; }
      .sa-blog-page .sa-floorplan-inner { flex-direction: column; align-items: flex-start; }
      .sa-blog-page .sa-slide img   { aspect-ratio: 4/3; }
      .sa-blog-page .sa-slide-btn   { width: 36px; height: 36px; }
      .sa-blog-page .sa-slide-prev { left: 16px; }
      .sa-blog-page .sa-slide-next { right: 16px; }
    }
  </style>
</head>
<body>

<div class="sa-blog-page">

  <!-- ── HERO ── (zero top gap) -->
  <section class="sa-hero">
    <div class="sa-hero-inner">
      <div class="sa-hero-left">
        <div class="sa-hero-meta">
          <span class="sa-eyebrow sa-eyebrow-dk">3 Bedroom · Bungalow</span>
          <span class="sa-hero-date">August 22, 2024</span>
        </div>
        <h1 class="sa-hero-h">A Graceful<br><em>Three Bedroom Design</em></h1>
      </div>
      <div class="sa-hero-right">
        <p>A cozy and beautiful house plan that blends functionality with sophistication — perfect for modern family living.</p>
        <a href="https://sarchitectonics.shop/product/a-graceful-three-bedroom-design/" class="sa-arr sa-arr-gold-dk" target="_blank">
          View in shop
          <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
      </div>
    </div>
  </section>

  <!-- ══════════════════════════════════════════════════════════════
       SLIDESHOW — with side padding to slightly reduce width
  ══════════════════════════════════════════════════════════════ -->
  <section class="sa-slideshow-section">
    <div class="sa-slideshow-constrained">
      <div class="sa-slideshow" id="saSlideshow">
        <div class="sa-slides-track" id="saTrack">
          <div class="sa-slide">
            <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/156-3-BDB-Picture2.jpg" alt="Three Bedroom Design - View 1" loading="eager">
          </div>
          <div class="sa-slide">
            <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/156-3-BDB-Picture5.jpg" alt="Three Bedroom Design - View 2" loading="lazy">
          </div>
          <div class="sa-slide">
            <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/156-3-BDB-Picture1.jpg" alt="Three Bedroom Design - View 3" loading="lazy">
          </div>
          <div class="sa-slide">
            <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/156-3-BDB-Picture3.jpg" alt="Three Bedroom Design - View 4" loading="lazy">
          </div>
        </div>

        <button class="sa-slide-btn sa-slide-prev" id="saPrev" aria-label="Previous image">
          <svg viewBox="0 0 16 16" fill="none"><path d="M10 4L6 8l4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </button>
        <button class="sa-slide-btn sa-slide-next" id="saNext" aria-label="Next image">
          <svg viewBox="0 0 16 16" fill="none"><path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </button>

        <div class="sa-slide-counter" id="saCounter">1 / 4</div>

        <div class="sa-slide-dots" id="saDots">
          <button class="sa-dot active" data-index="0" aria-label="Slide 1"></button>
          <button class="sa-dot" data-index="1" aria-label="Slide 2"></button>
          <button class="sa-dot" data-index="2" aria-label="Slide 3"></button>
          <button class="sa-dot" data-index="3" aria-label="Slide 4"></button>
        </div>
      </div>
    </div>

    <!-- thumbnail strip (already padded) -->
    <div class="sa-thumbs" id="saThumbs">
      <div class="sa-thumb active" data-index="0">
        <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/156-3-BDB-Picture2.jpg" alt="Thumb 1" loading="lazy">
      </div>
      <div class="sa-thumb" data-index="1">
        <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/156-3-BDB-Picture5.jpg" alt="Thumb 2" loading="lazy">
      </div>
      <div class="sa-thumb" data-index="2">
        <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/156-3-BDB-Picture1.jpg" alt="Thumb 3" loading="lazy">
      </div>
      <div class="sa-thumb" data-index="3">
        <img decoding="async" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/156-3-BDB-Picture3.jpg" alt="Thumb 4" loading="lazy">
      </div>
    </div>
  </section>

  <!-- ── DESIGN DETAILS ── -->
  <section class="sa-details-section">
    <div class="wrap">
      <div class="sa-details-grid">
        <div>
          <span class="sa-eyebrow sa-eyebrow-dk" style="margin-bottom:16px;">Design Overview</span>
          <h2>Graceful, functional,<br><em>beautifully designed</em></h2>
          <p>A graceful three-bedroom design spanning a total plinth area of 148 square metres. The entrance porch leads to a charming patio, setting the tone for the inviting interior.</p>
          <p>The open-plan living area — comprising a lounge, kitchen, and dining space — is designed to maximise natural light, creating a bright and airy atmosphere.</p>
          <p>Two well-appointed bedrooms share a separate WC and shower room, while the cozy primary bedroom is ensuite for added privacy and luxury. The layout seamlessly combines functionality with a touch of sophistication, perfect for modern living.</p>
          <a href="https://sarchitectonics.shop/product/a-graceful-three-bedroom-design/" class="sa-arr sa-arr-gold-dk" target="_blank" style="margin-top:8px;">
            Download this design
            <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </a>
        </div>
        <div>
          <div class="sa-specs">
            <div class="sa-spec-pill"><span class="sa-spec-pill-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4d0.png" alt="📐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div class="sa-spec-pill-text"><span class="sa-spec-label">Floor Area</span><span class="sa-spec-val">148 sq. metres</span></div></div>
            <div class="sa-spec-pill"><span class="sa-spec-pill-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6cf.png" alt="🛏" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div class="sa-spec-pill-text"><span class="sa-spec-label">Bedrooms</span><span class="sa-spec-val">3 Bedrooms</span></div></div>
            <div class="sa-spec-pill"><span class="sa-spec-pill-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3e0.png" alt="🏠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div class="sa-spec-pill-text"><span class="sa-spec-label">Type</span><span class="sa-spec-val">Bungalow</span></div></div>
            <div class="sa-spec-pill"><span class="sa-spec-pill-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6bf.png" alt="🚿" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><div class="sa-spec-pill-text"><span class="sa-spec-label">Bathrooms</span><span class="sa-spec-val">2 (1 ensuite)</span></div></div>
          </div>
          <ul class="sa-feature-list">
            <li>Entrance porch leading to a charming patio</li>
            <li>Open-plan lounge, kitchen and dining area maximising natural light</li>
            <li>Primary bedroom ensuite — private bathroom and wardrobes</li>
            <li>Two additional bedrooms sharing a separate WC and shower room</li>
            <li>Bright and airy atmosphere throughout</li>
            <li>Compact yet sophisticated layout perfect for modern family living</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- ── FLOORPLAN DOWNLOAD STRIP ── -->
  <section class="sa-floorplan-strip">
    <div class="wrap">
      <div class="sa-floorplan-inner">
        <div>
          <span class="sa-eyebrow sa-eyebrow-dk">Instant PDF Download</span>
          <h3>Get the full architectural drawings</h3>
          <p>Includes floor plans, elevations, and structural details — ready to hand to your contractor or submit for county approval.</p>
        </div>
        <a href="https://sarchitectonics.shop/product/a-graceful-three-bedroom-design/" class="sa-btn-outline" target="_blank">View in Shop →</a>
      </div>
    </div>
  </section>

  <!-- ── SIMILAR DESIGNS ── -->
  <section class="sa-similar-section">
    <div class="wrap">
      <span class="sa-eyebrow sa-eyebrow-dk">More Designs</span>
      <h2>You might also <em>love these</em></h2>
      <div class="sa-similar-grid">
        <a href="https://sarchitectonics.shop/collections/3-bedroom-house-plans/" class="sa-sim-card">
          <img decoding="async" class="sa-sim-img" src="https://sarchitectonics.shop/wp-content/uploads/2025/10/180-3-BDB-Picture5.jpg" alt="Elegant Three Bedroom Modern Home" loading="lazy">
          <div class="sa-sim-body"><span class="sa-sim-tag">3 Bed · Pitched Roof</span><div class="sa-sim-title">Elegant Three Bedroom Modern Home</div><div class="sa-sim-spec">Bungalow · KSh 15,000</div></div>
        </a>
        <a href="https://sarchitectonics.shop/product/classic-three-bedroom-house-design/" class="sa-sim-card">
          <img decoding="async" class="sa-sim-img" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/090-3-BDB-Picture1.jpg" alt="Classic Three Bedroom Bungalow" loading="lazy">
          <div class="sa-sim-body"><span class="sa-sim-tag">3 Bed · Concrete Roof</span><div class="sa-sim-title">Classic Three Bedroom Bungalow</div><div class="sa-sim-spec">Bungalow · KSh 10,000</div></div>
        </a>
        <a href="https://sarchitectonics.shop/product/a-beautiful-two-bedroom-house/" class="sa-sim-card">
          <img decoding="async" class="sa-sim-img" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/150-2-BDB-A-Picture1.jpg" alt="Beautiful Two Bedroom Bungalow" loading="lazy">
          <div class="sa-sim-body"><span class="sa-sim-tag">2 Bed · Hidden Roof</span><div class="sa-sim-title">Beautiful Two Bedroom Bungalow</div><div class="sa-sim-spec">Bungalow · KSh 10,000</div></div>
        </a>
      </div>
    </div>
  </section>

  <!-- ── CTA ── -->
  <section class="sa-cta-section">
    <div class="sa-cta-inner">
      <div class="sa-cta-copy">
        <h2>Ready to build your<br><em>dream home?</em></h2>
        <p>Browse 180+ professional architectural drawings crafted for every lifestyle and budget.</p>
      </div>
      <div><a href="https://sarchitectonics.shop/design-gallery/" class="sa-btn-dark" target="_blank">Shop All House Plans →</a></div>
    </div>
  </section>

</div>

<script>
(function () {
  var track    = document.getElementById('saTrack');
  var dots     = document.querySelectorAll('.sa-blog-page .sa-dot');
  var thumbs   = document.querySelectorAll('.sa-blog-page .sa-thumb');
  var counter  = document.getElementById('saCounter');
  var total    = 4;
  var current  = 0;
  var autoPlay = null;

  function goTo(idx) {
    current = (idx + total) % total;
    track.style.transform = 'translateX(-' + (current * 100) + '%)';
    counter.textContent = (current + 1) + ' / ' + total;
    dots.forEach(function(d, i) { d.classList.toggle('active', i === current); });
    thumbs.forEach(function(t, i) { t.classList.toggle('active', i === current); });
  }

  document.getElementById('saPrev').addEventListener('click', function () { goTo(current - 1); resetAuto(); });
  document.getElementById('saNext').addEventListener('click', function () { goTo(current + 1); resetAuto(); });

  dots.forEach(function(d) {
    d.addEventListener('click', function () { goTo(parseInt(d.dataset.index)); resetAuto(); });
  });
  thumbs.forEach(function(t) {
    t.addEventListener('click', function () { goTo(parseInt(t.dataset.index)); resetAuto(); });
  });

  var slideshow = document.getElementById('saSlideshow');
  var touchStartX = 0;
  slideshow.addEventListener('touchstart', function(e) { touchStartX = e.touches[0].clientX; }, { passive: true });
  slideshow.addEventListener('touchend', function(e) {
    var diff = touchStartX - e.changedTouches[0].clientX;
    if (Math.abs(diff) > 40) { goTo(diff > 0 ? current + 1 : current - 1); resetAuto(); }
  }, { passive: true });

  function startAuto() { autoPlay = setInterval(function () { goTo(current + 1); }, 5000); }
  function resetAuto()  { clearInterval(autoPlay); startAuto(); }
  startAuto();
})();
</script>

</body>
</html>
<p>The post <a href="https://sarchitectonics.shop/a-graceful-three-bedroom-design/"></a> appeared first on <a href="https://sarchitectonics.shop">S. Architectonics</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sarchitectonics.shop/a-graceful-three-bedroom-design/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">396</post-id>	</item>
		<item>
		<title>Expertly Crafted Architectural Drawings</title>
		<link>https://sarchitectonics.shop/expertly-crafted-architectural-drawings/</link>
					<comments>https://sarchitectonics.shop/expertly-crafted-architectural-drawings/#comments</comments>
		
		<dc:creator><![CDATA[S. Architectonics]]></dc:creator>
		<pubDate>Mon, 19 Aug 2024 20:01:54 +0000</pubDate>
				<category><![CDATA[Welcome Post]]></category>
		<guid isPermaLink="false">https://sarchitectonics.shop/welcome-to-s-architectonics-your-premier-online-destination-for-expertly-crafted-architectural-drawings-5/</guid>

					<description><![CDATA[<p>Welcome to S. Architectonics: Your Premier Destination for Architectural Drawings SA S. Architectonics August 19, 2024 3 min read Welcome toS. Architectonics 180+ House Plans 9 Categories 3 Roof Styles PDF Instant Download Your premier online destination for expertly crafted architectural drawings — designed for homeowners, builders, and architects across Kenya and beyond. Browse all [&#8230;]</p>
<p>The post <a href="https://sarchitectonics.shop/expertly-crafted-architectural-drawings/">Expertly Crafted Architectural Drawings</a> appeared first on <a href="https://sarchitectonics.shop">S. Architectonics</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
  <title>Welcome to S. Architectonics: Your Premier Destination for Architectural Drawings</title>
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&#038;family=DM+Sans:wght@300;400;500&#038;display=swap" rel="stylesheet">
  <style>

    /* ══════════════════════════════════════════════════════════════
       SCOPED FULL-WIDTH RESET — only targets .sa-blog-page
    ══════════════════════════════════════════════════════════════ */
    .sa-blog-page,
    .sa-blog-page *,
    .sa-blog-page *::before,
    .sa-blog-page *::after { box-sizing: border-box; }

    .sa-blog-page #content,
    .sa-blog-page #primary,
    .sa-blog-page #main,
    .sa-blog-page .site-content,
    .sa-blog-page .content-area,
    .sa-blog-page .entry-content,
    .sa-blog-page .post-content,
    .sa-blog-page .page-content,
    .sa-blog-page .container,
    .sa-blog-page .container-fluid,
    .sa-blog-page .wp-block-group,
    .sa-blog-page .wp-block-cover,
    .sa-blog-page .is-layout-constrained,
    .sa-blog-page article {
      max-width: 100% !important;
      width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      float: none !important;
    }

    .sa-blog-page {
      width: 100% !important;
      max-width: 100%;
      margin: 0 !important;
      background: #ffffff;
      font-family: 'DM Sans', sans-serif;
      color: #111110;
    }

    .sa-blog-page .wp-site-blocks {
      padding-left: 0 !important;
      padding-right: 0 !important;
      gap: 0 !important;
    }

    .sa-blog-page .wp-site-blocks,
    .sa-blog-page .wp-block-group,
    .sa-blog-page .is-layout-constrained {
      max-width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .sa-blog-page .sa-hero { margin-top: 0 !important; padding-top: 0 !important; }
    .sa-blog-page > *:first-child { margin-top: 0 !important; }

    .sa-blog-page .sa-hero::before,
    .sa-blog-page .sa-hero::after,
    .sa-blog-page .wp-block-cover::before,
    .sa-blog-page .wp-block-cover__background,
    .sa-blog-page .wp-block-group::before,
    .sa-blog-page main::before,
    .sa-blog-page .wp-site-blocks::before,
    .sa-blog-page .has-background::before {
      display: none !important;
      content: none !important;
      background: transparent !important;
      background-image: none !important;
    }

    .sa-blog-page .sa-hero,
    .sa-blog-page .sa-hero *,
    .sa-blog-page .wp-site-blocks *,
    .sa-blog-page main * {
      opacity: 1 !important;
      filter: none !important;
    }

    .sa-blog-page .sa-hero,
    .sa-blog-page .wp-block-cover,
    .sa-blog-page .wp-block-group {
      background: #ffffff !important;
      background-image: none !important;
    }

    /* ── TOKENS ── */
    .sa-blog-page {
      --white:      #ffffff;
      --off-white:  #f7f5f0;
      --dark:       #111110;
      --dark2:      #1a1a18;
      --gold:       #c9a96e;
      --gold-dk:    #b8923e;
      --text-muted: rgba(17,17,16,0.55);
      --border:     rgba(0,0,0,0.08);
      --font-display: 'Cormorant Garamond', Georgia, serif;
      --font-body:    'DM Sans', sans-serif;
      --px: clamp(16px, 4vw, 48px);
    }

    .sa-blog-page section {
      width: 100vw;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
    }

    .sa-blog-page .wrap {
      width: 100%;
      max-width: 100%;
      padding-left: var(--px);
      padding-right: var(--px);
      overflow-x: hidden;
    }

    /* ── UTILITY ── */
    .sa-blog-page .sa-eyebrow {
      font-size: 10px; font-weight: 500; letter-spacing: 2.5px;
      text-transform: uppercase; display: block;
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-eyebrow-dk  { color: var(--gold-dk); }
    .sa-blog-page .sa-eyebrow-lt  { color: var(--gold); }

    .sa-blog-page .sa-arr {
      display: inline-flex; align-items: center; gap: 8px;
      font-size: 13px; font-weight: 500;
      text-decoration: none; transition: gap .2s;
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-arr:hover { gap: 14px; }
    .sa-blog-page .sa-arr-gold-dk { color: var(--gold-dk); }
    .sa-blog-page .sa-arr-white   { color: var(--white); }
    .sa-blog-page .sa-arr svg { width: 14px; height: 14px; flex-shrink: 0; }

    /* ══════════════════════════════════════════════════════════════
       HERO — dark, editorial, reduced top gap
    ══════════════════════════════════════════════════════════════ */
    .sa-blog-page .sa-hero {
      background: var(--dark) !important;
      padding: clamp(20px,3vw,40px) var(--px) clamp(48px,7vw,96px);
      width: 100%;
      position: relative;
      z-index: 10;
      overflow: hidden;
    }

    /* Decorative rule lines */
    .sa-blog-page .sa-hero::after {
      display: block !important;
      content: '' !important;
      position: absolute;
      bottom: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(201,169,110,0.4), transparent);
    }

    /* Large ghosted letter behind headline */
    .sa-blog-page .sa-hero-ghost {
      position: absolute;
      right: -20px; bottom: -40px;
      font-family: var(--font-display);
      font-size: clamp(160px, 22vw, 280px);
      font-weight: 300;
      color: rgba(255,255,255,0.03);
      line-height: 1;
      pointer-events: none;
      user-select: none;
      letter-spacing: -8px;
    }

    .sa-blog-page .sa-hero-inner {
      position: relative; z-index: 2;
      display: flex; align-items: flex-end;
      justify-content: space-between; gap: 40px; flex-wrap: wrap;
    }
    .sa-blog-page .sa-hero-left { flex: 1; min-width: 260px; }
    .sa-blog-page .sa-hero-meta {
      display: flex; align-items: center; gap: 16px;
      margin-bottom: 24px; flex-wrap: wrap;
    }
    .sa-blog-page .sa-hero-meta .sa-eyebrow { margin: 0; }
    .sa-blog-page .sa-hero-sep {
      width: 1px; height: 12px;
      background: rgba(255,255,255,0.15);
    }
    .sa-blog-page .sa-hero-date {
      font-size: 11px; color: rgba(255,255,255,0.35);
      font-family: var(--font-body); letter-spacing: 0.5px;
    }
    .sa-blog-page .sa-hero-read {
      font-size: 11px; color: rgba(255,255,255,0.35);
      font-family: var(--font-body); letter-spacing: 0.5px;
    }
    .sa-blog-page .sa-hero-h {
      font-family: var(--font-display);
      font-size: clamp(36px, 5.5vw, 68px);
      font-weight: 300; line-height: 1.06;
      color: #fff; letter-spacing: -1.5px; margin: 0;
    }
    .sa-blog-page .sa-hero-h em { font-style: italic; color: var(--gold); }

    .sa-blog-page .sa-hero-right {
      max-width: 360px; padding-bottom: 8px;
      display: flex; flex-direction: column; gap: 20px;
    }
    .sa-blog-page .sa-hero-right p {
      font-size: 15px; color: rgba(255,255,255,0.5);
      line-height: 1.8; margin: 0;
    }

    /* Stats bar inside hero */
    .sa-blog-page .sa-hero-stats {
      display: flex; gap: 0;
      border: 0.5px solid rgba(255,255,255,0.08);
      border-radius: 6px; overflow: hidden;
      margin-top: 40px;
    }
    .sa-blog-page .sa-hero-stat {
      flex: 1; padding: 18px 20px;
      border-right: 0.5px solid rgba(255,255,255,0.08);
      text-align: center;
    }
    .sa-blog-page .sa-hero-stat:last-child { border-right: none; }
    .sa-blog-page .sa-stat-num {
      font-family: var(--font-display);
      font-size: clamp(24px,3vw,36px);
      font-weight: 300; color: var(--gold);
      line-height: 1; margin-bottom: 4px;
    }
    .sa-blog-page .sa-stat-label {
      font-size: 10px; font-weight: 500; letter-spacing: 1.5px;
      text-transform: uppercase; color: rgba(255,255,255,0.3);
      font-family: var(--font-body);
    }

    /* ══════════════════════════════════════════════════════════════
       INTRO SECTION — white with pull quote
    ══════════════════════════════════════════════════════════════ */
    .sa-blog-page .sa-intro-section {
      background: var(--white);
      padding: clamp(48px,6vw,88px) var(--px);
      border-bottom: 0.5px solid var(--border);
    }
    .sa-blog-page .sa-intro-grid {
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 64px;
      align-items: start;
    }

    /* Sticky side label */
    .sa-blog-page .sa-intro-label {
      position: sticky; top: 24px;
    }
    .sa-blog-page .sa-intro-label .sa-eyebrow { margin-bottom: 16px; }
    .sa-blog-page .sa-section-num {
      font-family: var(--font-display);
      font-size: clamp(60px,7vw,96px);
      font-weight: 300; line-height: 1;
      color: rgba(17,17,16,0.06);
      margin: 0; letter-spacing: -4px;
    }

    .sa-blog-page .sa-intro-body h2 {
      font-family: var(--font-display);
      font-size: clamp(28px,3.5vw,46px);
      font-weight: 400; line-height: 1.15;
      color: var(--dark); margin: 0 0 28px;
      letter-spacing: -0.5px;
    }
    .sa-blog-page .sa-intro-body h2 em { font-style: italic; color: var(--gold-dk); }
    .sa-blog-page .sa-intro-body p {
      font-size: 16px; color: var(--text-muted);
      line-height: 1.9; margin: 0 0 20px;
    }
    .sa-blog-page .sa-intro-body p:last-child { margin-bottom: 0; }

    /* Pull quote */
    .sa-blog-page .sa-pullquote {
      border-left: 2px solid var(--gold);
      padding: 20px 0 20px 28px;
      margin: 32px 0;
    }
    .sa-blog-page .sa-pullquote p {
      font-family: var(--font-display);
      font-size: clamp(20px,2.5vw,28px) !important;
      font-weight: 400; font-style: italic;
      color: var(--dark) !important;
      line-height: 1.5; margin: 0 !important;
      letter-spacing: -0.3px;
    }

    /* ── STYLE TILES ── */
    .sa-blog-page .sa-styles-section {
      background: var(--off-white);
      padding: clamp(40px,5vw,72px) var(--px);
      border-bottom: 0.5px solid var(--border);
    }
    .sa-blog-page .sa-styles-head {
      display: flex; align-items: flex-end;
      justify-content: space-between; gap: 24px;
      margin-bottom: 40px; flex-wrap: wrap;
    }
    .sa-blog-page .sa-styles-head .sa-eyebrow { margin-bottom: 10px; }
    .sa-blog-page .sa-styles-head h2 {
      font-family: var(--font-display);
      font-size: clamp(26px,3vw,40px);
      font-weight: 300; color: var(--dark);
      margin: 0; letter-spacing: -0.5px;
    }
    .sa-blog-page .sa-styles-head h2 em { font-style: italic; color: var(--gold-dk); }

    .sa-blog-page .sa-style-tiles {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1px;
      background: var(--border);
      border: 0.5px solid var(--border);
      border-radius: 8px;
      overflow: hidden;
    }
    .sa-blog-page .sa-tile {
      background: var(--white);
      padding: 36px 28px;
      transition: background 0.25s;
    }
    .sa-blog-page .sa-tile:hover { background: var(--dark); }
    .sa-blog-page .sa-tile:hover .sa-tile-icon { color: var(--gold); }
    .sa-blog-page .sa-tile:hover .sa-tile-title { color: var(--white); }
    .sa-blog-page .sa-tile:hover .sa-tile-text  { color: rgba(255,255,255,0.45); }
    .sa-blog-page .sa-tile-icon {
      font-size: 28px; margin-bottom: 20px; display: block;
      transition: color 0.25s;
    }
    .sa-blog-page .sa-tile-title {
      font-family: var(--font-display);
      font-size: 22px; font-weight: 500;
      color: var(--dark); margin: 0 0 12px;
      transition: color 0.25s;
    }
    .sa-blog-page .sa-tile-text {
      font-size: 14px; color: var(--text-muted);
      line-height: 1.7; margin: 0;
      transition: color 0.25s;
    }

    /* ══════════════════════════════════════════════════════════════
       PLATFORM SECTION — dark
    ══════════════════════════════════════════════════════════════ */
    .sa-blog-page .sa-platform-section {
      background: var(--dark2);
      padding: clamp(48px,6vw,88px) var(--px);
    }
    .sa-blog-page .sa-platform-grid {
      display: grid;
      grid-template-columns: 2fr 1fr;
      gap: 64px; align-items: start;
    }
    .sa-blog-page .sa-platform-body .sa-eyebrow { margin-bottom: 16px; }
    .sa-blog-page .sa-platform-body h2 {
      font-family: var(--font-display);
      font-size: clamp(28px,3.5vw,48px);
      font-weight: 300; line-height: 1.12;
      color: #fff; margin: 0 0 28px;
      letter-spacing: -0.5px;
    }
    .sa-blog-page .sa-platform-body h2 em { font-style: italic; color: var(--gold); }
    .sa-blog-page .sa-platform-body p {
      font-size: 16px; color: rgba(255,255,255,0.45);
      line-height: 1.9; margin: 0 0 20px;
    }
    .sa-blog-page .sa-platform-body p:last-child { margin: 0; }

    /* Feature checklist */
    .sa-blog-page .sa-checklist {
      list-style: none; margin: 0; padding: 0;
    }
    .sa-blog-page .sa-checklist li {
      display: flex; gap: 14px; align-items: flex-start;
      padding: 16px 0;
      border-bottom: 0.5px solid rgba(255,255,255,0.06);
      font-size: 14px; color: rgba(255,255,255,0.5);
      line-height: 1.6;
    }
    .sa-blog-page .sa-checklist li:last-child { border-bottom: none; }
    .sa-blog-page .sa-check-icon {
      width: 20px; height: 20px; flex-shrink: 0;
      border-radius: 50%;
      background: rgba(201,169,110,0.15);
      border: 0.5px solid rgba(201,169,110,0.3);
      display: flex; align-items: center; justify-content: center;
      margin-top: 1px;
    }
    .sa-blog-page .sa-check-icon svg {
      width: 10px; height: 10px; color: var(--gold);
    }
    .sa-blog-page .sa-checklist li strong {
      display: block; font-weight: 500;
      color: rgba(255,255,255,0.8); margin-bottom: 3px;
      font-size: 13px;
    }

    /* ══════════════════════════════════════════════════════════════
       COMMUNITY SECTION — white
    ══════════════════════════════════════════════════════════════ */
    .sa-blog-page .sa-community-section {
      background: var(--white);
      padding: clamp(48px,6vw,88px) var(--px);
      border-bottom: 0.5px solid var(--border);
    }
    .sa-blog-page .sa-community-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 64px; align-items: center;
    }
    .sa-blog-page .sa-community-section .sa-eyebrow { margin-bottom: 16px; }
    .sa-blog-page .sa-community-section h2 {
      font-family: var(--font-display);
      font-size: clamp(28px,3.5vw,46px);
      font-weight: 400; line-height: 1.15;
      color: var(--dark); margin: 0 0 24px;
      letter-spacing: -0.5px;
    }
    .sa-blog-page .sa-community-section h2 em { font-style: italic; color: var(--gold-dk); }
    .sa-blog-page .sa-community-section p {
      font-size: 16px; color: var(--text-muted);
      line-height: 1.9; margin: 0 0 20px;
    }
    .sa-blog-page .sa-community-section p:last-child { margin: 0; }

    /* Value pillars */
    .sa-blog-page .sa-pillars {
      display: flex; flex-direction: column; gap: 0;
      border: 0.5px solid var(--border); border-radius: 8px;
      overflow: hidden;
    }
    .sa-blog-page .sa-pillar {
      padding: 24px 28px;
      border-bottom: 0.5px solid var(--border);
      display: flex; gap: 20px; align-items: flex-start;
    }
    .sa-blog-page .sa-pillar:last-child { border-bottom: none; }
    .sa-blog-page .sa-pillar-num {
      font-family: var(--font-display);
      font-size: 28px; font-weight: 300;
      color: rgba(184,146,62,0.3);
      line-height: 1; flex-shrink: 0; width: 32px;
    }
    .sa-blog-page .sa-pillar-content h4 {
      font-family: var(--font-display);
      font-size: 18px; font-weight: 500;
      color: var(--dark); margin: 0 0 6px;
    }
    .sa-blog-page .sa-pillar-content p {
      font-size: 13px !important; color: var(--text-muted) !important;
      line-height: 1.65; margin: 0 !important;
    }

    /* ══════════════════════════════════════════════════════════════
       DESIGN PREVIEW — featured house cards
    ══════════════════════════════════════════════════════════════ */
    .sa-blog-page .sa-preview-section {
      background: var(--off-white);
      padding: clamp(40px,5vw,72px) var(--px);
      border-top: 0.5px solid var(--border);
      border-bottom: 0.5px solid var(--border);
    }
    .sa-blog-page .sa-preview-head {
      display: flex; align-items: flex-end;
      justify-content: space-between; gap: 24px;
      margin-bottom: 36px; flex-wrap: wrap;
    }
    .sa-blog-page .sa-preview-head .sa-eyebrow { margin-bottom: 10px; }
    .sa-blog-page .sa-preview-head h2 {
      font-family: var(--font-display);
      font-size: clamp(24px,3vw,38px);
      font-weight: 300; color: var(--dark);
      margin: 0; letter-spacing: -0.5px;
    }
    .sa-blog-page .sa-preview-head h2 em { font-style: italic; color: var(--gold-dk); }

    .sa-blog-page .sa-preview-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }
    .sa-blog-page .sa-prev-card {
      text-decoration: none; display: block;
      border: 0.5px solid var(--border);
      border-radius: 8px; overflow: hidden;
      background: var(--white);
      transition: all 0.3s;
    }
    .sa-blog-page .sa-prev-card:hover {
      border-color: rgba(184,146,62,0.45);
      transform: translateY(-3px);
      box-shadow: 0 12px 32px rgba(0,0,0,0.07);
    }
    .sa-blog-page .sa-prev-img-wrap { overflow: hidden; }
    .sa-blog-page .sa-prev-img {
      width: 100%; aspect-ratio: 4/3; object-fit: cover;
      display: block; transition: transform 0.4s ease;
    }
    .sa-blog-page .sa-prev-card:hover .sa-prev-img { transform: scale(1.05); }
    .sa-blog-page .sa-prev-body { padding: 16px 18px 20px; }
    .sa-blog-page .sa-prev-tag {
      font-size: 9px; font-weight: 500; letter-spacing: 1.5px;
      text-transform: uppercase; color: var(--gold-dk);
      display: block; margin-bottom: 5px;
      font-family: var(--font-body);
    }
    .sa-blog-page .sa-prev-title {
      font-family: var(--font-display);
      font-size: 16px; font-weight: 500;
      color: var(--dark); margin: 0;
      line-height: 1.3;
    }

    /* ══════════════════════════════════════════════════════════════
       CTA
    ══════════════════════════════════════════════════════════════ */
    .sa-blog-page .sa-cta-section {
      background: var(--gold);
      padding: clamp(48px,6vw,80px) var(--px);
    }
    .sa-blog-page .sa-cta-inner {
      display: flex; align-items: center;
      justify-content: space-between;
      gap: 32px; flex-wrap: wrap;
    }
    .sa-blog-page .sa-cta-copy h2 {
      font-family: var(--font-display);
      font-size: clamp(28px,3.5vw,44px);
      font-weight: 300; line-height: 1.12;
      color: var(--dark); margin: 0 0 10px;
    }
    .sa-blog-page .sa-cta-copy h2 em { font-style: italic; }
    .sa-blog-page .sa-cta-copy p {
      font-size: 15px; color: rgba(17,17,16,0.6);
      max-width: 420px; margin: 0;
    }
    .sa-blog-page .sa-btn-dark {
      background: var(--dark); color: var(--white);
      padding: 14px 34px; border-radius: 4px;
      text-decoration: none; font-weight: 500; font-size: 14px;
      transition: opacity 0.2s; display: inline-block;
      font-family: var(--font-body); white-space: nowrap;
    }
    .sa-blog-page .sa-btn-dark:hover { opacity: 0.82; }

    /* ── RESPONSIVE ── */
    @media (max-width: 960px) {
      .sa-blog-page .sa-preview-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 768px) {
      .sa-blog-page .sa-hero-inner      { flex-direction: column; align-items: flex-start; }
      .sa-blog-page .sa-hero-right      { max-width: 100%; }
      .sa-blog-page .sa-hero-stats      { flex-wrap: wrap; }
      .sa-blog-page .sa-hero-stat       { flex: 1 1 40%; }
      .sa-blog-page .sa-intro-grid      { grid-template-columns: 1fr; gap: 28px; }
      .sa-blog-page .sa-intro-label     { position: static; }
      .sa-blog-page .sa-style-tiles     { grid-template-columns: 1fr; }
      .sa-blog-page .sa-platform-grid   { grid-template-columns: 1fr; gap: 36px; }
      .sa-blog-page .sa-community-grid  { grid-template-columns: 1fr; gap: 36px; }
      .sa-blog-page .sa-preview-grid    { grid-template-columns: 1fr 1fr; }
      .sa-blog-page .sa-cta-inner       { flex-direction: column; }
    }
    @media (max-width: 480px) {
      .sa-blog-page .sa-preview-grid { grid-template-columns: 1fr; }
    }
  </style>
</head>
<body>

<div class="sa-blog-page">

  <!-- ══════════════════════════════════════════════════════════════
       HERO — dark, editorial
  ══════════════════════════════════════════════════════════════ -->
  <section class="sa-hero">
    <span class="sa-hero-ghost" aria-hidden="true">SA</span>
    <div class="sa-hero-inner">
      <div class="sa-hero-left">
        <div class="sa-hero-meta">
          <span class="sa-eyebrow sa-eyebrow-lt">S. Architectonics</span>
          <span class="sa-hero-sep"></span>
          <span class="sa-hero-date">August 19, 2024</span>
          <span class="sa-hero-sep"></span>
          <span class="sa-hero-read">3 min read</span>
        </div>
        <h1 class="sa-hero-h">Welcome to<br><em>S. Architectonics</em></h1>

        <!-- Stats bar -->
        <div class="sa-hero-stats">
          <div class="sa-hero-stat">
            <div class="sa-stat-num">180+</div>
            <div class="sa-stat-label">House Plans</div>
          </div>
          <div class="sa-hero-stat">
            <div class="sa-stat-num">9</div>
            <div class="sa-stat-label">Categories</div>
          </div>
          <div class="sa-hero-stat">
            <div class="sa-stat-num">3</div>
            <div class="sa-stat-label">Roof Styles</div>
          </div>
          <div class="sa-hero-stat">
            <div class="sa-stat-num">PDF</div>
            <div class="sa-stat-label">Instant Download</div>
          </div>
        </div>
      </div>

      <div class="sa-hero-right">
        <p>Your premier online destination for expertly crafted architectural drawings — designed for homeowners, builders, and architects across Kenya and beyond.</p>
        <a href="https://sarchitectonics.shop/design-gallery/" class="sa-arr sa-arr-white" target="_blank">
          Browse all designs
          <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
      </div>
    </div>
  </section>

  <!-- ══════════════════════════════════════════════════════════════
       INTRO — Diverse Selection
  ══════════════════════════════════════════════════════════════ -->
  <section class="sa-intro-section">
    <div class="wrap">
      <div class="sa-intro-grid">
        <div class="sa-intro-label">
          <span class="sa-eyebrow sa-eyebrow-dk">Section 01</span>
          <div class="sa-section-num">01</div>
        </div>
        <div class="sa-intro-body">
          <h2>A diverse selection of<br><em>high-quality PDF designs</em></h2>
          <p>At S. Architectonics, we pride ourselves on offering a wide range of architectural designs that cater to every preference and project need — whether you are a homeowner looking to build your dream house, a builder requiring reliable blueprints, or an architect in search of inspiration.</p>

          <div class="sa-pullquote">
            <p>&#8220;Every plan is tailored to suit specific project requirements, ensuring the end result is as envisioned by our clients.&#8221;</p>
          </div>

          <p>Our portfolio encompasses modern, contemporary, and traditional architectural styles. Modern designs are characterised by clean lines, minimalistic features, and open floor plans that evoke spaciousness and simplicity. Contemporary designs blend current trends with innovative materials, creating spaces that are both functional and stylish.</p>
          <p>Every PDF design is developed with an emphasis on meticulous detailing and precision — from foundational stability to the finest interior and exterior finishings. Our designs are easily accessible and formatted for immediate use, facilitating smoother project execution and reducing downtime.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ══════════════════════════════════════════════════════════════
       ARCHITECTURAL STYLES
  ══════════════════════════════════════════════════════════════ -->
  <section class="sa-styles-section">
    <div class="wrap">
      <div class="sa-styles-head">
        <div>
          <span class="sa-eyebrow sa-eyebrow-dk">Our Styles</span>
          <h2>Three distinct<br><em>design philosophies</em></h2>
        </div>
        <a href="https://sarchitectonics.shop/design-gallery/" class="sa-arr sa-arr-gold-dk" target="_blank">
          View full gallery
          <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
      </div>
      <div class="sa-style-tiles">
        <div class="sa-tile">
          <span class="sa-tile-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/25fb.png" alt="◻" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
          <h3 class="sa-tile-title">Modern</h3>
          <p class="sa-tile-text">Clean lines, minimalistic features, and open floor plans that evoke a sense of spaciousness and simplicity. Built for the modern Kenyan lifestyle.</p>
        </div>
        <div class="sa-tile">
          <span class="sa-tile-icon">◈</span>
          <h3 class="sa-tile-title">Contemporary</h3>
          <p class="sa-tile-text">A blend of current trends with innovative materials and techniques — creating spaces that are both functional and stylish for today&#8217;s homeowner.</p>
        </div>
        <div class="sa-tile">
          <span class="sa-tile-icon">◉</span>
          <h3 class="sa-tile-title">Traditional</h3>
          <p class="sa-tile-text">Symmetrical layouts, decorative details, and timeless charm. Classic aesthetics crafted with the same precision and care as our modern designs.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ══════════════════════════════════════════════════════════════
       PLATFORM — User-Friendly Interface
  ══════════════════════════════════════════════════════════════ -->
  <section class="sa-platform-section">
    <div class="wrap">
      <div class="sa-platform-grid">
        <div class="sa-platform-body">
          <span class="sa-eyebrow sa-eyebrow-lt">Section 02</span>
          <h2>A platform built for<br><em>effortless exploration</em></h2>
          <p>At S. Architectonics, we understand that navigating an architectural platform should be an effortless and enjoyable experience. Our website is designed to let you explore, select, and purchase architectural plans with ease.</p>
          <p>Whether you are a novice planning your first build or an experienced architect looking for inspiration, our platform simplifies the process — making it accessible to all levels of expertise. Detailed specifications and illustrative images ensure that you fully understand the scope and style of each project.</p>
        </div>
        <div>
          <ul class="sa-checklist">
            <li>
              <span class="sa-check-icon">
                <svg viewBox="0 0 10 10" fill="none"><path d="M2 5l2.5 2.5L8 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
              </span>
              <div>
                <strong>Organised Categories</strong>
                Browse by bedroom count, roof style, or design type for fast discovery.
              </div>
            </li>
            <li>
              <span class="sa-check-icon">
                <svg viewBox="0 0 10 10" fill="none"><path d="M2 5l2.5 2.5L8 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
              </span>
              <div>
                <strong>High-Quality Previews</strong>
                Every plan includes photorealistic renders so you see the finished home before you build.
              </div>
            </li>
            <li>
              <span class="sa-check-icon">
                <svg viewBox="0 0 10 10" fill="none"><path d="M2 5l2.5 2.5L8 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
              </span>
              <div>
                <strong>Instant PDF Download</strong>
                Purchase and receive your full architectural drawings immediately — no waiting.
              </div>
            </li>
            <li>
              <span class="sa-check-icon">
                <svg viewBox="0 0 10 10" fill="none"><path d="M2 5l2.5 2.5L8 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
              </span>
              <div>
                <strong>Customisation Available</strong>
                Need adjustments? Contact us to tailor any plan to your specific plot and requirements.
              </div>
            </li>
            <li>
              <span class="sa-check-icon">
                <svg viewBox="0 0 10 10" fill="none"><path d="M2 5l2.5 2.5L8 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
              </span>
              <div>
                <strong>County Compliance</strong>
                All designs comply with Kenya&#8217;s national and county-level building codes.
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- ══════════════════════════════════════════════════════════════
       COMMUNITY SECTION
  ══════════════════════════════════════════════════════════════ -->
  <section class="sa-community-section">
    <div class="wrap">
      <div class="sa-community-grid">
        <div>
          <span class="sa-eyebrow sa-eyebrow-dk">Section 03</span>
          <h2>Community &#038;<br><em>collaboration at heart</em></h2>
          <p>Beyond just offering architectural plans, S. Architectonics thrives on community engagement. Our platform encourages users to join a vibrant community where they can contribute by sharing ideas, offering feedback, and participating in the evolution of designs.</p>
          <p>This collective input not only enhances the creative pool but also fosters a sense of ownership and collaboration among users. By sharing insights and experiences, community members help to refine each project — ensuring a diversified and enriched architectural landscape.</p>
          <p>Our commitment to precision, creativity, and user empowerment stands as the cornerstone of our service. Becoming part of S. Architectonics means joining a network that values meticulous attention to detail and innovative thinking.</p>
        </div>
        <div>
          <div class="sa-pillars">
            <div class="sa-pillar">
              <span class="sa-pillar-num">01</span>
              <div class="sa-pillar-content">
                <h4>Precision</h4>
                <p>Every drawing is crafted with meticulous attention to structural and spatial detail.</p>
              </div>
            </div>
            <div class="sa-pillar">
              <span class="sa-pillar-num">02</span>
              <div class="sa-pillar-content">
                <h4>Creativity</h4>
                <p>Designs that push beyond convention while remaining rooted in practical living.</p>
              </div>
            </div>
            <div class="sa-pillar">
              <span class="sa-pillar-num">03</span>
              <div class="sa-pillar-content">
                <h4>Community</h4>
                <p>A vibrant network of homeowners, builders, and architects shaping better homes together.</p>
              </div>
            </div>
            <div class="sa-pillar">
              <span class="sa-pillar-num">04</span>
              <div class="sa-pillar-content">
                <h4>Empowerment</h4>
                <p>Giving every client the tools and confidence to turn their vision into reality.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ══════════════════════════════════════════════════════════════
       DESIGN PREVIEW
  ══════════════════════════════════════════════════════════════ -->
  <section class="sa-preview-section">
    <div class="wrap">
      <div class="sa-preview-head">
        <div>
          <span class="sa-eyebrow sa-eyebrow-dk">From the Gallery</span>
          <h2>A glimpse of our<br><em>featured designs</em></h2>
        </div>
        <a href="https://sarchitectonics.shop/design-gallery/" class="sa-arr sa-arr-gold-dk" target="_blank">
          View all designs
          <svg viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
      </div>
      <div class="sa-preview-grid">
        <a href="https://sarchitectonics.shop/product/002-5-bdm/" class="sa-prev-card" target="_blank">
          <div class="sa-prev-img-wrap">
            <img decoding="async" class="sa-prev-img" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/002-5-BDM-Picture1.jpg" alt="Five Bedroom Maisonette" loading="lazy">
          </div>
          <div class="sa-prev-body">
            <span class="sa-prev-tag">5 Bed · Hidden Roof</span>
            <div class="sa-prev-title">Five Bedroom Maisonette</div>
          </div>
        </a>
        <a href="https://sarchitectonics.shop/product/four-bedroom-maisonette/" class="sa-prev-card" target="_blank">
          <div class="sa-prev-img-wrap">
            <img decoding="async" class="sa-prev-img" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/168-4-BDM-Picture4.jpg" alt="Four Bedroom Maisonette" loading="lazy">
          </div>
          <div class="sa-prev-body">
            <span class="sa-prev-tag">4 Bed · Maisonette</span>
            <div class="sa-prev-title">Four Bedroom Maisonette</div>
          </div>
        </a>
        <a href="https://sarchitectonics.shop/product/classic-three-bedroom-house-design/" class="sa-prev-card" target="_blank">
          <div class="sa-prev-img-wrap">
            <img decoding="async" class="sa-prev-img" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/090-3-BDB-Picture1.jpg" alt="Classic Three Bedroom Bungalow" loading="lazy">
          </div>
          <div class="sa-prev-body">
            <span class="sa-prev-tag">3 Bed · Concrete Roof</span>
            <div class="sa-prev-title">Classic Three Bedroom Bungalow</div>
          </div>
        </a>
        <a href="https://sarchitectonics.shop/product/a-beautiful-two-bedroom-house/" class="sa-prev-card" target="_blank">
          <div class="sa-prev-img-wrap">
            <img decoding="async" class="sa-prev-img" src="https://sarchitectonics.shop/wp-content/uploads/2025/09/150-2-BDB-A-Picture1.jpg" alt="Two Bedroom Bungalow" loading="lazy">
          </div>
          <div class="sa-prev-body">
            <span class="sa-prev-tag">2 Bed · Hidden Roof</span>
            <div class="sa-prev-title">Beautiful Two Bedroom Bungalow</div>
          </div>
        </a>
      </div>
    </div>
  </section>

  <!-- ── CTA ── -->
  <section class="sa-cta-section">
    <div class="sa-cta-inner">
      <div class="sa-cta-copy">
        <h2>Start building your<br><em>dream home today</em></h2>
        <p>Join thousands of Kenyan homeowners who&#8217;ve found their perfect house plan at S. Architectonics.</p>
      </div>
      <div>
        <a href="https://sarchitectonics.shop/design-gallery/" class="sa-btn-dark" target="_blank">Shop All House Plans →</a>
      </div>
    </div>
  </section>

</div><!-- /.sa-blog-page -->

</body>
</html>
<p>The post <a href="https://sarchitectonics.shop/expertly-crafted-architectural-drawings/">Expertly Crafted Architectural Drawings</a> appeared first on <a href="https://sarchitectonics.shop">S. Architectonics</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sarchitectonics.shop/expertly-crafted-architectural-drawings/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">16</post-id>	</item>
	</channel>
</rss>
