.c-section-navigation{--s-section-nav:60px;position:fixed;top:0;left:var(--s-sidebar);width:100%;height:var(--s-section-nav);max-width:100vw;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid hsla(0,0%,100%,.2);background-color:rgba(0,0,0,.8);transition:transform .2s linear,opacity .1s linear;transform:translateY(var(--s-header));overflow:hidden;z-index:var(--z-section-nav);opacity:0;pointer-events:none}html.is-scroll-over-hero .c-section-navigation{opacity:1;pointer-events:auto}html.is-scroll-over-hero.is-scrolling .c-section-navigation{transform:translateY(0)}.c-section-navigation__content{position:relative;width:100%;height:100%;padding:0 var(--s-contain);pointer-events:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:var(--s-contain)}.c-section-navigation__item{position:relative;transition:color .4s;pointer-events:auto;padding:0 24px 0 16px;scroll-snap-align:start}.c-section-navigation__item button{white-space:nowrap}.c-section-navigation__item:before{content:"";display:block;width:6px;height:6px;border-radius:100%;background-color:var(--cr-blue);opacity:0;transition:opacity .3s;position:absolute;top:50%;left:0;transform:translate3d(0,-50%,0)}.c-section-navigation__item.is-active:before{opacity:1}.c-section-navigation__placeholder{position:relative;flex:none;min-width:260px}@media screen and (max-width:1024px){.c-section-navigation{border-top:unset;left:0}.c-section-navigation__item{padding-right:16px}}