.hero{z-index:1}.header-bar[data-state]{z-index:5;pointer-events:none;will-change:transform;padding-bottom:23px;transition:transform .3s cubic-bezier(.22,.61,.36,1);position:fixed;top:0;left:0;right:0}.header-bar[data-state]>.site-header{pointer-events:auto}.header-bar[data-state=hidden]{transform:translateY(-100%)}.header-bar[data-state]:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);opacity:0;background:#09111b9e;transition:opacity .3s;position:absolute;inset:0;box-shadow:0 1px #ffffff0f}.header-bar[data-scrolled]:before{opacity:1}@media (prefers-reduced-motion:reduce){.header-bar[data-state],.header-bar[data-state]:before{transition:none}}