.ProjectNav_nav___Kc2m{position:fixed;z-index:40;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));translate:-50% 0;display:flex;align-items:center;justify-content:space-around;width:min(760px,calc(100% - 32px));padding:4px 12px}.ProjectNav_backdrop__2hDXc{position:fixed;z-index:39;inset:auto 0 0;height:calc(160px + env(safe-area-inset-bottom));pointer-events:none}.ProjectNav_blurLayer__3nfDu,.ProjectNav_fade__O_WKD{position:absolute;inset:0}.ProjectNav_blurLayer__3nfDu{backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));mask-image:linear-gradient(to bottom,transparent var(--blur-start),#000 var(--blur-end));-webkit-mask-image:linear-gradient(to bottom,transparent var(--blur-start),#000 var(--blur-end))}.ProjectNav_fade__O_WKD{background:linear-gradient(180deg,rgb(0 0 0/0) 0,rgb(0 0 0/45%) 30%,rgb(0 0 0/90%) 60%,#000 82%)}.ProjectNav_link__EOlMX{position:relative;display:block;width:64px;height:48px;flex:0 1 64px;min-width:0;border-radius:50%}.ProjectNav_link__EOlMX:focus-visible{outline:1px solid #fff;outline-offset:2px}@media (max-width:640px){.ProjectNav_backdrop__2hDXc{height:calc(140px + env(safe-area-inset-bottom))}.ProjectNav_nav___Kc2m{width:calc(100% - 20px);padding:2px 4px;bottom:calc(12px + env(safe-area-inset-bottom))}.ProjectNav_link__EOlMX{height:44px;flex-basis:44px}}.ProjectNav_marks__Pd2lb{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ProjectNav_fallback__7bN1d{position:absolute;left:50%;top:50%;translate:-50% -50%;aspect-ratio:1;pointer-events:none;background:#323232;transition:background .24s ease,transform .18s ease}.ProjectNav_link__EOlMX[aria-current] .ProjectNav_fallback__7bN1d,.ProjectNav_nav___Kc2m[data-revealed=true] .ProjectNav_fallback__7bN1d{background:var(--mark-color)}.ProjectNav_link__EOlMX:focus-visible .ProjectNav_fallback__7bN1d,.ProjectNav_link__EOlMX:hover .ProjectNav_fallback__7bN1d{transform:scale(1.15)}.ProjectNav_nav___Kc2m[data-renderer-ready=true] .ProjectNav_fallback__7bN1d{visibility:hidden}@media (prefers-reduced-motion:reduce){.ProjectNav_fallback__7bN1d{transition:none}}.ProjectNav_progress__TiFrq{position:absolute;left:50%;top:-14px;translate:-50% 0;width:100%;height:auto;overflow:visible;pointer-events:none}.ProjectNav_progress__TiFrq circle{fill:#626262;transition:fill .24s ease}.ProjectNav_progress__TiFrq circle[data-current]{fill:var(--progress-accent)}@media (prefers-reduced-motion:reduce){.ProjectNav_progress__TiFrq circle{transition:none}}.ProjectNav_nav___Kc2m[data-feed] .ProjectNav_marks__Pd2lb{top:auto;bottom:calc(-20px - env(safe-area-inset-bottom));height:calc(100% + 160px + env(safe-area-inset-bottom))}.ProjectNav_nav___Kc2m[data-feed] .ProjectNav_link__EOlMX{opacity:var(--feed-progress)}.ProjectNav_nav___Kc2m[data-interactive=false]{pointer-events:none}.ProjectNav_expand__Ior0O{display:none}@media (max-width:640px){.ProjectNav_nav___Kc2m:not([data-feed]){display:grid;grid-template-columns:repeat(9,minmax(0,1fr));height:76px}.ProjectNav_nav___Kc2m:not([data-feed]) .ProjectNav_marks__Pd2lb{top:-40px;height:calc(100% + 64px)}.ProjectNav_nav___Kc2m:not([data-feed]) .ProjectNav_link__EOlMX{width:100%;grid-row:1;transform-origin:center;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .36s ease}.ProjectNav_nav___Kc2m:not([data-feed])[data-expanded=false] .ProjectNav_link__EOlMX{transform:translateX(calc((4 - var(--slot)) * 100%));opacity:0;pointer-events:none}.ProjectNav_nav___Kc2m:not([data-feed])[data-expanded=false] .ProjectNav_link__EOlMX[aria-current]{transform:translateX(calc((4 - var(--slot)) * 100%)) scale(1.6);opacity:1}.ProjectNav_nav___Kc2m:not([data-feed])[data-expanded=true] .ProjectNav_link__EOlMX{transform:none;opacity:1;transition-delay:var(--delay)}.ProjectNav_nav___Kc2m:not([data-feed]) .ProjectNav_link__EOlMX[aria-current]{transition-delay:0s}.ProjectNav_nav___Kc2m:not([data-feed]) .ProjectNav_progress__TiFrq{transition:opacity .2s ease}.ProjectNav_nav___Kc2m:not([data-feed])[data-expanded=true] .ProjectNav_progress__TiFrq{opacity:0}.ProjectNav_nav___Kc2m:not([data-feed]) .ProjectNav_link__EOlMX:focus-visible .ProjectNav_fallback__7bN1d,.ProjectNav_nav___Kc2m:not([data-feed]) .ProjectNav_link__EOlMX:hover .ProjectNav_fallback__7bN1d{transform:none}.ProjectNav_expand__Ior0O{display:block;position:absolute;z-index:1;left:50%;top:-16px;translate:-50% 0;width:88px;height:92px;padding:0;border:0;border-radius:24px;background:transparent;cursor:pointer}.ProjectNav_expand__Ior0O:focus-visible{outline:1px solid #fff;outline-offset:3px}.ProjectNav_nav___Kc2m[data-expanded=true] .ProjectNav_expand__Ior0O{visibility:hidden;pointer-events:none}}@media (prefers-reduced-motion:reduce){.ProjectNav_nav___Kc2m:not([data-feed]) .ProjectNav_link__EOlMX,.ProjectNav_nav___Kc2m:not([data-feed]) .ProjectNav_progress__TiFrq{transition:none}}