.ascent{--ascent-h:clamp(120px, 6rem + 9vw, 220px);--ascent-dur:1.6s}.ascent-chart{height:var(--ascent-h);position:relative}.ascent-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ascent-stop-top{stop-color:var(--ridge-glow);stop-opacity:.28}.ascent-stop-bottom{stop-color:var(--ridge-top);stop-opacity:0}.ascent-line{fill:none;stroke:var(--ridge-top);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ascent-base{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.ascent-dot{left:var(--x);top:calc(var(--y) * 100%);border:2px solid var(--ridge-top);background:var(--bg);border-radius:50%;width:14px;height:14px;position:absolute;translate:-50% -50%}.ascent-dot:before{content:"";height:calc((1 - var(--y)) * var(--ascent-h) - 5px);border-left:1px dashed var(--line-strong);opacity:.7;position:absolute;top:100%;left:50%}.ascent-dot:first-of-type{--x:10%;--y:.85;--t:.1}.ascent-dot:nth-of-type(2){--x:30%;--y:.66;--t:.3}.ascent-dot:nth-of-type(3){--x:50%;--y:.46;--t:.5}.ascent-dot:nth-of-type(4){--x:70%;--y:.15;--t:.7}.ascent-dot:nth-of-type(5){--x:90%;--y:.24;--t:.9}.ascent-dot.is-summit{border-color:var(--ridge-top);background:var(--ridge-top);width:18px;height:18px;box-shadow:0 0 0 6px var(--accent-soft)}.ascent-dot.is-summit:after{content:"";background:var(--ridge-top);clip-path:polygon(0 0,100% 22%,2px 44%,2px 100%,0 100%);width:16px;height:26px;position:absolute;bottom:calc(100% + 2px);left:calc(50% - 1px)}.ascent-steps{gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.ascent-step{--t:0;align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;display:flex}.ascent-step:first-child{--t:.1}.ascent-step:nth-child(2){--t:.3}.ascent-step:nth-child(3){--t:.5}.ascent-step:nth-child(4){--t:.7}.ascent-step:nth-child(5){--t:.9}.ascent-index{color:var(--text-muted)}.ascent-name{font-family:var(--font-display);font-stretch:var(--display-stretch);font-size:var(--text-lg);font-weight:800;line-height:1.1}.ascent-step.is-summit .ascent-index,.ascent-step.is-summit .ascent-name{color:var(--accent)}.ascent-step p{max-width:26ch;margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-sm)}.ascent--compact .ascent-name{font-family:var(--font-body);font-stretch:100%;font-size:var(--text-sm);font-weight:600}@media (width<=760px){.ascent--compact .ascent-steps{gap:var(--space-1)}.ascent--compact .ascent-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ascent--detailed .ascent-steps{padding-top:var(--space-2);grid-template-columns:1fr;gap:0}.ascent--detailed .ascent-step{padding-block:var(--space-4);text-align:left;grid-template-columns:3rem 1fr;align-items:baseline;display:grid}.ascent--detailed .ascent-step+.ascent-step{border-top:1px solid var(--line)}.ascent--detailed .ascent-step p{grid-column:2;max-width:none}}@media (prefers-reduced-motion:no-preference){.js .ascent .ascent-svg{clip-path:inset(0 100% 0 0);transition:clip-path var(--ascent-dur) linear}.js .ascent .ascent-dot,.js .ascent .ascent-step{opacity:0;transition:opacity .42s ease, transform .52s var(--ease-out);transition-delay:calc(var(--t) * var(--ascent-dur));transform:translateY(8px)}.js .ascent.is-inview .ascent-svg{clip-path:inset(0)}.js .ascent.is-inview .ascent-dot,.js .ascent.is-inview .ascent-step{opacity:1;transform:none}.ascent.is-inview .ascent-dot.is-summit{animation:summit-halo 2.8s ease-in-out calc(var(--ascent-dur) + .4s) 2}}@keyframes summit-halo{50%{box-shadow:0 0 0 12px #0000}}
