/* =====================================================================
   Widget « Titre / sous-titre » — typo mixte Braillard.
   Base sans (Helvetica) ; mots en <em> = serif display (Fraunces italic).
   ===================================================================== */
.br-titre{ font-family: var(--br-font-body); color: var(--br-black); }

.br-titre__title{
  font-family: var(--br-font-body);
  font-weight: 400; font-style: normal; letter-spacing: normal;
  line-height: 1.15; margin: 0;
}
.br-titre__title p{ margin: 0; }

/* Sous-titre */
.br-titre__sub{
  font-family: var(--br-font-body);
  font-size: clamp(18px, 1.6vw, 28px); line-height: 1.45;
  margin-top: clamp(20px, 3vw, 48px);
}
.br-titre__sub p{ margin: 0; }

/* Le mot mis en Italique dans l'éditeur -> serif display (comme Cover/Bandeau) */
.br-titre__title em,
.br-titre__sub em{
  font-family: var(--br-font-display);
  font-style: italic; font-weight: 300;
}

/* Tailles de titre */
.br-titre--grand .br-titre__title{ font-size: clamp(30px, 3.6vw, 64px); }
.br-titre--moyen .br-titre__title{ font-size: clamp(26px, 2.6vw, 44px); }
.br-titre--petit .br-titre__title{ font-size: clamp(22px, 2vw, 32px); }