/* public/app/css/dash-tagline.css
 * Synopsis: Slogan du lockup marque.
 * Objectif: Style slogan sous le logo (homepage + plein écran).
 */

.dash .dash-brand-lockup {
    align-items: center;
    display: inline-flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    gap: .55rem 1rem;
    min-width: 0;
}

.dash .dash-tagline {
    color: color-mix(in srgb, var(--dash-accent) 48%, var(--dash-muted));
    display: block;
    flex: 1 1 100%;
    font-family: var(--display);
    font-size: clamp(.62rem, .9vw, .72rem);
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 1.35;
    margin: 0;
    max-width: min(100%, 28rem);
    opacity: .9;
    padding-left: calc(clamp(2rem, 4vw, 2.8rem) + .35rem);
    width: 100%;
}

.dash.dash--fs .dash-brand-lockup {
    align-items: flex-start;
    flex: 0 1 auto;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: .22rem;
    max-width: min(100%, 30rem);
}

.dash.dash--fs .dash-brand {
    gap: .4rem;
}

.dash.dash--fs .dash-tagline {
    font-size: clamp(.64rem, 1vw, .74rem);
    max-width: 100%;
    opacity: .92;
    padding-left: calc(clamp(2.4rem, 5.5vw, 3.4rem) + .4rem);
}