.kicker{font:500 var(--step--2) / 1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--silver);align-items:center;gap:12px;display:flex}.kicker b{color:var(--bright);font-weight:600}.kicker i{background:var(--iri-line);width:40px;height:1px;display:block}.h2{font:700 var(--step-3) / 1.04 var(--font-display);letter-spacing:-.02em;color:var(--bright);text-wrap:balance;margin-top:18px}.lede{font-size:var(--step-1);color:var(--silver);text-wrap:pretty;max-width:36em;line-height:1.55}@media screen and (prefers-reduced-motion:no-preference){[data-reveal=head] .kicker i{transform-origin:0}.motion-ok [data-reveal=head]:not([data-revealed]) .kicker i{scale:0 1}.motion-ok [data-reveal=head]:not([data-revealed]) :is(.kicker b,.kicker__text){opacity:0;translate:-8px}.motion-ok [data-reveal=head]:not([data-revealed]) .w__in{translate:0 130%}.motion-ok [data-reveal=head]:not([data-revealed]) .lede{opacity:0;translate:0 var(--rise)}[data-reveal=head][data-revealed=play] .kicker i{animation:reveal-draw-x var(--dur-4) var(--ease-out) var(--reveal-at) backwards}[data-reveal=head][data-revealed=play] :is(.kicker b,.kicker__text){animation:head-label var(--dur-3) var(--ease-out) calc(var(--reveal-at) + .14s) backwards}[data-reveal=head][data-revealed=play] .w__in{animation:head-word var(--dur-4) var(--ease-out) calc(var(--reveal-at) + .18s + var(--w,0) * var(--stagger-word)) backwards}[data-reveal=head][data-revealed=play] .lede{animation:reveal-fade-up var(--dur-4) var(--ease-out) calc(var(--reveal-at) + .42s) backwards}}@keyframes head-label{0%{opacity:0;translate:-8px}}@keyframes head-word{0%{translate:0 130%}}
