@layer genr.component {
    .text {
        margin: 0 auto 1.5rem;
        max-width: var(--width-xl);
    }

    .text__content {
        color: var(--color-white);
        display: flex;
        flex-direction: column;
    }

    .text__header {
        display: inline-block;
        width: fit-content;
        padding-bottom: 1.5rem;

        .headline {
            font-weight: 700;
            display: inline;
        }
    }

    .text__intro {
        font-size: var(--font-size-base);
        line-height: 1.5;
        letter-spacing: var(--letter-spacing-xs);

        @media (width > 992px) {
            font-size: var(--font-size-md);
            line-height: 1.556;
        }
    }
}