{
  "name": "Bento à cartes imbriquées",
  "family": "layout",
  "ref": "ref-03-bento-dark-pitch",
  "intent": "Structurer une slide dense en trois niveaux (carte → sous-carte → tuile) sans une seule bordure ni ombre, en ne faisant décroître que le rayon et le padding.",
  "when_to_use": "Slide de chiffres ou de preuves où il faut caser 4 à 8 informations sans que ça ressemble à un tableau. C'est le squelette par défaut d'un deck investisseur moderne.",
  "avoid_when": "Il n'y a qu'une seule idée sur la slide — l'imbrication crée alors une hiérarchie qui ne correspond à rien. Et sur un support imprimé en petit format, les tuiles descendent sous le seuil de lisibilité.",
  "tags": [
    "bento",
    "layout",
    "slide",
    "cartes",
    "imbrication",
    "rayon",
    "hierarchie",
    "deck",
    "investisseur",
    "grille"
  ],
  "vars": [
    {
      "name": "--vl-radius-card",
      "role": "rayon du niveau 1",
      "default": "24px"
    },
    {
      "name": "--vl-radius-sub",
      "role": "rayon du niveau 2",
      "default": "20px"
    },
    {
      "name": "--vl-radius-tile",
      "role": "rayon du niveau 3",
      "default": "16px"
    },
    {
      "name": "--vl-gap",
      "role": "gouttière entre cartes de même niveau",
      "default": "12px"
    }
  ],
  "slots": [
    "title",
    "body",
    "tiles"
  ],
  "notes": "L'échelle de rayons (24 → 20 → 16) est la seule chose qui fait lire la profondeur : garder un rayon constant aplatit la composition, l'augmenter vers l'intérieur la fait paraître bombée. Le padding décroît en parallèle (36 → 24 → 18). Corollaire : ne jamais ajouter de bordure ou d'ombre pour « mieux séparer » — ce serait avouer que l'échelle de rayons est mal réglée. Les libellés de tuile sont collés en bas (margin-top:auto), sinon la rangée se désaligne dès qu'un contenu change de longueur.",
  "id": "layout-01-nested-bento"
}