/* ============================================================
   Avrile — Mini Hero
   En-tête de page légère : eyebrow + h1. Fond --avr-bg.
   Hauteur définie par le contenu.
   Variantes : --projets, --contact.
   ============================================================ */

.avr-mini-hero {
  padding: var(--avr-page-top) var(--avr-space-gutter) var(--avr-space-section);
  background: var(--avr-bg);
  width: 100%;
}

.avr-mini-hero .avr-mini-hero__inner {
  width: 100%;
  max-width: var(--avr-max-content);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* ----------------------------------------------------------
   Eyebrow
---------------------------------------------------------- */
.avr-mini-hero .avr-mini-hero__eyebrow {
  display: block;
  margin-bottom: var(--avr-space-sm);
}

/* ----------------------------------------------------------
   Titre — hérite du h1 global, max-width pour le retour à la ligne
---------------------------------------------------------- */
.avr-mini-hero .avr-mini-hero__title {
  margin: 0;
  max-width: 15ch;
  text-wrap: balance;
}

.avr-mini-hero .avr-mini-hero__title em {
  font-size: 1.3em;
}