Blog List 04

<!-- Paste markup into an Embed, or recreate as native elements.
     Styles below map 1:1 to the class names above. -->
<section class="bloglist_component">
  <div class="bloglist_inner">
    <div class="bloglist_header">
      <p class="bloglist_eyebrow">The Journal</p>
      <h2 class="bloglist_title">
        <em class="bloglist_title_accent">and the slow life</em>
      </h2>
      <p class="bloglist_lede">Field notes from the atelier — on materials that age beautifully, the makers behind them, and the rituals worth keeping.</p>
    </div>
    <div class="bloglist_grid">
      <a class="bloglist_card" href="#">
        <img class="bloglist_image" src="https://pub-8060008fc1ab494c98adf87ab62286c4.r2.dev/assets/inspiration/section-blog-list-luxury-serif-4-1-12.webp" alt="Ceramic vessels arranged on an oak table" />
        <div class="bloglist_meta">
          <p class="bloglist_category">Materials</p>
          <p class="bloglist_dot">—</p>
          <p class="bloglist_date">14 June 2026</p>
        </div>
        <h3 class="bloglist_card_title">Why unglazed stoneware only gets better with age</h3>
        <p class="bloglist_excerpt">A closer look at how mineral clays absorb the marks of daily use — and why we design for the tenth year, not the first.</p>
        <p class="bloglist_readmore">Read the story →</p>
      </a>
      <a class="bloglist_card" href="#">
        <img class="bloglist_image" src="https://pub-8060008fc1ab494c98adf87ab62286c4.r2.dev/assets/inspiration/section-blog-list-luxury-serif-4-2-13.webp" alt="An artisan weaving rattan by hand" />
        <div class="bloglist_meta">
          <p class="bloglist_category">The Makers</p>
          <p class="bloglist_dot">—</p>
          <p class="bloglist_date">02 June 2026</p>
        </div>
        <h3 class="bloglist_card_title">An afternoon with the weavers of Casa Duval</h3>
        <p class="bloglist_excerpt">Three generations, one loom, and a rhythm that hasn't changed in ninety years. We visit the studio behind our archive line.</p>
        <p class="bloglist_readmore">Read the story →</p>
      </a>
      <a class="bloglist_card" href="#">
        <img class="bloglist_image" src="https://pub-8060008fc1ab494c98adf87ab62286c4.r2.dev/assets/inspiration/section-blog-list-luxury-serif-4-3-14.webp" alt="Folded linen textiles stacked on a shelf" />
        <div class="bloglist_meta">
          <p class="bloglist_category">Rituals</p>
          <p class="bloglist_dot">—</p>
          <p class="bloglist_date">21 May 2026</p>
        </div>
        <h3 class="bloglist_card_title">The quiet art of caring for natural linen</h3>
        <p class="bloglist_excerpt">Skip the softener, embrace the wrinkle. A short guide to washing, drying, and letting good cloth become your own.</p>
        <p class="bloglist_readmore">Read the story →</p>
      </a>
    </div>
  </div>
</section>

<style>
.bloglist_component {
  background-color:#faf8f4;
  padding:120px 24px;
  width:100%;
  box-sizing:border-box;
  font-family:Georgia,'Times New Roman',serif;
}

.bloglist_inner {
  max-width:1200px;
  margin:0 auto;
}

.bloglist_header {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  margin-bottom:72px;
}

.bloglist_eyebrow {
  font-family:Georgia,serif;
  font-size:11px;
  letter-spacing:0.28em;
  text-transform:uppercase;
  color:#a67c52;
  margin:0 0 22px 0;
}

.bloglist_title {
  font-family:Georgia,'Times New Roman',serif;
  font-size:52px;
  line-height:1.08;
  color:#1c1a17;
  font-weight:400;
  max-width:720px;
  margin:0;
}

.bloglist_title_accent {
  font-style:italic;
  color:#a67c52;
}

.bloglist_lede {
  font-family:Georgia,serif;
  font-size:17px;
  line-height:1.7;
  color:#6a655c;
  max-width:520px;
  margin:24px 0 0 0;
}

.bloglist_grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
}

.bloglist_card {
  display:flex;
  flex-direction:column;
  text-decoration:none;
}

.bloglist_image {
  width:100%;
  height:300px;
  object-fit:cover;
  border-radius:2px;
  margin-bottom:26px;
  display:block;
}

.bloglist_meta {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}

.bloglist_category {
  font-family:Georgia,serif;
  font-size:10px;
  letter-spacing:0.24em;
  text-transform:uppercase;
  color:#a67c52;
  margin:0;
}

.bloglist_dot {
  font-size:10px;
  color:#c9c1b4;
  margin:0;
}

.bloglist_date {
  font-family:Georgia,serif;
  font-size:10px;
  letter-spacing:0.24em;
  text-transform:uppercase;
  color:#9a9488;
  margin:0;
}

.bloglist_card_title {
  font-family:Georgia,'Times New Roman',serif;
  font-size:24px;
  line-height:1.25;
  color:#1c1a17;
  font-weight:400;
  margin:0;
}

.bloglist_excerpt {
  font-family:Georgia,serif;
  font-size:15px;
  line-height:1.7;
  color:#6a655c;
  margin:14px 0 20px 0;
}

.bloglist_readmore {
  font-family:Georgia,serif;
  font-size:12px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#a67c52;
  margin:0;
}
</style>