.scroll-progress{position:fixed;top:80%;left:clamp(24px,4vw,72px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:80px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease,transform .18s ease;z-index:160}.scroll-progress--visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%)}.scroll-progress-track{width:6px;height:72px;border-radius:999px;background:rgba(var(--color-accent-rgb),.12);overflow:hidden;position:relative}.scroll-progress-bar{position:absolute;inset:0;transform-origin:top;transform:scaleY(0);background:linear-gradient(90deg,rgba(var(--color-accent-rgb),.68),rgba(var(--color-accent-rgb),.22));transition:transform .12s linear}.scroll-progress-button{order:-1;padding:0;background:none;border:none;color:var(--color-accent);font-family:Helvetica,sans-serif;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transform:rotate(-90deg);transform-origin:center;transition:color .14s ease}.scroll-progress-button:focus-visible,.scroll-progress-button:hover{color:var(--color-text-strong)}@media (max-width:960px){.scroll-progress{left:5%}}@media (max-width:720px){.scroll-progress{left:-6%}}