.page-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.page-intro__eyebrow {
    margin: 0 0 var(--space-page-intro-eyebrow-heading);

    font-family: var(--font-family-page-intro-eyebrow);
    font-size: var(--font-size-page-intro-eyebrow);
    font-weight: 400;
    line-height: 1.3;
}

.page-intro__heading {
    display: flex;
    flex-direction: column;

    margin: 0 0 var(--space-page-intro-heading-subtitle);

    font-family: var(--font-family-page-intro-heading);
    font-size: var(--font-size-page-intro-heading);
    font-weight: 400;
    line-height: 1.05;
    text-wrap: balance;
}

.page-intro__line {
    display: block;
}

.page-intro__subtitle {
    margin: 0;

    font-family: var(--font-family-page-intro-subtitle);
    font-size: var(--font-size-page-intro-subtitle);
    font-weight: 600;
    line-height: 1.3;
}