/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer components {
  .hero-blog {
    color: var(--hg-color-body-text);
    .heading.heading--size-default {
      --hg-text-8xl: 3.5rem;
      --hg-text-6xl: 3rem;
      --hg-text-5xl: 2.5rem;
    }
    img {
      overflow: hidden;
      border-radius: var(--hg-radius-md, 0.375rem);
    }
  }
  .hero-blog--author > a {
    color: var(--hg-color-body-text, #000000);
  }
}
