@font-face {
  font-family: 'HostGrotesk';
  src: url('/fonts/HostGrotesk-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'HostGrotesk';
  src: url('/fonts/HostGrotesk-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
}


/* – HERO / TITRE DE PAGE – */
.actions-hero {
    padding: 40px 0 60px;
    text-align: center;
    margin-top: 80px;
    /* pour laisser place au header fixe */
}

.actions-hero h1 {
    font-family: 'HostGrotesk', sans-serif;
    font-size: 2.5rem;
    color: var(--neutral-dark);
    margin-bottom: 15px;
}

.actions-hero .intro {
    font-size: 1.1rem;
    color: #555;
    max-width: 700px;
    margin: 0 auto;
}