.page-navigation-container{position:relative;width:100%;max-width:100%;margin-top:0}.page-navigation-scroll-container{position:sticky;top:calc(100vh);z-index:10;width:fit-content;height:0;margin-left:auto;margin-right:2rem;mix-blend-mode:difference}.page-navigation-scroll{transform:translateY(calc(-100% - 2rem));color:var(--color-white)}.page-navigation-scroll:is(:hover,:focus,:active){color:var(--color-white)}.page-navigation{display:flex;position:sticky;top:calc(100vh - var(--block-margin));z-index:10;pointer-events:none;min-height:var(--block-margin)}.page-navigation nav{border:.1rem solid var(--color-black);background:var(--color-black-60);padding:.4rem;border-radius:1.2rem;margin:0 auto 2rem;max-width:var(--wide-width);pointer-events:all;align-self:end}.page-navigation nav ul{padding:0;margin:0;display:flex;column-gap:.4rem;overflow:auto}.page-navigation nav ul li{display:block;list-style:none;font:var(--font-body-small)}.page-navigation nav ul li a{display:block;color:var(--color-white);text-decoration:none;font-weight:500;padding:.8rem 2rem;border:.2rem solid transparent;border-radius:1rem;white-space:nowrap;transition:all .3s linear}.page-navigation nav ul li a:is(:hover,:focus,:active,.active){border-color:var(--color-green)}.page-navigation nav ul li a.active{background-color:var(--color-green);color:var(--color-black)}.page-navigation-container>.blocks-container{background-color:var(--background-color);padding:var(--block-margin) 0 0}.page-navigation-container .blocks-container>*:first-child{margin-top:0}@media (max-width:767px){.page-navigation-scroll{display:none}.page-navigation nav ul li a{padding:.8rem 1rem}}