<div class="blogPost">
  <div class="image">
    {% if imageurl %}
      <img src="{{ imageurl|escape }}" class="w-full h-full" alt="{{ title|escape }}">
    {% endif %}
  </div>

  <div class="content">
    <div class="flex gap-2 items-center pt-8 pb-5 text-xs font-medium text-body">
      {% if subtitle %}
        <div class="rounded-full bg-primary/70 p-2 text-body-bg">
          {{ subtitle|escape }}
        </div>
      {% endif %}
      <span class="w-8 h-[1px] bg-body"></span>
      {% if date %}
        <div class="text-sm">{{ date|escape }}</div>
      {% endif %}
    </div>

    {% if title %}
      <h2 class="text-[clamp(26px,5vw,40px)] text-body font-medium leading-9 lg:leading-[48px] tracking-[0%] mb-5 font-inter">
        {{ title|escape }}
      </h2>
    {% endif %}

    {% if description %}
      <div class="text-[#525252] lg:pr-20 text-xl font-light tracking-wide leading-9">
        {{ description|raw }}
      </div>
    {% endif %}
  </div>
</div>
