/*
 * Utilitaires globaux : une classe, une intention. Importés après la structure et les composants
 * partagés ; un composant ne les redéfinit pas.
 */

/* Titre en Archivo large, hors de la hiérarchie h1-h3 (chiffre, mot-clé d'une planche). */
.text-display {
    font-family: var(--font-display);
    font-weight: var(--fw-display);
    letter-spacing: var(--tracking-display);
    line-height: var(--leading-tight);
}

.text-muted {
    color: var(--text-secondary);
}

.text-lead {
    color: var(--text-secondary);
    font-size: var(--text-md);
}

.measure {
    max-width: var(--measure);
}

.text-small {
    font-size: var(--text-xs);
}

/* Liste à filets : un filet au-dessus de chaque ligne, la couleur suit le champ (--rule). */
.rule-list > li {
    padding-block: var(--space-5);
    border-top: 1px solid var(--rule);
}

/* Petite ligne en capitales espacées au-dessus d'un titre (héros, planche de chiffres) : seulement
   là où la maquette E bis 2 la place. Dans un h1 ou un h2, elle reprend la police du texte. */
.eyebrow {
    display: block;
    margin-bottom: var(--space-3);
    color: var(--text-secondary);
    font-family: var(--font-body);
    font-size: var(--text-xs);
    font-weight: var(--fw-medium);
    letter-spacing: var(--tracking-label);
    line-height: var(--leading-snug);
    text-transform: uppercase;
}

/* Photo de machine sous éclairage « argent ». */
.photo-silver {
    filter: var(--photo-silver);
}

/* Photo retournée pour que le sujet regarde vers le texte. */
.is-mirrored {
    scale: -1 1;
}