/* =========================================
= ACCUEIL — section intro « Atelier NOULI » (.nl-home-atelier)
= Markup : home-atelier.php · enqueue : inc-home-atelier.php
=
= Cette feuille porte le CADRE de la section (fond + marges internes) et la
= mise en COLONNE UNIQUE CENTRÉE du manifeste : libellé au-dessus du texte,
= les deux centrés, à toutes les largeurs (1.2.254). La typographie et
= l'animation restent celles du composant partagé manifest/ (manifest.css),
= dont la grille 1 / 3.5 est ici neutralisée.
= .nl-home-intro garde, elle, la grille d'origine : les 2 feuilles sont
= séparées précisément pour pouvoir diverger.
=
= Desktop : rien en haut, 2 rem sur les côtés, 6.25 rem en bas.
= Sous 64 rem : rien en haut, 1 rem sur les côtés, 3.75 rem en bas (1.2.352).
========================================= */
.nl-home-atelier {
  /* Rien au-dessus : l'espace vient de la section qui précède. */
  padding: 0 2rem 6.25rem;
  background: var(--secondary-c);
}

/* Tablette et mobile : cadre resserré (1.2.352), même seuil et mêmes valeurs
   que les autres sections de l'accueil (intro, nouveautés, parution). Le haut
   reste à 0, comme en desktop. Le fond, lui, ne change pas : contrairement à
   .nl-home-intro (1.2.349), cette section garde son aplat --secondary-c. */
@media (max-width: 64rem) {
  .nl-home-atelier {
    padding: 0 1rem 3.75rem;
  }
}

/* Une seule colonne : le libellé repasse au-dessus du texte (ordre du DOM),
   plus besoin de placement explicite ni de reset mobile. */
.nl-home-atelier .nl-manifest--inner {
  grid-template-columns: 1fr;
  justify-items: center;   /* les 2 blocs centrés dans la colonne… */
}
.nl-home-atelier .nl-manifest--label,
.nl-home-atelier .nl-manifest--title {
  text-align: center;      /* …et leurs lignes centrées entre elles */
}
/* Titre plus petit et plus court que dans manifest/ : taille fixe au lieu du
   clamp --text-display-sm, et lignes bornées à 80 % de la colonne. Le bloc
   reste centré grâce au justify-items ci-dessus. */
.nl-home-atelier .nl-manifest--title {
  font-size: var(--text-2xl);
  max-width: 80%;
}
/* Le line-height: 4.5 de manifest.css sert à DESCENDRE le libellé en vis-à-vis
   de la 1re ligne du texte, dans la grille à 2 colonnes. Ici le libellé est
   au-dessus du texte : cette boîte de 54 px ne ferait qu'un trou. */
.nl-home-atelier .nl-manifest--label { line-height: 1; }