.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgb(17 19 16 / 92%);backdrop-filter:blur(16px)}.utility-bar{border-bottom:1px solid rgb(255 255 255 / 6%);color:var(--muted);font-size:.72rem;letter-spacing:.06em}.utility-bar .wrap{display:flex;justify-content:space-between;padding-block:7px}.nav{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:20px}.links,.nav-actions{display:flex;align-items:center;gap:10px}.links{gap:30px;margin-left:auto;margin-right:20px;color:#cccac1;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.links>a,.projects-menu__toggle{position:relative;padding:26px 0}.links>a::after,.projects-menu__toggle::after{position:absolute;right:0;bottom:17px;left:0;height:2px;background:var(--accent);content:"";transform:scaleX(0);transition:transform .2s}.links>a:hover::after,.links>a:focus-visible::after,.projects-menu__toggle:hover::after{transform:scaleX(1)}.theme-toggle,.menu-toggle,.search-trigger{display:grid;width:42px;height:42px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.search-trigger{font-size:1.4rem}.projects-menu{position:relative}.projects-menu__toggle{border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.projects-menu__toggle span{display:inline-block;transition:transform .2s}.projects-menu.open .projects-menu__toggle span{transform:rotate(180deg)}.projects-menu__list{position:absolute;top:calc(100% + 2px);left:50%;display:grid;min-width:190px;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translate(-50%,-8px);transition:opacity .18s,transform .18s}.projects-menu.open .projects-menu__list{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.projects-menu__list a{padding:10px 12px;border-radius:7px;color:var(--ink);font-size:.86rem;letter-spacing:0;text-transform:none}.projects-menu__list a:hover{background:var(--accent-soft);color:var(--accent-strong)}.menu-toggle,.mobile-menu,.menu-backdrop{display:none}.mobile-projects{border-bottom:1px solid var(--line)}.mobile-projects summary{padding:14px 0;font-weight:800;cursor:pointer}.mobile-projects a{display:block;padding:9px 0 9px 16px;color:var(--muted)}html:not(.dark-mode) .site-header{background:rgb(243 241 234 / 94%)}html:not(.dark-mode) .links{color:#4d5048}
@media(max-width:900px){.links,.nav-actions>.theme-toggle,.nav-actions>a,.nav-actions>form,.nav-actions>span{display:none}.nav{min-height:66px}.menu-toggle{display:grid;border-radius:var(--radius-sm);font-size:1.2rem}.mobile-menu{position:fixed;z-index:42;inset:0 0 0 auto;display:flex;width:min(360px,88vw);padding:24px;flex-direction:column;border-left:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);transform:translateX(105%);transition:transform .25s ease}.mobile-menu.open{transform:translateX(0)}.menu-backdrop{position:fixed;z-index:41;inset:0;background:rgb(0 0 0 / 65%);opacity:0;transition:opacity .25s}.menu-backdrop.open{display:block;opacity:1}.menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.menu-close{display:grid;width:40px;height:40px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:1.3rem}.mobile-menu nav{display:grid}.mobile-menu nav>a{padding:14px 0;border-bottom:1px solid var(--line);font-weight:800}.mobile-menu>span{margin-top:18px;color:var(--muted)}.mobile-menu>.btn,.mobile-menu>form .btn{width:100%;margin-top:12px}.mobile-menu .menu-theme{width:100%;margin-top:auto}body.menu-open{overflow:hidden}}