/* give a given color opacity */
.intro--wrapper {
  container: intro/inline-size;
  margin-block: var(--wp--custom--block-spacing) !important;
}

/* first intro--wrapper on page should not have any margin block start */
.wp-site-blocks > .wp-block-template-part + .wp-block-group > .intro--wrapper,
.entry-content > .wp-block-group > .intro--wrapper {
  margin-block-start: 0 !important;
}

.intro h1,
.intro h2,
.intro h3,
.intro h4 {
  align-items: center;
  margin-block-end: var(--wp--preset--spacing--15);
}
.intro h1 span,
.intro h2 span,
.intro h3 span,
.intro h4 span {
  margin-inline: auto !important;
}
.intro .subheading {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  display: block;
  inline-size: 100%;
}
.intro .intro__subheading {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  margin-block: var(--wp--preset--spacing--10);
  margin-inline: auto;
  max-inline-size: 18ch;
  line-height: var(--wp--custom--line-height--small);
  font-size: var(--wp--preset--font-size--h-2);
  font-weight: var(--wp--custom--font-weight--bold);
  overflow-wrap: normal;
}
.intro .intro__description {
  margin-block-start: 0;
}
.intro .intro__description p {
  margin-block-start: 0;
  margin-inline: auto;
  max-inline-size: 75ch;
  text-align: center;
  color: color-mix(in srgb, currentColor, rgba(0, 0, 0, 0) 35%);
  font-size: var(--wp--preset--font-size--large);
}
.intro .intro__description p.has-h-1-font-size, .intro .intro__description p.has-h-2-font-size, .intro .intro__description p.has-h-3-font-size, .intro .intro__description p.has-h-4-font-size, .intro .intro__description p.has-h-5-font-size, .intro .intro__description p.has-h-6-font-size,
.intro .intro__description p strong {
  color: var(--wp--preset--color--dark);
}
@container intro (width < 600px) {
  .intro {
    padding-inline: 0 !important;
  }
  .intro h1,
  .intro h2,
  .intro h3,
  .intro h4,
  .intro .intro__description p {
    text-align: start !important;
  }
  .intro h1 span,
  .intro h2 span,
  .intro h3 span,
  .intro h4 span,
  .intro .intro__description p span {
    margin-inline: 0 !important;
  }
  .intro .intro__subheading {
    align-self: self-start;
  }
  .intro .wp-block-buttons {
    gap: var(--wp--preset--spacing--10);
    justify-content: left !important;
  }
}

.intro--wide {
  max-inline-size: 1100px !important;
}
.intro--wide h1,
.intro--wide h2,
.intro--wide h3,
.intro--wide h4 {
  align-items: start;
}
.intro--wide h1 span,
.intro--wide h2 span,
.intro--wide h3 span,
.intro--wide h4 span {
  margin-inline: 0 !important;
}
.intro--wide .intro__description p {
  margin-inline: 0;
  text-align: start !important;
}

.intro--reverse h1,
.intro--reverse h2,
.intro--reverse h3,
.intro--reverse h4 {
  display: flex;
  flex-direction: column-reverse;
}

/*# sourceMappingURL=intro.css.map */