.grain{z-index:99;opacity:.04;mix-blend-mode:normal;background-image:url(/grain.gif);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:fixed;display:block;position:fixed;top:0;bottom:0;left:0;right:0;pointer-events:none}.nav-menu{position:fixed;top:1rem;right:1rem;z-index:1000;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transform:translateY(0);opacity:1}.nav-menu--hidden{transform:translateY(-120%);opacity:0}@media (max-width:767px){.nav-menu,.nav-menu--hidden{transform:translateY(0)!important;opacity:1!important}}.nav-menu__container{gap:.75rem;padding:.5rem;background-color:rgba(0,0,0,.6);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:2rem}.nav-menu__container,.nav-menu__home-link{display:flex;align-items:center;transition:all .3s ease}.nav-menu__home-link{justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:hsla(0,0%,100%,.1);color:var(--primary-color);text-decoration:none;border:1px solid transparent}.nav-menu__home-link:hover{background-color:hsla(0,0%,100%,.2);border-color:var(--primary-accent-color);color:var(--primary-accent-color)}.nav-menu__home-icon{width:1.25rem;height:1.25rem}.nav-menu__avatar,.nav-menu__avatar-circle{display:flex;align-items:center;justify-content:center}.nav-menu__avatar-circle{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--primary-accent-color),var(--primary-color));border:2px solid hsla(0,0%,100%,.2);transition:all .3s ease}.nav-menu__avatar-circle:hover{transform:scale(1.05);border-color:var(--primary-accent-color)}.nav-menu__avatar-text{font-size:.75rem;font-weight:900;color:#000;text-shadow:none}.nav-menu__toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:hsla(0,0%,100%,.1);border:1px solid transparent;color:var(--primary-color);cursor:pointer;transition:all .3s ease}.nav-menu__toggle:hover{background-color:hsla(0,0%,100%,.2);border-color:var(--primary-accent-color);color:var(--primary-accent-color)}.nav-menu__icon{width:1.25rem;height:1.25rem;transition:transform .3s ease}.nav-menu--open .nav-menu__container{border-radius:2rem 2rem .5rem 2rem}.nav-menu--open .nav-menu__toggle{background-color:hsla(0,0%,100%,.2);border-color:var(--primary-accent-color);color:var(--primary-accent-color)}.nav-menu__content{position:absolute;top:3.5rem;right:0;width:12rem;background-color:rgba(0,0,0,.6);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:1rem;padding:1rem;animation:menuSlideIn .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.3)}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-menu__links{list-style:none;padding:0;margin:0}.nav-menu__link{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:var(--primary-color);text-decoration:none;border-radius:.5rem;transition:all .2s ease;font-size:.875rem;font-weight:500}.nav-menu__link--active,.nav-menu__link:hover{background-color:hsla(0,0%,100%,.1);color:var(--primary-accent-color)}@media (max-width:767px){.nav-menu{top:.5rem;right:.5rem}.nav-menu__container{gap:.5rem;padding:.25rem}.nav-menu__avatar-circle,.nav-menu__home-link,.nav-menu__toggle{width:2rem;height:2rem}.nav-menu__home-icon,.nav-menu__icon{width:1rem;height:1rem}.nav-menu__avatar-text{font-size:.625rem}.nav-menu__content{width:10rem;padding:.75rem}}@media (min-width:768px){.nav-menu{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.nav-menu--hidden{transform:translateY(-120%);opacity:0}}