/* XP bar + top bar */
.scroll-progress{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;height:3px;z-index:60;pointer-events:none}
.scroll-progress i{display:block;height:100%;width:0;background:var(--accent)}
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.site-header .container{display:flex;align-items:center;gap:1.25rem;height:3.5rem}
.brand{font-weight:800;letter-spacing:-.03em;text-decoration:none;display:flex;align-items:center;gap:.6rem;white-space:nowrap}
.brand i{width:.8rem;height:.8rem;background:var(--accent);border-radius:3px;transform:rotate(12deg)}
.site-header nav{margin-left:auto;display:flex;gap:1.4rem;overflow-x:auto;scrollbar-width:none;min-width:0}
.site-header nav::-webkit-scrollbar{display:none}
.site-header nav a{font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--mut);padding:.4rem 0;white-space:nowrap;transition:color .2s;border-bottom:2px solid transparent}
.site-header nav a:hover{color:var(--ink)}
.site-header nav a[aria-current="true"]{color:var(--ink);border-bottom-color:var(--accent)}
.theme-button{flex:none;width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;display:grid;place-items:center;transition:all .2s}
.theme-button:hover{border-color:var(--ink)}
.theme-button svg{width:1.05rem;height:1.05rem}
.site-header .resume-button{padding:.4rem .9rem;margin-left:.2rem;font-size:.72rem}
.site-header .theme-button{margin-left:0}
.menu-button,.nav-resume{display:none}
@media (max-width:760px){
  html{scroll-padding-top:4rem!important}
  .site-header .container{flex-wrap:nowrap;height:3.5rem;padding-block:0;gap:.5rem}.brand{margin-right:auto}
  .site-header .resume-button{display:none}
  .menu-button{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}
  .menu-button svg{width:1.3rem;height:1.3rem}
  .site-header nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;flex-direction:column;gap:0;overflow:visible;background:var(--bg);border-bottom:1.5px solid var(--ink);padding:.4rem var(--gutter) 1rem;box-shadow:0 14px 24px -12px var(--shadow)}
  .site-header.is-open nav{display:flex}
  .site-header nav a{display:flex;align-items:center;min-height:3.1rem;font-size:.86rem;padding:0;border-bottom:1px solid var(--line)}
  .site-header nav a[aria-current="true"]{border-bottom-color:var(--line);color:var(--accent-text);font-weight:600}
  .site-header nav a[aria-current="true"]::before{content:"";width:.5rem;height:.5rem;background:var(--accent);border-radius:2px;transform:rotate(12deg);margin-right:.7rem}
  .site-header nav .nav-resume{display:flex;margin-top:.8rem;justify-content:center;border:1.5px solid var(--ink);border-radius:999px;border-bottom:1.5px solid var(--ink)}
}