/* See ./product-hero-text.md for design notes and rationale. */

.product-hero-text-wrapper {
  margin-block-start: var(--ll-space-9);
}

.product-hero-text {
  display: block;
  width: 100%;
  color: var(--ll-color-text-secondary);
}

.product-hero-text__root {
  width: 100%;
  max-width: 640px;
}

.product-hero-text__root :is(h1, h2, h3, h4, h5, h6):first-child {
  margin-block-start: 0;
}

.product-hero-text__root :is(h1, h2, h3, h4, h5, h6).h6:first-child {
  margin-block-end: 6px;
}

/* LG/XL */
@media (width >= 1024px) {
  .product-hero-text-wrapper {
    margin-block-start: var(--ll-space-7);
  }

  .product-hero-text__root :is(h1, h2, h3, h4, h5, h6).h6:first-child {
    font-size: var(--ll-text-h5-size);
    line-height: var(--ll-text-h5-line-height);
    letter-spacing: var(--ll-text-h6-letter-spacing);
    margin-block-end: 7px;
  }
}