.rail{position:fixed;right:0;top:50%;translate:0 -50%;z-index:50}.rail__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(.5rem,.35rem + .5vw,.8rem);align-items:flex-end}.rail__link{--pill: var(--teal);display:flex;align-items:center;height:var(--rail-w);width:var(--rail-open);padding-inline:calc(var(--rail-w) + .55rem) 1.4rem;border-radius:100px 0 0 100px;background:var(--pill);color:#fff;font-size:var(--fs-nav);font-weight:500;line-height:1;white-space:nowrap;text-decoration:none;box-shadow:0 2px 4px #0000001a;transform:translate(var(--rail-park));transition:transform var(--dur-nav) var(--ease-glide),box-shadow var(--dur-nav) var(--ease-glide)}.rail__link--freelance{--pill: var(--olive)}.rail__link--side-quests{--pill: var(--clay)}.rail__link--collaborate{--pill: var(--ink)}.rail__link:hover,.rail__link:focus-visible{transform:translate(0)}.rail__link[aria-current=true]{box-shadow:inset 0 0 0 3px #ffffffe6,0 2px 4px #0000001a}.rail__link:focus-visible{outline:3px solid var(--ink);outline-offset:-6px}.rail__link--collaborate:focus-visible{outline-color:var(--cream)}.nav-toggle{display:none}@media(max-width:48rem){.nav-toggle{display:inline-flex;position:fixed;top:clamp(.75rem,.4rem + 1vw,1.25rem);right:clamp(.75rem,.4rem + 1vw,1.25rem);z-index:60;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:0;background:none;cursor:pointer}.nav-toggle:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:4px}.nav-toggle__bars{position:relative;display:block;width:1.5rem;height:.875rem}.nav-toggle__bars span{position:absolute;left:0;width:100%;height:2.5px;border-radius:2px;background:var(--teal);transition:translate .45s var(--ease-glide),rotate .45s var(--ease-glide),opacity .28s var(--ease-out)}.nav-toggle__bars span:nth-child(1){top:0}.nav-toggle__bars span:nth-child(2){top:50%;translate:0 -1.25px}.nav-toggle__bars span:nth-child(3){bottom:0}.nav-toggle[aria-expanded=true] .nav-toggle__bars span:nth-child(1){translate:0 .4375rem;rotate:45deg}.nav-toggle[aria-expanded=true] .nav-toggle__bars span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle__bars span:nth-child(3){translate:0 -.4375rem;rotate:-45deg}.rail{inset:0;translate:none;z-index:55;display:grid;align-content:center;justify-items:end;padding:4.5rem 1rem 1rem;background:#05121f66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .45s var(--ease-glide),visibility 0s linear .45s}html[data-nav=open] .rail{opacity:1;visibility:visible;transition-delay:0s,0s}.rail__list{gap:.65rem}.rail__link{border-radius:100px;width:auto;padding-inline:1.5rem;height:3rem;opacity:0;transform:translate(1.75rem);transition:transform .6s var(--ease-glide),opacity .5s var(--ease-glide)}html[data-nav=open] .rail__link{opacity:1;transform:translate(0)}html[data-nav=open] .rail__link{transition-delay:.08s}html[data-nav=open] li:nth-child(2) .rail__link{transition-delay:.17s}html[data-nav=open] li:nth-child(3) .rail__link{transition-delay:.26s}html[data-nav=open] li:nth-child(4) .rail__link{transition-delay:.35s}.rail__link[aria-current=true]{box-shadow:inset 0 0 0 3px #ffffffe6,0 2px 4px #0000001a}html[data-nav=open]{overflow:hidden}}.motion-toggle{position:fixed;left:clamp(.75rem,.4rem + 1vw,1.25rem);bottom:clamp(.75rem,.4rem + 1vw,1.25rem);z-index:50;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;border:2px solid var(--ink);border-radius:100px;background:var(--cream);color:var(--ink);font-size:var(--fs-small);font-weight:700;cursor:pointer;box-shadow:0 2px 4px #0000001a}.motion-toggle:hover{background:#fff}.motion-toggle__dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--olive);flex:none}[data-motion=reduced] .motion-toggle__dot{background:var(--clay)}.motion-toggle__off,[data-motion=reduced] .motion-toggle__on{display:none}[data-motion=reduced] .motion-toggle__off{display:inline}@media(max-width:34rem){.motion-toggle{font-size:.75rem;padding:.45rem .7rem}}