.ladder{position:relative;list-style:none;margin:0;padding:0}.ladder:before{content:"";position:absolute;top:16px;bottom:6.9rem;left:calc(50% - .5px);width:1px;background:linear-gradient(180deg,var(--amber),var(--line) 16%,var(--line));transform-origin:top}.ladder .cap{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr)}.ladder .cap .node{grid-column:2}.ladder .cap-top{margin-bottom:1.25rem}.ladder .cap-foot{margin-top:1.25rem}.ladder .node-foot{width:11px;height:11px;border:none;background:var(--line)}.ladder .station{margin:.2rem 0;scroll-margin-top:60px}.ladder .station-link{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);align-items:start;min-height:8rem;column-gap:clamp(1rem,2.5vw,1.75rem);color:inherit;padding:.6rem 0}.ladder .station-link:hover{text-decoration:none}.ladder .node{grid-column:2;grid-row:1}.ladder .station-link .node{margin-top:calc(.925em - 20px)}.ladder .node{width:40px;height:40px;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--amber)}.ladder .node .sigil{width:22px;height:22px}.ladder .node-brand{width:46px;height:46px;border-color:color-mix(in srgb,var(--amber) 50%,transparent)}.ladder .node-brand .sigil{width:26px;height:26px}.ladder .station-link:hover .node{border-color:var(--phos);color:var(--bright)}.ladder .station-body{display:flex;flex-direction:column;gap:.35rem;max-width:28rem}.ladder .station.right .station-body{grid-column:3;grid-row:1;align-items:flex-start;text-align:left}.ladder .station.left .station-body{grid-column:1;grid-row:1;margin-left:auto;align-items:flex-end;text-align:right}.ladder .station-link:hover .station-title{color:var(--bright)}.ladder .station-link:hover .station-meta{color:var(--amber)}.ladder[data-variant=expanded]:before{content:none}.ladder[data-variant=expanded] .station-link{min-height:0;padding:1.4rem 0}.ladder[data-variant=expanded] .station{margin:0;position:relative}.ladder[data-variant=expanded] .cap-top{margin-bottom:0;padding-bottom:1rem;position:relative}.ladder[data-variant=expanded] .cap-foot{margin-top:0;padding-top:.75rem;position:relative}.ladder[data-variant=expanded] .station:before,.ladder[data-variant=expanded] .cap-top:before,.ladder[data-variant=expanded] .cap-foot:before{content:"";position:absolute;left:calc(50% - .5px);width:1px;background:var(--line);transform-origin:top;z-index:0}.ladder[data-variant=expanded] .station:before{top:0;bottom:0}.ladder[data-variant=expanded] .cap-top:before{top:23px;bottom:0;background:var(--amber)}.ladder[data-variant=expanded] .cap-foot:before{top:0;bottom:6px}@media(max-width:720px){.ladder:before{left:22px}.ladder .cap,.ladder .station-link{grid-template-columns:46px 1fr;column-gap:1rem}.ladder .cap .node,.ladder .node{grid-column:1}.ladder .station.left .station-body,.ladder .station.right .station-body{grid-column:2;margin-left:0;align-items:flex-start;text-align:left}}.ladder[data-variant=compact].is-armed:before{transform:scaleY(0)}.ladder[data-variant=compact].is-armed .node,.ladder[data-variant=compact].is-armed .station-body{opacity:0}.ladder[data-variant=compact].is-armed.is-seen:before{animation:drawY .8s ease forwards}.ladder[data-variant=compact].is-armed.is-seen .cap-top .node{animation:popIn .4s ease both .05s}.ladder[data-variant=compact].is-armed.is-seen .station .node{animation:popIn .4s ease both calc(.2s + var(--d) * .16s)}.ladder[data-variant=compact].is-armed.is-seen .station .station-body{animation:fadeUp .5s ease both calc(.3s + var(--d) * .16s)}.ladder[data-variant=expanded].is-armed .station:before{transform:scaleY(0)}.ladder[data-variant=expanded].is-armed .station .node,.ladder[data-variant=expanded].is-armed .station .station-body{opacity:0}.ladder[data-variant=expanded].is-armed .station.is-seen:before{animation:drawY .5s ease forwards}.ladder[data-variant=expanded].is-armed .station.is-seen .node{animation:popIn .4s ease both .15s}.ladder[data-variant=expanded].is-armed .station.is-seen .station-body{animation:fadeUp .5s ease both .25s}@keyframes drawY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ladder.is-armed:before,.ladder.is-armed .station:before,.ladder.is-armed .node,.ladder.is-armed .station-body{animation:none!important;transform:none!important;opacity:1!important}}
