/* Lead / intro */
@layer horeca.components {
  .horeca-blog-lead {
    border-left: 0.25rem solid var(--horeca-red);
    color: var(--horeca-ink);
    font-size: clamp(1.125rem, 1.04rem + 0.4vw, 1.375rem);
    font-weight: 400;
    line-height: 1.55;
    margin: var(--horeca-space-5) 0 var(--horeca-space-6);
    max-width: var(--horeca-reading-width);
    padding: 0.125rem 0 0.125rem var(--horeca-space-4);
  }

  .horeca-blog-lead > :first-child { margin-top: 0; }
  .horeca-blog-lead > :last-child { margin-bottom: 0; }

  @media (max-width: 48rem) {
    .horeca-blog-lead {
      font-size: 1.0625rem;
      margin: var(--horeca-space-4) 0 2.25rem;
      padding-left: var(--horeca-space-3);
    }
  }
}