/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer components {
  .hero-fullwidth {
    display: flex;
    gap: calc(var(--hg-spacing, 4px) * 6);
    padding-block: calc(var(--hg-spacing, 4px) * 8);
    @media (width >= 48rem) {
      gap: calc(var(--hg-spacing, 4px) * 8);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--hg-spacing, 4px) * 12);
    }
    @media (width >= 80rem) {
      padding-block: calc(var(--hg-spacing, 4px) * 20);
    }
    color: var(--hg-color-body-text);
  }
}
