/* ============================================================
   CTdigitalweb — agencement — largeur de page, sections, blocs de titre
   (02-agencement.css, découpé de l'ancien files/site.css sans rien réordonner)
   Ce que toute page pose avant son contenu : .wrap, .section, .eyebrow, .lead, .s-head.
   ============================================================ */

/* -------- Utilities -------- */
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 2rem;}
.section{padding:5.5rem 0;}
.section.tight{padding:4rem 0;}
.section.soft{background:var(--soft); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.eyebrow{display:inline-flex; align-items:center; gap:0.7rem; font-size:0.74rem; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:var(--gold);}
.center{text-align:center;}
.lead{color:var(--ink2); font-size:1.08rem; line-height:1.65;}

/* section heading block */
.s-head{max-width:680px; margin:0 0 3rem;}
.s-head.center{margin-left:auto; margin-right:auto; text-align:center;}
.s-head h2{font-size:clamp(1.9rem,3vw,2.6rem); font-weight:700; line-height:1.1; margin:0.9rem 0 0;}
.s-head h2 em{font-style:normal; color:var(--gold);}
.s-head p{color:var(--ink2); font-size:1.05rem; line-height:1.62; margin-top:1.1rem;}