/*  COMPONENT: BRANDING
//////////////////////////////////////////////////////////////////////////////*/

@layer components {
    .component--tagline {
    }
    .tagline {
    }
    @media (min-width: 640px) {
        .tagline {
            padding-right: 6rem;
        }
    }
    .tagline * {
        margin: 0;
    }
    .tagline__title {
        font-size: var(--font-size-xl);
        line-height: var(--line-height-xl);
        color: var(--color-red);
        font-weight: 700;
    }
    .tagline__subtitle {
        font-size: var(--font-size-l);
        line-height: var(--line-height-l);
        font-weight: 500;
    }
}