.text-hero {
  display: flex;
  flex-direction: column;
  margin-block: var(--space-96) var(--space-48);
  padding: 0 var(--side-spacing);
}
.text-hero .title > * {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  font-family: var(--text-serif);
  font-size: calc(var(--t-display-2-size) * 1px);
  font-size: calc(var(--t-display-2-size) / 390 * 100vw);
  font-variation-settings: unset;
  letter-spacing: var(--t-display-2-letter-spacing);
  line-height: calc(var(--t-display-2-line-height) * 1px);
  line-height: calc(var(--t-display-2-line-height) / var(--t-display-2-size));
}
@media (min-width: 640px) {
  .text-hero .title > * {
    font-size: calc(var(--t-display-2-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .text-hero .title > * {
    font-size: calc(var(--t-display-2-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .text-hero .title > * {
    font-size: calc(var(--t-display-2-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .text-hero .title > * {
    font-size: calc(var(--t-display-2-size) / 1920 * 100vw);
  }
}
.text-hero .title > * b,
.text-hero .title > * b span {
  font-family: var(--text-sans);
  font-variation-settings: "wght" 10, "wdth" 50;
  font-weight: 400;
}
.text-hero--large .title > * {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" on, "liga" on;
  font-family: var(--text-serif);
  font-size: calc(var(--t-display-3-size) * 1px);
  font-size: calc(var(--t-display-3-size) / 390 * 100vw);
  font-variation-settings: unset;
  letter-spacing: var(--t-display-3-letter-spacing);
  line-height: calc(var(--t-display-3-line-height) * 1px);
  line-height: calc(var(--t-display-3-line-height) / var(--t-display-3-size));
}
@media (min-width: 640px) {
  .text-hero--large .title > * {
    font-size: calc(var(--t-display-3-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .text-hero--large .title > * {
    font-size: calc(var(--t-display-3-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .text-hero--large .title > * {
    font-size: calc(var(--t-display-3-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .text-hero--large .title > * {
    font-size: calc(var(--t-display-3-size) / 1920 * 100vw);
  }
}
.text-hero--large .title > * b,
.text-hero--large .title > * b span {
  font-family: var(--text-sans);
  font-variation-settings: "wght" 10, "wdth" 50;
  font-weight: 400;
}
.text-hero__cta-container {
  -webkit-padding-before: var(--space-12);
  display: flex;
  flex-direction: column;
  padding-block-start: var(--space-12);
}
.text-hero__cta-container .cta {
  -webkit-margin-before: var(--space-24);
  margin-block-start: var(--space-24);
}
.text-hero__additional-text {
  padding-bottom: var(--space-8);
}
.text-hero--bold-block .title b {
  display: block;
}
.text-hero--center-mobile {
  text-align: center;
}
@media (min-width: 64rem) {
  .text-hero {
    align-items: center;
    margin-block: var(--space-192) var(--space-48);
    padding: var(--space-24) var(--side-spacing) 0;
  }
  .text-hero .title {
    text-align: center;
  }
  .text-hero__cta-container {
    -webkit-padding-before: var(--space-24);
    align-items: center;
    flex-direction: row;
    padding-block-start: var(--space-24);
  }
  .text-hero__cta-container .cta {
    -webkit-margin-before: 0;
    margin-block-start: 0;
  }
  .text-hero__additional-text {
    padding: 0 var(--space-16);
  }
  .text-hero--bold-block .title b {
    display: inline;
  }
}
