<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;1,300;1,400&family=Jost:wght@300;400&display=swap');

.aip-wrap {
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  color: #4c4239;
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 80px;
}

.aip-hero {
  padding: 20px 0 50px;
  text-align: left;
};
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 80px;
}

.aip-hero {
  padding: 20px 0 50px;
  text-align: left;
}

.aip-label {
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #9E9B94;
  display: block;
  margin-bottom: 14px;
}

.aip-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 52px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.05;
  color: #4c4239;
  margin: 0 0 16px;
}


}

.aip-divider {
  width: 40px;
  height: 1px;
  background: #9E9B94;
  margin-bottom: 18px;
}

.aip-sub {
  font-size: 15px;
  color: #6B6965;
  max-width: 420px;
  line-height: 1.75;
  margin: 0;
}

.aip-projects {
  display: flex;
  flex-direction: column;
}

.aip-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  padding: 48px 0;
  border-top: 1px solid #E0DDD8;
  align-items: center;
}

.aip-row.aip-reverse {
  direction: rtl;
}

.aip-row.aip-reverse > * {
  direction: ltr;
}

.aip-row.aip-wide {
  grid-template-columns: 3fr 2fr;
}

.aip-row.aip-wide.aip-reverse {
  grid-template-columns: 2fr 3fr;
}

.aip-img-wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.aip-img-wrap img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.aip-img-wrap:hover img {
  transform: scale(1.03);
}

.aip-img-wrap.aip-tall img {
  height: 520px;
}

.aip-meta {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 8px 0;
}

.aip-num {
  font-size: 11px;
  letter-spacing: 0.18em;
  color: #B0ADA6;
}

.aip-name {
  font-family: 'Cormorant Garamond', serif;
  font-size: 32px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.15;
  margin: 0;
  color: #2C2A27;
}

.aip-tags {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #9E9B94;
}

.aip-desc {
  font-size: 14px;
  line-height: 1.8;
  color: #6B6965;
  margin: 0;
}

.aip-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #2C2A27;
  text-decoration: none;
  border-bottom: 1px solid #2C2A27;
  padding-bottom: 3px;
  width: fit-content;
  transition: opacity 0.2s;
}

.aip-link:hover {
  opacity: 0.6;
}

.aip-link::after {
  content: '→';
  font-size: 14px;
  letter-spacing: 0;
}

.aip-coming {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #B0ADA6;
  border-bottom: 1px solid #E0DDD8;
  padding-bottom: 3px;
  width: fit-content;
}

.aip-img-placeholder {
  width: 100%;
  aspect-ratio: 4/3;
  background: #EAE7E2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aip-img-placeholder.aip-tall {
  aspect-ratio: 3/4;
}

.aip-img-placeholder span {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #B0ADA6;
}

.aip-cta-block {
  border-top: 1px solid #E0DDD8;
  margin-top: 16px;
  padding-top: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.aip-cta-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 300;
  margin: 0;
  color: #2C2A27;
}

.aip-cta-btn {
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 14px 32px;
  border: 1px solid #2C2A27;
  background: transparent;
  cursor: pointer;
  color: #2C2A27;
  text-decoration: none;
  display: inline-block;
  transition: background 0.2s, color 0.2s;
}

.aip-cta-btn:hover {
  background: #2C2A27;
  color: #F8F6F2;
}

@media (max-width: 768px) {
  .aip-row,
  .aip-row.aip-wide,
  .aip-row.aip-wide.aip-reverse {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .aip-row.aip-reverse {
    direction: ltr;
  }
  .aip-title {
    font-size: 38px;
  }
  .aip-name {
    font-size: 26px;
  }
}
</style>

<div class="aip-wrap">

  <!-- INTRO -->
  <div class="aip-hero">
    <span class="aip-label">Portfolio</span>
    <h1 class="aip-title">Projecten</h1>
    <div class="aip-divider"></div>
    <p class="aip-sub">Een selectie van gerealiseerde ontwerpen — van badkamers tot volledige woningen.</p>
  </div>

  <div class="aip-projects">

    <!-- 01 &mdash; Daglicht Studio Gouda -->
    <div class="aip-row aip-wide">
      <div class="aip-img-wrap">
        <img src="https://alineinterieurontwerp.nl/wp-content/uploads/2026/05/Foto-07-05-2026-om-20.45-1.jpeg" alt="Daglicht Studio Gouda" loading="lazy">
      </div>
      <div class="aip-meta">
        <span class="aip-num">01</span>
        <h2 class="aip-name">Daglicht Studio Gouda</h2>
        <span class="aip-tags">Branding · Fotostudio</span>
        <p class="aip-desc">Een rustige en multifunctionele daglichtstudio waar branding, creativiteit en professionaliteit samenkomen in één sfeervol geheel.</p>
        <a class="aip-link" href="https://alineinterieurontwerp.nl/projecten/keuken-1/">Bekijk project</a>
      </div>
    </div>

    <!-- 02 &mdash; Meidenkamer Den Haag -->
    <div class="aip-row aip-reverse">
      <div class="aip-img-wrap aip-tall">
        <img src="https://alineinterieurontwerp.nl/wp-content/uploads/2026/04/IMG_3047-scaled.jpeg" alt="Meidenkamer Den Haag" loading="lazy">
      </div>
      <div class="aip-meta">
        <span class="aip-num">02</span>
        <h2 class="aip-name">Meidenkamer Den Haag</h2>
        <span class="aip-tags">Slaapkamer · Pink</span>
        <p class="aip-desc">Een dromerige girls room met zachte tinten, luxe details en een slimme indeling tussen slapen en styling.</p>
        <a class="aip-link" href="https://alineinterieurontwerp.nl/projecten/meidenkamer-den-haag/">Bekijk project</a>
      </div>
    </div>

    <!-- 03 &mdash; Studio Célune Apeldoorn -->
    <div class="aip-row">
      <div class="aip-img-wrap">
        <img src="https://alineinterieurontwerp.nl/wp-content/uploads/2024/03/studio-10-scaled.jpeg" alt="Studio Célune Apeldoorn" loading="lazy">
      </div>
      <div class="aip-meta">
        <span class="aip-num">03</span>
        <h2 class="aip-name">Studio Célune Apeldoorn</h2>
        <span class="aip-tags">Fotostudio</span>
        <p class="aip-desc">Een interieur dat de merkidentiteit versterkt — zacht, stijlvol en volledig in balans met de uitstraling van de studio.</p>
        <a class="aip-link" href="https://alineinterieurontwerp.nl/projecten/studio-celune/">Bekijk project</a>
      </div>
    </div>

    <!-- 04 &mdash; Zolder Den Haag -->
    <div class="aip-row aip-wide aip-reverse">
      <div class="aip-img-wrap">
        <img src="https://alineinterieurontwerp.nl/wp-content/uploads/2024/04/Enscape_2023-12-11-19-44-30-1024x576.png" alt="Zolder Den Haag" loading="lazy">
      </div>
      <div class="aip-meta">
        <span class="aip-num">04</span>
        <h2 class="aip-name">Zolder Den Haag</h2>
        <span class="aip-tags">Slaapkamer · Badkamer</span>
        <p class="aip-desc">Een compacte zolderverdieping getransformeerd tot een warme en rustige slaapkamer met optimaal gebruik van de ruimte.</p>
        <a class="aip-link" href="https://alineinterieurontwerp.nl/projecten/zolder-den-haag/">Bekijk project</a>
      </div>
    </div>

    <!-- 05 &mdash; Eengezinswoning Pijnacker (woonkamer, keuken) -->
    <div class="aip-row">
      <div class="aip-img-wrap">
        <img src="https://alineinterieurontwerp.nl/wp-content/uploads/2024/08/Enscape_2024-08-16-21-06-35-1-1024x576.png" alt="Eengezinswoning Pijnacker" loading="lazy">
      </div>
      <div class="aip-meta">
        <span class="aip-num">05</span>
        <h2 class="aip-name">Eengezinswoning Pijnacker</h2>
        <span class="aip-tags">Woonkamer · Keuken</span>
        <p class="aip-desc">Een warm totaalconcept waarin natuurlijke materialen, zachte tinten en maatwerk samenkomen tot één harmonieus geheel.</p>
        <a class="aip-link" href="https://alineinterieurontwerp.nl/projecten/pijnacker/">Bekijk project</a>
      </div>
    </div>

    <!-- 06 &mdash; Kantoren Prinsenkwartier Delft -->
    <div class="aip-row aip-reverse">
      <div class="aip-img-wrap">
        <img src="https://alineinterieurontwerp.nl/wp-content/uploads/2025/02/Afbeelding-van-WhatsApp-op-2024-12-11-om-13.17.33_3161d770-1024x576.jpg" alt="Kantoren Prinsenkwartier Delft" loading="lazy">
      </div>
      <div class="aip-meta">
        <span class="aip-num">06</span>
        <h2 class="aip-name">Kantoren Prinsenkwartier Delft</h2>
        <span class="aip-tags">Kantoor · Delft</span>
        <p class="aip-desc">Werkruimtes met een warme en moderne uitstraling die uitnodigen tot focus, creativiteit en samenwerking.</p>
        <a class="aip-link" href="https://alineinterieurontwerp.nl/projecten/kantoren-prinsenkwartier-delft/">Bekijk project</a>
      </div>
    </div>

    <!-- 07 &mdash; Eengezinswoning Reeuwijk -->
    <div class="aip-row aip-wide">
      <div class="aip-img-wrap">
        <img src="https://alineinterieurontwerp.nl/wp-content/uploads/2025/02/Enscape_2025-02-07-20-52-29-1-scaled.jpg" alt="Eengezinswoning Reeuwijk" loading="lazy">
      </div>
      <div class="aip-meta">
        <span class="aip-num">07</span>
        <h2 class="aip-name">Eengezinswoning Reeuwijk</h2>
        <span class="aip-tags">Woonkamer · Keuken</span>
        <p class="aip-desc">Een lichte leefkeuken en woonkamer waarin natuurlijke materialen en zachte contrasten zorgen voor een tijdloze sfeer.</p>
        <a class="aip-link" href="https://alineinterieurontwerp.nl/projecten/eengezinswoning-reeuwijk/">Bekijk project</a>
      </div>
    </div>

    <!-- 08 &mdash; Eengezinswoning Dordrecht -->
    <div class="aip-row aip-wide aip-reverse">
      <div class="aip-img-wrap">
        <img src="https://alineinterieurontwerp.nl/wp-content/uploads/2026/05/Enscape_2025-02-27-21-30-08.png" alt="Eengezinswoning Dordrecht" loading="lazy">
      </div>
      <div class="aip-meta">
        <span class="aip-num">08</span>
        <h2 class="aip-name">Eengezinswoning Dordrecht</h2>
        <span class="aip-tags">Woonkamer · Keuken</span>
        <p class="aip-desc">Een elegant totaalconcept met organische vormen, warme houtaccenten en een serene luxe uitstraling.</p>
        <a class="aip-link" href="https://alineinterieurontwerp.nl/projecten/eengezinswoning-dordrecht/">Bekijk project</a>
      </div>
    </div>

    <!-- 09 &mdash; Renovatie Delft -->
    <div class="aip-row">
      <div class="aip-img-wrap">
        <img src="https://alineinterieurontwerp.nl/wp-content/uploads/2024/11/IMG_9597-1024x576.jpeg" alt="Renovatie Delft" loading="lazy">
      </div>
      <div class="aip-meta">
        <span class="aip-num">09</span>
        <h2 class="aip-name">Renovatie Delft</h2>
        <span class="aip-tags">Wonen · Renovatie</span>
        <p class="aip-desc">Een historisch pand nieuw leven ingeblazen, met respect voor de originele details en een modern tijdloos gevoel.</p>
        <a class="aip-link" href="https://alineinterieurontwerp.nl/projecten/renovatie-delft/">Bekijk project</a>
      </div>
    </div>

    <!-- 10 &mdash; Eengezinswoning Leidschendam-Voorburg -->
    <div class="aip-row aip-reverse">
      <div class="aip-img-wrap">
        <img src="https://alineinterieurontwerp.nl/wp-content/uploads/2026/04/Enscape_2026-04-26-09-06-59.png" alt="Eengezinswoning Leidschendam-Voorburg" loading="lazy">
      </div>
      <div class="aip-meta">
        <span class="aip-num">10</span>
        <h2 class="aip-name">Eengezinswoning Leidschendam-Voorburg</h2>
        <span class="aip-tags">Woonkamer · Keuken</span>
        <p class="aip-desc">Een stijlvol familiehuis waarin functionaliteit en verfijnde materialen samenkomen in een rustige basis.</p>
        <a class="aip-link" href="https://alineinterieurontwerp.nl/projecten/woonkamer-keuken-voorburg/">Bekijk project</a>
      </div>
    </div>

    <!-- 11 &mdash; Glamatelier x Michelle Nouws -->
    <div class="aip-row">
      <div class="aip-img-wrap">
        <img src="https://alineinterieurontwerp.nl/wp-content/uploads/2025/12/IMG_5498-scaled-e1765889101736.jpg" alt="Glamatelier x Michelle Nouws" loading="lazy">
      </div>
      <div class="aip-meta">
        <span class="aip-num">11</span>
        <h2 class="aip-name">Glamatelier x Michelle Nouws</h2>
        <span class="aip-tags">Make-up Studio · Workshops</span>
        <p class="aip-desc">Een vrouwelijke en luxe studio ontworpen voor make-up, workshops en creatieve beleving.</p>
        <a class="aip-link" href="https://alineinterieurontwerp.nl/projecten/glam-atelier-x-michelle-nouws/">Bekijk project</a>
      </div>
    </div>

    <!-- 12 &mdash; IJssalon Nice Pijnacker -->
    <div class="aip-row aip-reverse">
      <div class="aip-img-wrap">
        <img src="https://alineinterieurontwerp.nl/wp-content/uploads/2026/04/Enscape_2026-03-27-15-44-42.png" alt="IJssalon Nice Pijnacker" loading="lazy">
      </div>
      <div class="aip-meta">
        <span class="aip-num">12</span>
        <h2 class="aip-name">IJssalon Nice Pijnacker</h2>
        <span class="aip-tags">IJssalon · Pasteltinten</span>
        <p class="aip-desc">Een frisse en eigentijdse ijssalon met pasteltonen, speelse details en een uitnodigende uitstraling.</p>
        <a class="aip-link" href="https://alineinterieurontwerp.nl/projecten/ijssalon-nice-pijnacker/">Bekijk project</a>
      </div>
    </div>

    <!-- 13 &mdash; Twee onder één kap Den Hoorn -->
    <div class="aip-row">
      <div class="aip-img-wrap">
        <img src="https://alineinterieurontwerp.nl/wp-content/uploads/2026/05/Enscape_2025-05-28-10-03-51.png" alt="Twee onder één kap Den Hoorn" loading="lazy">
      </div>
      <div class="aip-meta">
        <span class="aip-num">13</span>
        <h2 class="aip-name">Twee onder één kap Den Hoorn</h2>
        <span class="aip-tags">Woonkamer · Keuken</span>
        <p class="aip-desc">Een warm en tijdloos familiehuis waarbij natuurlijke materialen, organische vormen en maatwerk samenkomen in één harmonieus geheel.</p>
        <a class="aip-link" href="https://alineinterieurontwerp.nl/projecten/twee-onder-een-kap-den-hoorn/">Bekijk project</a>
      </div>
    </div>

    <!-- 14 &mdash; Complete renovatie Groesbeek (nog toe te voegen) -->
    <div class="aip-row aip-reverse">
      <div class="aip-img-placeholder">
        <span>Binnenkort</span>
      </div>
      <div class="aip-meta">
        <span class="aip-num">14</span>
        <h2 class="aip-name">Complete renovatie Groesbeek</h2>
        <span class="aip-tags">Wonen · Renovatie</span>
        <p class="aip-desc">Binnenkort meer informatie over dit project.</p>
        <span class="aip-coming">Binnenkort beschikbaar</span>
      </div>
    </div>

    <!-- 15 &mdash; Eengezinswoning Dronten -->
    <div class="aip-row">
      <div class="aip-img-wrap">
        <img src="https://alineinterieurontwerp.nl/wp-content/uploads/2026/05/2.-Doorkijk-eethoek-scaled.png" alt="Eengezinswoning Dronten" loading="lazy">
      </div>
      <div class="aip-meta">
        <span class="aip-num">15</span>
        <h2 class="aip-name">Eengezinswoning Dronten</h2>
        <span class="aip-tags">Woonkamer · Keuken</span>
        <p class="aip-desc">Tijdloos, warm en verfijnd — een interieur waarin zachte tinten, natuurlijke materialen en krachtige zwarte accenten samenkomen tot een luxe en leefbaar geheel.</p>
        <a class="aip-link" href="https://alineinterieurontwerp.nl/projecten/dronten/">Bekijk project</a>
      </div>
    </div>

  <!-- 16 — Eengezinswoning Delft -->
<div class="aip-row aip-reverse">
  <div class="aip-img-wrap">
    <img src="https://alineinterieurontwerp.nl/wp-content/uploads/2026/05/Werkkamer-3.png" alt="Eengezinswoning Delft" loading="lazy">
  </div>
  <div class="aip-meta">
    <span class="aip-num">16</span>
    <h2 class="aip-name">Eengezinswoning Delft</h2>
    <span class="aip-tags">Wonen · Volledig</span>
    <p class="aip-desc">Een compleet renovatieontwerp voor een gezinswoning in Delft — van woonkamer en keuken tot badkamer, werkkamer en slaapkamers. Rust, warmte en functionaliteit in perfecte balans.</p>
    <a class="aip-link" href="https://alineinterieurontwerp.nl/projecten/eengezinswoning-delft/">Bekijk project</a>
  </div>
</div>
    <!-- 19 — Twee onder één kap Den Hoorn II -->
    <div class="aip-row aip-wide">
      <div class="aip-img-wrap">
        <img src="https://alineinterieurontwerp.nl/wp-content/uploads/2026/05/7460EA07-21E1-4C84-9596-62B2C9C3D95A.png" alt="Twee onder één kap Den Hoorn II" loading="lazy">
      </div>
      <div class="aip-meta">
        <span class="aip-num">19</span>
        <h2 class="aip-name">Twee onder één kap Den Hoorn </h2>
        <span class="aip-tags">Woonkamer · Keuken</span>
        <p class="aip-desc">Krachtige contrasten en warme luxe — een nieuwbouwwoning met karakter. Diepe blauwtinten, warme aardse nuances en maatwerk komen samen in een interieur met hotel chique uitstraling.</p>
        <a class="aip-link" href="https://alineinterieurontwerp.nl/projecten/twee-onder-een-kap-den-hoorn-ii/">Bekijk project</a>
      </div>
    </div>

  </div>

  <!-- CTA -->
  <div class="aip-cta-block">
    <p class="aip-cta-text">"Let's create your dream interior"</p>
    <a class="aip-cta-btn" href="https://alineinterieurontwerp.nl/contact/">Plan een gesprek</a>
  </div>

</div>