/* Titres de chapitre encadrés (18/10) : surtitre et grand titre de chaque chapitre dans un cadre à la couleur de
   sa carte du premier écran (Organiser sable, Accueillir lavande, Préparer vert foncé, Suivre terracotta clair),
   avec le numéro du chapitre en grand et en léger dans le coin.
   Pour retirer : supprimer ce fichier, sa ligne et les quatre div.chapter-title dans index.html (garder leur contenu). */
.chapter-title{position:relative;z-index:1;box-sizing:border-box;width:fit-content;max-width:100%;margin-bottom:22px;padding:24px 30px 28px;border:1px solid;border-radius:22px}
.chapter-title:after{content:attr(data-num);position:absolute;top:10px;right:20px;font:400 52px/1 var(--serif);letter-spacing:-.02em;opacity:.22;pointer-events:none}
.chapter-title>.eyebrow{margin-top:0;padding-top:0;padding-right:70px}
.chapter-title>h2{margin-bottom:0}

.chapter-title-1{border-color:#d9b38c99;background:#f3e4d1}
.chapter-title-1:after{color:var(--terra)}
.chapter-title-2{border-color:#c9bcd2;background:#fffaf2b3}
.chapter-title-2:after{color:#72596f}
.chapter-title-3{border-color:#f6eee233;background:#3b4639}
.chapter-title-3:after{color:#d2b694;opacity:.3}
.chapter-title-4{border-color:#9d503540;background:#f4e0d6}
.chapter-title-4:after{color:var(--terra)}

/* Chapitre 03 : l'en-tête est une grille ; le cadre prend la largeur du surtitre et du titre */
.team-heading>.chapter-title{grid-column:1/-1}
.team-heading .chapter-title>h2{margin-top:10px}

@media(max-width:759px){
 .chapter-title{width:100%;padding:18px 18px 22px;border-radius:18px}
 .chapter-title:after{top:8px;right:14px;font-size:40px}
 .chapter-title>.eyebrow{padding-right:52px}
 html .chapter-title>h2{font-size:clamp(32px,10.2vw,39px);line-height:1.04}
}