/* Apparition du hero à l'arrivée sur la page : le titre monte mot par mot, puis le reste glisse */
.js-hero .hero :is(h1:not(.eyebrow), .slogan):not(.split) { visibility: hidden; }
.hero :is(h1, .slogan) .w { display: inline-block; overflow: hidden; vertical-align: top; padding: .06em .1em .14em; margin: -.06em -.1em -.14em; }
.hero :is(h1, .slogan) .wi { display: inline-block; animation: word-up 1s var(--ease-out) both; animation-delay: calc(.15s + var(--i) * 70ms); }
@keyframes word-up { from { transform: translateY(105%); } }
.hero .fx { animation: fade-up .9s var(--ease-out) both; animation-delay: var(--d, .6s); }
@keyframes fade-up { from { opacity: 0; transform: translateY(18px); } }