/* @group Section Title (module) — Figma "H2" component */

.section-title {
    max-width: 57.8rem;
}

.section-title .eyebrow,
.section-title .text-h1 {
    margin: 0 0 2.4rem;
    color: var(--header-2);
}

.section-title .eyebrow::before,
.section-title .text-h1::before {
    content: "— ";
    color: var(--red);
}

.section-title .title,
.section-title h2 {
    margin: 0;
    color: var(--header-2);
}

.section-title .title strong,
.section-title h2 strong {
    font-weight: 600;
}

.section-title .paragraph,
.section-title p:not(.text-h1) {
    margin: 2.4rem 0 0;
    color: var(--paragraph);
}

.section-title .paragraph > :first-child,
.section-title p:not(.text-h1) > :first-child{
    margin-top: 0;
}

.section-title .paragraph > :last-child,
.section-title p:not(.text-h1) > :last-child {
    margin-bottom: 0;
}

/* @end */