/* Capacités de l'atelier : un chiffre, son unité, son intitulé, sa précision. */
/* Chaque colonne garde sa marge droite, et la grille ouvre une gouttiere de
   meme largeur : le filet se retrouve au milieu, a egale distance des deux
   textes. Sans elle, le texte d'une colonne collait au filet de la
   precedente. En `column-gap` et non en `gap`, pour ne rien changer quand
   les colonnes s'empilent ; et sur la grille plutot qu'en marge gauche, qui
   desalignerait la premiere colonne d'une rangee repliee. */
.dec-capa{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;column-gap:26px;
 margin-top:40px;border-top:2px solid var(--encre)}
.dec-capa div{padding:28px 26px 30px 0;border-right:1px solid var(--trait)}
.dec-capa div:last-child{border-right:0;padding-right:0}
.dec-capa .v{font-size:clamp(28px,3.4vw,40px);font-weight:800;letter-spacing:-.045em;
 line-height:1;display:block;color:var(--encre)}
.dec-capa .v em{font-style:normal;color:var(--olive)}
.dec-capa .k{font-family:var(--mono);font-size:10px;letter-spacing:.17em;
 text-transform:uppercase;color:var(--gris);display:block;margin-top:14px}
.dec-capa .d{font-size:14px;line-height:1.5;color:var(--encre2);margin-top:9px}

/* Sous 980 px les colonnes n'ont plus la place de se ranger cote a cote :
   le filet passe du cote droit au bas, comme dans la maquette. */
@media(max-width:980px){
 .dec-capa div{border-right:0;border-bottom:1px solid var(--trait);padding:22px 0}
 .dec-capa div:last-child{border-bottom:0}
}