/* journey */
.jr{height:440vh;padding:0}.jr .stk{position:sticky;top:0;height:100svh;display:flex;align-items:center}
.jg{display:grid;grid-template-columns:64px minmax(0,1fr);gap:clamp(16px,4vw,48px);align-items:stretch;width:100%}
.rail{position:relative;display:flex;justify-content:center;min-height:min(60vh,420px)}
.rail::before{content:"";width:2px;background:var(--ln)}.rail i{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(var(--ac),var(--mint));transform-origin:top;transform:scaleY(0)}
.rail em{position:absolute;bottom:-30px;font:600 .75rem Inter;font-style:normal;color:var(--mut)}
.xs{display:grid;align-content:center}.xp{grid-area:1/1;opacity:0;filter:blur(12px);transform:translateY(36px);transition:opacity .8s var(--ease),filter .8s var(--ease),transform .8s var(--ease);pointer-events:none}
.xp[data-s=a]{opacity:1;filter:none;transform:none;pointer-events:auto}.xp[data-s=p]{transform:translateY(-36px)}
.xp .dt{color:var(--mint);font-weight:600;font-size:.9rem;margin-bottom:12px}.xp h2{max-width:20ch;font-size:clamp(1.8rem,4.4vw,3.2rem)}
.xp h3{margin:14px 0 18px;color:var(--mut);font-weight:500}.xp li{list-style:none;padding:10px 0;border-top:1px solid var(--ln);max-width:60ch}
.xp[data-s=a] h2,.xp[data-s=a] h3,.xp[data-s=a] li{animation:up .8s var(--ease) both}.xp[data-s=a] h3{animation-delay:.12s}.xp[data-s=a] li{animation-delay:calc(.2s + var(--i)*.09s)}
@keyframes up{from{opacity:0;transform:translateY(16px)}}