marrakech

<div class="mx-auto max-w-[520px] overflow-hidden bg-[#f4efe6] text-[#1a1612]" data-tm-id="tm_mkh_frame" data-tm-type="frame" data-tm-label="Email">
  <div class="px-8 pt-10 pb-8" data-tm-id="tm_mkh_masthead" data-tm-type="section" data-tm-label="Masthead">
    <p class="m-0 text-center text-[11px] font-semibold tracking-[0.42em] text-[#1a1612]" data-tm-id="tm_mkh_wordmark" data-tm-type="text" data-tm-label="Wordmark">
      marrakech
    </p>

    <div class="mt-6 mb-6 flex items-center" data-tm-id="tm_mkh_rule" data-tm-type="section" data-tm-label="Issue rule">
      <div class="h-px flex-1 bg-[#9a7b4f]" data-tm-id="tm_mkh_rule_left" data-tm-type="section" data-tm-label="Rule left"></div>
      <p class="m-0 px-3 text-[10px] font-medium uppercase tracking-[0.22em] text-[#9a7b4f]" data-tm-id="tm_mkh_issue" data-tm-type="text" data-tm-label="Issue">
        Private collection · Vol. 09 · Spring
      </p>
      <div class="h-px flex-1 bg-[#9a7b4f]" data-tm-id="tm_mkh_rule_right" data-tm-type="section" data-tm-label="Rule right"></div>
    </div>

    <h1 class="m-0 text-center font-serif text-[34px] font-normal leading-[1.15] tracking-tight text-[#1a1612]" data-tm-id="tm_mkh_title" data-tm-type="text" data-tm-label="Title">
      Residences held<br>for the few
    </h1>
    <p class="mt-4 m-0 text-center text-[13px] leading-relaxed text-[#6f675c]" data-tm-id="tm_mkh_dek" data-tm-type="text" data-tm-label="Dek">
      Three silent listings this month — a palmeraie villa, a riad in the medina, and a house facing the Atlas.
    </p>
  </div>

  <img
    class="w-full"
    src="https://images.unsplash.com/photo-1613490493576-7fde63acd811?auto=format&fit=crop&w=1040&q=80"
    alt="Palmeraie villa with a still pool"
    data-tm-id="tm_mkh_hero"
    data-tm-type="image"
    data-tm-label="Hero residence"
  >

  <div class="px-8 py-8" data-tm-id="tm_mkh_featured" data-tm-type="section" data-tm-label="Featured">
    <p class="m-0 text-[10px] font-semibold uppercase tracking-[0.22em] text-[#9a7b4f]" data-tm-id="tm_mkh_featured_label" data-tm-type="text" data-tm-label="Featured label">
      Featured
    </p>
    <h2 class="mt-2 m-0 font-serif text-[24px] font-normal leading-tight text-[#1a1612]" data-tm-id="tm_mkh_featured_title" data-tm-type="text" data-tm-label="Featured title">
      Villa Atlas, Palmeraie
    </h2>
    <p class="mt-1 m-0 text-[12px] tracking-wide text-[#6f675c]" data-tm-id="tm_mkh_featured_meta" data-tm-type="text" data-tm-label="Featured meta">
      €4.8M · 6 bed · 720 m² · Heated pool
    </p>
    <p class="mt-3 m-0 text-[13px] leading-relaxed text-[#6f675c]" data-tm-id="tm_mkh_featured_copy" data-tm-type="text" data-tm-label="Featured copy">
      Cedar soffits, rooms that open to the palms, and a pool held still after dark. Shown by appointment only.
    </p>
    <div class="mt-6" data-tm-id="tm_mkh_cta_wrap" data-tm-type="section" data-tm-label="CTA">
      <a
        href="https://tailwindmail.dev/templates"
        class="inline-block bg-[#1a1612] px-7 py-3.5 text-[11px] font-semibold uppercase tracking-[0.2em] text-[#f4efe6] no-underline"
        data-tm-id="tm_mkh_cta"
        data-tm-type="link"
        data-tm-label="Request a private viewing"
      >
        Request a private viewing
      </a>
    </div>
  </div>

  <div class="px-8 pb-2" data-tm-id="tm_mkh_list_label_wrap" data-tm-type="section" data-tm-label="Listings label">
    <p class="m-0 mb-5 text-[10px] font-semibold uppercase tracking-[0.22em] text-[#9a7b4f]" data-tm-id="tm_mkh_list_label" data-tm-type="text" data-tm-label="Also this month">
      Also this month
    </p>
  </div>

  <div class="px-8 pb-8" data-tm-id="tm_mkh_listing_1" data-tm-type="section" data-tm-label="Listing 1">
    <img
      class="mb-4 w-full"
      src="https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=1040&q=80"
      alt="Stone residence at dusk in the palmeraie"
      data-tm-id="tm_mkh_listing_1_image"
      data-tm-type="image"
      data-tm-label="Riad listing"
    >
    <h3 class="m-0 font-serif text-[20px] font-normal leading-tight text-[#1a1612]" data-tm-id="tm_mkh_listing_1_title" data-tm-type="text" data-tm-label="Riad title">
      Riad Lalla, Medina
    </h3>
    <p class="mt-1 m-0 text-[12px] text-[#6f675c]" data-tm-id="tm_mkh_listing_1_meta" data-tm-type="text" data-tm-label="Riad meta">
      €2.4M · 8 suites · Courtyard · Roof terrace
    </p>
    <p class="mt-2 m-0 text-[13px] leading-relaxed text-[#6f675c]" data-tm-id="tm_mkh_listing_1_copy" data-tm-type="text" data-tm-label="Riad copy">
      Tadelakt walls, a fountain in the patio, and rooms arranged around silence. Five minutes from Jemaa el-Fnaa.
    </p>
  </div>

  <div class="px-8 pb-10" data-tm-id="tm_mkh_listing_2" data-tm-type="section" data-tm-label="Listing 2">
    <img
      class="mb-4 w-full"
      src="https://images.unsplash.com/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=1040&q=80"
      alt="House lit at dusk with a private pool"
      data-tm-id="tm_mkh_listing_2_image"
      data-tm-type="image"
      data-tm-label="Ourika listing"
    >
    <h3 class="m-0 font-serif text-[20px] font-normal leading-tight text-[#1a1612]" data-tm-id="tm_mkh_listing_2_title" data-tm-type="text" data-tm-label="Ourika title">
      Maison Ourika, Atlas
    </h3>
    <p class="mt-1 m-0 text-[12px] text-[#6f675c]" data-tm-id="tm_mkh_listing_2_meta" data-tm-type="text" data-tm-label="Ourika meta">
      €1.9M · 4 bed · Pool · Mountain light
    </p>
    <p class="mt-2 m-0 text-[13px] leading-relaxed text-[#6f675c]" data-tm-id="tm_mkh_listing_2_copy" data-tm-type="text" data-tm-label="Ourika copy">
      A low house of rammed earth and glass, lit from within. Built for long dinners facing the snow line.
    </p>
  </div>

  <div class="bg-[#1a1612] px-8 py-8 text-center" data-tm-id="tm_mkh_close" data-tm-type="section" data-tm-label="Close">
    <p class="m-0 font-serif text-[20px] font-normal leading-snug text-[#f4efe6]" data-tm-id="tm_mkh_close_title" data-tm-type="text" data-tm-label="Close title">
      The list is not public.
    </p>
    <p class="mt-2 m-0 text-[12px] leading-relaxed text-[#b7aea2]" data-tm-id="tm_mkh_close_copy" data-tm-type="text" data-tm-label="Close copy">
      Write to the desk for floor plans, or request a viewing at first light.
    </p>
    <div class="mt-5" data-tm-id="tm_mkh_close_cta_wrap" data-tm-type="section" data-tm-label="Close CTA">
      <a
        href="https://tailwindmail.dev/templates"
        class="inline-block border border-[#9a7b4f] px-7 py-3 text-[11px] font-semibold uppercase tracking-[0.2em] text-[#f4efe6] no-underline"
        data-tm-id="tm_mkh_close_cta"
        data-tm-type="link"
        data-tm-label="Enquire"
      >
        Enquire
      </a>
    </div>
  </div>

  <div class="px-8 py-6 text-center" data-tm-id="tm_mkh_footer" data-tm-type="section" data-tm-label="Footer">
    <p class="m-0 text-[10px] uppercase tracking-[0.18em] text-[#9a7b4f]" data-tm-id="tm_mkh_footer_brand" data-tm-type="text" data-tm-label="Footer brand">
      marrakech · Residences
    </p>
    <p class="mt-2 m-0 text-[11px] leading-relaxed text-[#8a8278]" data-tm-id="tm_mkh_footer_copy" data-tm-type="text" data-tm-label="Footer">
      A private brokerage in Marrakech. Template by
      <a href="https://github.com/iietmoon" class="text-[#6f675c] no-underline">iietmoon</a>.
      <a href="#" class="text-[#6f675c] no-underline">Unsubscribe</a>
    </p>
  </div>
</div>