:root{--menu-width:38vw;--strip-h-closed:120px}nav{position:fixed;inset:0;width:100vw;height:-moz-fit-content;height:fit-content;padding:0 1rem;z-index:100;background-color:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background-color 1s ease,-webkit-backdrop-filter .3s ease;transition:background-color 1s ease,backdrop-filter .3s ease;transition:background-color 1s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}.dark-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,rgb(0,0,0) 0,rgba(0,0,0,.685) 40%,rgba(0,0,0,0))}.brand-strip{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem;overflow:hidden;transition:height 1s ease-in-out,width 1s ease-in-out,margin-right 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1),gap 1s cubic-bezier(.22,1,.36,1),justify-content 1s cubic-bezier(.22,1,.36,1);will-change:height,margin-right,width,transform,gap,justify-content}.nav.menu-open .brand-strip{width:calc(100vw - var(--menu-width));margin-right:var(--menu-width);justify-content:center;align-items:center;gap:8rem;height:100vh}.logo-container{transition:transform 1s cubic-bezier(.22,1,.36,1),opacity 1s cubic-bezier(.22,1,.36,1),filter 1s cubic-bezier(.22,1,.36,1);padding-top:1rem}.nav.menu-open .logo-container{transform:translateY(2px) scale(1.7)}.nav-links{border:1px solid red;list-style:none;display:flex;gap:2rem}.admin-nav{flex-direction:row-reverse;justify-content:flex-end;gap:2rem}.admin-nav .logo{filter:brightness(0) invert(1) opacity(.5)}.logo{width:min-content!important;object-fit:contain;object-position:center;cursor:pointer}.brand-strip .logo{height:auto!important;max-height:var(--strip-h-closed)}.hfm-logo{width:100px!important}@media (max-width:500px){:root{--menu-width:80vw}nav{height:min-content;z-index:1000}.nav.menu-open .brand-strip{display:none}.logo-container{display:flex;justify-content:flex-start}.hfm-logo{width:100px!important}}