: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-container .logo{width:145px!important;height:100px!important;padding:1.5rem 0}.logo{width:350px;height:350px!important;object-fit:contain;object-position:center;cursor:pointer}.logo.mobile{width:60px!important}.hfm-logo{width:100px;height:100px!important;object-fit:contain;cursor:pointer;filter:drop-shadow(5px 5px 5px rgb(0 0 0))}.brand-strip .logo{height:auto!important;max-height:var(--strip-h-closed);width:auto}@media (max-width:500px){:root{--menu-width:80vw}.nav.menu-open .brand-strip{display:none}.logo{width:150px!important}}