header{position:sticky;z-index:100;top:0;left:0}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 4rem;color:#161616}.logo{font-size:1.75rem;font-weight:900;color:#161616}.nav-menu ul{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.nav-menu li{display:flex;align-items:center}.nav-menu a{text-decoration:none;color:#161616;font-weight:500;font-size:.9rem;transition:color .15s ease-in-out}.nav-menu a:hover,.signin-button{color:var(--color-brand)}.signin-button{text-decoration:none;padding:.2rem 1.6rem;border-radius:4px;font-weight:700;transition:border .2s ease;font-size:.9rem;border-bottom:2px dashed #f3bb2100;border-top:2px dashed #f3bb2100}.signin-button:hover{border-bottom:2px dashed var(--color-brand);border-top:2px dashed var(--color-brand)}.dropdown-panel{max-height:0;opacity:0;overflow:hidden;transform:translateY(-16px);transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.dropdown-panel.open{max-height:24rem;opacity:1;transform:translateY(0)}.dropdown-panel.closed{max-height:0;opacity:0;transform:translateY(-16px)}@media (max-width:640px){.nav-menu{display:none}.nav-container{padding:1rem}.signin-button{display:none}}