.xp{height:520vh;position:relative}.xp-stick{height:100dvh;position:sticky;top:0;overflow:hidden}.xp-stick #stage{z-index:0;position:absolute;inset:0}.xp-lines{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.axis{stroke:#efece638;stroke-width:1px;stroke-dasharray:3 7;opacity:0}.lead{stroke:var(--accent);stroke-width:1px;opacity:0}.dot{fill:var(--accent);opacity:0}.xp-intro,.xp-outro{z-index:2;position:absolute;bottom:clamp(48px,10vh,110px);left:clamp(16px,4vw,56px);right:clamp(16px,4vw,56px)}.xp-outro{opacity:0;pointer-events:none}.xp-outro.is-on{pointer-events:auto}.hs-list{z-index:2;pointer-events:none;position:absolute;inset:0}.hs{opacity:0;will-change:transform, opacity;border-radius:var(--r);background:color-mix(in srgb, var(--bg) 82%, transparent);border:1px solid var(--line);width:min(300px,42vw);padding:14px 16px;position:absolute;top:0}.hs-l{left:clamp(16px,5vw,80px)}.hs-r{right:clamp(16px,5vw,80px)}.hs h3{font:800 1.5rem/1 var(--font-display);text-transform:uppercase;color:var(--accent)}.hs p{color:var(--muted);margin-top:6px;font-size:.9375rem;line-height:1.4}.nav-links a[aria-current=page]{color:var(--ink)}@media (max-width:767px){.hs,.hs-l,.hs-r{width:auto;padding:14px 16px;left:16px;right:16px}.xp-intro,.xp-outro{bottom:32px}}@media (prefers-reduced-motion:reduce){.xp{height:100dvh}}