:root{--nav-bg:#f3f4ef;--nav-text:#191b20;--nav-font:brother-1816, sans-serif}.site-header{background-color:var(--nav-bg);z-index:2000;width:100%;padding:calc(1.5rem + env(safe-area-inset-top)) 3vw 1.5rem;will-change:transform;box-sizing:border-box;box-shadow:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;transform:translateY(0%)}.nav-container{justify-content:flex-end;width:auto;display:flex}.site-branding{flex-direction:column;justify-content:center;line-height:1.2;display:flex}.site-branding__name{font-family:var(--nav-font);text-transform:uppercase;letter-spacing:.15em;color:var(--nav-text);font-size:11px;font-weight:700}.site-branding__role{font-family:var(--nav-font);text-transform:uppercase;letter-spacing:.15em;color:var(--nav-text);opacity:.7;font-size:11px;font-weight:400}.nav-list{gap:3vw;margin:0;padding:0;list-style:none;display:flex}.nav-item{align-items:center;display:flex;position:relative}.nav-link{font-family:var(--nav-font);letter-spacing:.15em;color:var(--nav-text);text-transform:uppercase;opacity:1;padding:10px 0;font-size:11px;font-weight:700;text-decoration:none;transition:opacity .3s;display:block;position:relative}.nav-link.active{color:#ff3b30!important}.nav-list:hover .nav-link{opacity:.4}.nav-list .nav-link:hover{opacity:1}.mobile-menu-btn{display:none}@media screen and (width<=768px){.site-header{padding:calc(1rem + env(safe-area-inset-top)) 24px 1rem;z-index:2001}.nav-list{width:100vw;height:100vh;padding-bottom:env(safe-area-inset-bottom,0px);opacity:0;visibility:hidden;pointer-events:none;z-index:2000;background-color:#f3f4ef;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;margin:0;padding:0;list-style:none;transition:opacity .45s cubic-bezier(.4,0,.2,1),visibility .45s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.nav-list.is-open{opacity:1;visibility:visible;pointer-events:auto}.nav-item{text-align:center;width:100%}.nav-link{letter-spacing:.05em;color:#191b20;justify-content:center;align-items:center;min-height:44px;padding:.75rem 2rem;font-size:32px;font-weight:700;transition:color .25s;display:flex;opacity:1!important}.nav-link:hover,.nav-link:active{color:#ff3b30}.nav-list:hover .nav-link,.nav-list .nav-link:hover{opacity:1}.nav-container{justify-content:flex-end;align-items:center;display:flex}.mobile-menu-btn{z-index:2002;font-family:var(--nav-font);letter-spacing:.15em;color:var(--nav-text);text-transform:uppercase;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;font-size:11px;font-weight:700;line-height:1;display:flex;position:relative}}
/*# sourceMappingURL=Personal_Portfolio_2023.e2ca6c22.css.map */