/* Shared, opaque navigation on the portfolio, journal, and every article. */
.site-header{height:6rem;max-width:90rem;padding:0 clamp(1.25rem,4.5vw,4rem);display:grid;grid-template-columns:auto 1fr auto;column-gap:2rem;align-items:center;background:#0b0e17;border-bottom:1px solid #8197c43b;backdrop-filter:none;-webkit-backdrop-filter:none;filter:none;text-shadow:none;box-shadow:0 1px 0 #030711;isolation:isolate}
.site-header .wordmark{font-size:2.2rem;line-height:1;letter-spacing:-.11rem;font-weight:800;color:#eff3ff}.site-header .wordmark span{color:#b3aaff}
.site-header .desktop-nav{display:flex;align-items:center;justify-self:center;gap:clamp(1.25rem,2.3vw,2.25rem);margin:0}
.site-header .desktop-nav a{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:.5rem 0;font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:0;color:#d4def2;white-space:nowrap;position:relative;transition:color .18s}
.site-header .desktop-nav a:hover,.site-header .desktop-nav a[aria-current]{color:#f0ebff}
.site-header .desktop-nav a[aria-current]:after{content:'';position:absolute;bottom:.12rem;left:0;right:0;height:2px;background:#b3aaff;border-radius:2px}
.site-header .desktop-nav .nav-count{font-size:.75rem;font-weight:500;line-height:1;margin:0;color:#a4b4d1}
.site-header .header-cta{display:inline-flex;align-items:center;justify-self:end;min-height:2.75rem;gap:1rem;padding:.5rem 0;font-size:1rem;font-weight:600;line-height:1.5;color:#e7edfb;border-bottom:1px solid #a3b3d183;white-space:nowrap}
.site-header .header-cta span{font-size:1.3rem;line-height:1;color:#93def3}
.site-header .menu-toggle{display:none;background:#101827;border-color:#8aa3d04d}.site-header .menu-toggle span{background:#e0e8fb;height:2px;width:18px}
.site-header .mobile-nav{background:#0b0e17;border-bottom:1px solid #8197c44d;padding:1rem 1.25rem 1.25rem;box-shadow:0 12px 20px #0003}
.site-header .mobile-nav a{font-size:1.125rem;font-weight:600;line-height:1.5;color:#d4def2;padding:.75rem 1rem;min-height:3rem;border-radius:.35rem}
.site-header .mobile-nav a:hover,.site-header .mobile-nav a[aria-current]{background:#b4a0ff12;color:#eee8ff}
.site-header .scroll-progress{background:linear-gradient(90deg,#71dcfa,#b4a0ff);height:2px}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid #b4a0ff;outline-offset:5px}
.identity-location{display:inline-flex;align-items:center;gap:.5rem;color:#bfcee8;font-size:.875rem;line-height:1.5;letter-spacing:.05em}
.identity-location>span.nepal-flag{display:inline-block;margin:0;font-family:'Noto Color Emoji','Apple Color Emoji','Segoe UI Emoji',sans-serif;font-size:1.75rem;line-height:1.2;letter-spacing:0}
@media(max-width:919px){.site-header{height:4.75rem;grid-template-columns:auto 1fr;column-gap:1rem;padding:0 1.4rem}.site-header .wordmark{font-size:2rem}.site-header .desktop-nav,.site-header .header-cta{display:none}.site-header .menu-toggle{display:flex;justify-self:end;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:44px;height:44px}.site-header .mobile-nav{left:0;right:0;top:100%}}
@media(max-width:359px){.site-header{padding:0 1.1rem}}
@media(prefers-reduced-motion:reduce){.site-header .desktop-nav a{transition:none}}