/* ============================================================
   Hero accueil — titre d'affichage (EXCEPTION charte).
   Police Anton réservée au H1 du hero, auto-hébergée,
   subset latin + accents FR (~8 Ko), font-display:swap.
   Secours : condensée système à métriques ajustées (pas de
   décalage visible au swap). Chargé uniquement sur l'accueil.
   ============================================================ */

@font-face{
  font-family:'Anton';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('/fonts/anton-hero.woff2') format('woff2');
}

/* Secours condensé aux métriques d'Anton (upm 2048, asc 2409,
   desc 674, gap 0) → la boîte verticale reste identique au swap. */
@font-face{
  font-family:'Anton Fallback';
  src:local('Arial Narrow'),local('Roboto Condensed');
  ascent-override:117.6%;
  descent-override:32.9%;
  line-gap-override:0%;
  size-adjust:108%;
}

/* ---- Titre hero v2 ---- */
.home-hero h1.hero-title{
  font-family:'Anton','Anton Fallback','Arial Narrow','Roboto Condensed',system-ui,sans-serif !important;
  font-weight:400 !important;
  text-transform:uppercase;
  line-height:.95 !important;
  letter-spacing:.006em;
  text-shadow:none !important;          /* ligne 1 nette, sans ombre */
  -webkit-text-stroke:0 !important;
  margin:0 0 2px !important;
  max-width:560px;
}
/* neutralise la règle :has() de line-height de v4.css pour ce titre */
h1.hero-title:has(.ht-banner){line-height:.95 !important}

.home-hero h1.hero-title .ht-l1{
  display:block;
  color:var(--action);
  font-size:clamp(40px,6vw,66px) !important;
}

.home-hero h1.hero-title .ht-banner{
  display:inline-block;
  margin-top:.16em;
  color:var(--enc);
  background:var(--sun);
  border:2.5px solid var(--enc);
  border-radius:10px;
  box-shadow:5px 6px 0 var(--enc);
  padding:.02em .2em .06em;
  transform:rotate(-1.5deg);
  font-size:clamp(34px,5.2vw,58px) !important;
  white-space:nowrap;                   /* bandeau d'un seul tenant */
}

/* ---- Mobile ---- */
@media(max-width:640px){
  .home-hero h1.hero-title{line-height:.98 !important;max-width:none}
  .home-hero h1.hero-title .ht-l1{font-size:clamp(33px,10vw,44px) !important}
  .home-hero h1.hero-title .ht-banner{
    font-size:clamp(26px,8.2vw,38px) !important;
    box-shadow:4px 5px 0 var(--enc);
  }
}