:root{--menu-width:38vw;--strip-h-closed:120px}nav{position:fixed;inset:0;width:100vw;height:0;padding:0 1rem;z-index:100}.brand-strip{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem;height:var(--strip-h-closed);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)}.nav.menu-open .logo-container{transform:translateY(2px) scale(1.7)}.admin-nav{flex-direction:row-reverse;justify-content:flex-end;gap:2rem}.section2-nav{transform:translateY(150vh);opacity:0}.admin-nav .logo{filter:brightness(0) invert(1) opacity(.5)}.logo{width:110px!important;object-position:center}.hfm-logo,.logo{object-fit:contain;cursor:pointer}.hfm-logo{width:100px;height:100px!important;filter:drop-shadow(5px 5px 5px rgb(0 0 0))}.brand-strip .logo{height:auto!important;max-height:var(--strip-h-closed)}@media (max-width:500px){:root{--menu-width:80vw}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:min-content;z-index:1000}.nav.menu-open .brand-strip{display:none}.logo-container{display:flex;justify-content:flex-start}.logo{width:100px!important}}