.section-scroll-nav{--accent-color:#927861;--track-bg:#ffffff1f;--text-color:#c4c4c473;--marker-color:#92786159;--marker-length:34px;--marker-gap:14px;--tick-scale:.45;--max-shift:10px;--item-gap:26px;--font-size:.8rem;--smoothing:.12s;align-items:flex-end}.section-scroll-nav__backdrop{-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;background-color:#0a070859;border-radius:14px;transition:opacity .3s;position:absolute;inset:-20px -28px}.section-scroll-nav:hover .section-scroll-nav__backdrop,.section-scroll-nav:focus-within .section-scroll-nav__backdrop{opacity:1}.section-scroll-nav__list{align-items:flex-end;gap:var(--item-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.section-scroll-nav__item{cursor:pointer;font:inherit;text-align:right;opacity:0;background:0 0;border:none;padding:0;transition:opacity .3s;position:relative}.section-scroll-nav__item[aria-current],.section-scroll-nav__item[aria-current=location],.section-scroll-nav:hover .section-scroll-nav__item,.section-scroll-nav:focus-within .section-scroll-nav__item{opacity:1}.section-scroll-nav__item:before{content:"";position:absolute;inset:-8px -20px}.section-scroll-nav__index{font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--font-size);letter-spacing:.1em;color:color-mix(in srgb,var(--accent-color)calc(var(--effect,0)*100%),var(--text-color));transform:translateX(calc(var(--effect,0)*var(--max-shift)*-1));line-height:1.2;display:inline-block}.section-scroll-nav__track{background-color:#9278612e;width:1px;position:absolute;top:2px;bottom:2px;right:-18px;overflow:hidden}.section-scroll-nav__progress{transform-origin:top;width:100%;height:calc(var(--progress,0)*100%);background-color:var(--accent-color);position:absolute;top:0;left:0}.section-scroll-nav__arrow{right:-18px;top:calc(var(--progress,0)*100%);color:#c4a07a;opacity:var(--arrow-opacity,0);pointer-events:none;filter:drop-shadow(0 1px 2px #000000b3);transition:transform .3s,color .3s;position:absolute}.section-scroll-nav:hover .section-scroll-nav__arrow,.section-scroll-nav:focus-within .section-scroll-nav__arrow{color:#d8b892}@media (prefers-reduced-motion:reduce){.section-scroll-nav__arrow{transition:none}}.section-scroll-nav__track-invert{width:1px;clip-path:inset(calc(var(--invert-top,1)*100%)0 calc(var(--invert-bottom,0)*100%)0);pointer-events:none;position:absolute;top:2px;bottom:2px;right:-18px}.section-scroll-nav__track-invert-bg{background-color:#1a1510;position:absolute;inset:0}