/* ============================================================
   DESSIGNE — styles propres à la page d'accueil
   Report du bloc <style> embarqué dans index.html de la maquette.
   ============================================================ */

/* Aligne le trait entre les deux formules d'accompagnement */
.acc__grid { align-items: stretch; }
.formule { position: relative; }
.formule--light .formule__top { flex: 1; }

/* Monogramme + wordmark du hero */
.hero__monogram {
  width: clamp(160px, 20vw, 280px);
  height: auto;
  display: block;
  margin-bottom: 10px;
  border-width: 0;
}

.hero__wordmark {
  width: clamp(180px, 22vw, 320px);
  height: auto;
  display: block;
  /* décalage optique voulu sur desktop */
  margin: 0 -45px 0 0;
}

@media (max-width: 860px) {
  /* le décalage optique désaxe la marque sur mobile */
  .hero__wordmark { margin: 0 auto !important; }
}