/* Mendra · Headline reveal (OPTIONAL). Words rise out of masks on load. Activated by JS adding .headline-reveal to <html>. */
.headline-reveal .hero h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .06em .14em;margin:0 -.06em -.14em}
.headline-reveal .hero h1 .wi{display:inline-block;transform:translateY(105%);opacity:0;animation:mendra-rise 1.1s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(.15s + var(--i) * .14s)}
.headline-reveal .hero h1 em .wi{animation-delay:calc(.45s + var(--i) * .14s)}
@keyframes mendra-rise{to{transform:none;opacity:1}}
.headline-reveal .hero .eyebrow,.headline-reveal .hero .lede,.headline-reveal .hero .stores{opacity:0;animation:mendra-fade 1s ease forwards}
.headline-reveal .hero .eyebrow{animation-delay:.05s}
.headline-reveal .hero .lede{animation-delay:1.05s}
.headline-reveal .hero .stores{animation-delay:1.25s}
@keyframes mendra-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){.headline-reveal .hero h1 .wi,.headline-reveal .hero .eyebrow,.headline-reveal .hero .lede,.headline-reveal .hero .stores{animation:none!important;opacity:1!important;transform:none!important}}