[data-component-id="artisan:article"] {
  --article-image-border-radius: var(--theme-radius);

  --article-title-font-size: var(--theme-h1-font-size);
  --article-title-margin-bottom: calc(var(--theme-spacing) * 6);

  --article-meta-font-size: var(--theme-font-size-sm);
  --article-meta-margin-bottom: calc(var(--theme-spacing) * 6);

  --article-body-margin-bottom: calc(var(--theme-spacing) * 6);


  & .article__image {
    img {
      border-radius: var(--article-image-border-radius);
      aspect-ratio: 21/9;
      object-fit: cover;
      object-position: center;
      width: 100%;
    }
  }
  .article__title {
    font-size: var(--article-title-font-size);
    margin-bottom: var(--article-title-margin-bottom);
  }

  & .article__meta {
    font-size: var(--article-meta-font-size);
    margin-bottom: var(--article-meta-margin-bottom);
  }

  & .article__body {
    margin-bottom: var(--article-body-margin-bottom);
  }
}