/**
 * Frise historique à l'échelle.
 *
 * L'écart entre deux jalons est proportionnel au temps écoulé, pas constant :
 * une frise à pas régulier ment sur le rythme de l'entreprise. L'axe est
 * vertical parce que les dates se resserrent sur la fin — en horizontal elles
 * se chevaucheraient.
 */
.dec-frise{position:relative;margin-top:46px;padding-left:34px}
.dec-frise .axe{position:absolute;left:5px;top:6px;bottom:6px;width:2px;
 background:linear-gradient(to bottom,var(--trait),var(--olive))}
.dec-frise .j{position:absolute;left:34px;right:0;display:grid;
 grid-template-columns:86px minmax(0,1fr);gap:26px;align-items:baseline}
.dec-frise .j .pt{position:absolute;left:-34px;top:7px;width:12px;height:12px;
 border-radius:50%;background:var(--papier);border:3px solid var(--olive)}
.dec-frise .j .a{font-family:var(--mono);font-size:14px;font-weight:600;
 letter-spacing:.03em;color:var(--olive)}
.dec-frise .j .t{font-size:15.5px;line-height:1.52;color:var(--encre2);max-width:68ch}
/* Sous 760 px, l'échelle n'a plus la place de se lire : la frise retombe en
   liste, qui dit la même chose sans mentir sur les écarts. */
.dec-frise-pile{display:none}
.dec-frise-pile .j{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;
 padding:19px 0;border-bottom:1px solid var(--trait);align-items:baseline}
.dec-frise-pile .j:last-child{border-bottom:0}
.dec-frise-pile .a{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--olive)}
.dec-frise-pile .t{font-size:15px;line-height:1.5;color:var(--encre2)}
@media(max-width:980px){
 .dec-frise{display:none}
 .dec-frise-pile{display:block;margin-top:38px;border-top:1px solid var(--trait)}
}
