/* Reference navigation layout on the site's original dark background. */
body[data-view]:not([data-view=home]) #app{display:flow-root}
body[data-view] .site-header{display:block;position:fixed;inset:0 0 auto;z-index:15;width:100%;max-width:none;margin:0;height:auto;padding:0;background:#101112;color:#ececed;border:0;border-radius:0;backdrop-filter:none;line-height:1.4;font-size:1rem}
.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:calc(100% - 9.2vw);max-width:1906.8px;min-height:76px;margin:0 auto;padding:10px 26px}
.site-header-spacer{height:var(--site-header-height,76px);flex:0 0 auto}
.site-brand{display:inline-flex;align-items:baseline;gap:3px;white-space:nowrap;font-size:clamp(1.3rem,2vw,1.75rem);font-weight:400;letter-spacing:-.035em;line-height:1.3;flex-shrink:0}
.site-brand [lang=en]{letter-spacing:-.02em}
.site-navigation{display:flex;align-items:center;gap:clamp(12px,2.2vw,36px);margin-left:auto}
.site-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:8px 24px;border-radius:999px;font-size:1.0625rem;line-height:1.4;white-space:nowrap;color:#ececed;transition:background .15s}
.site-header .site-nav-link[aria-current]{background:#fff;color:#080808}
.site-header .site-nav-link:hover{background:#ffffff12;color:#fff}
.site-header .site-nav-link[aria-current]:hover{background:#fff;color:#080808}
body[data-view] .site-header .site-brand:hover{color:#fff}
.site-header .site-language{gap:4px;font-size:1.0625rem;letter-spacing:0;color:#a8acb1}
.site-header .site-language button{min-height:44px;min-width:26px;padding:8px 3px;color:#a8acb1;line-height:1.4}
.site-header .site-language button[aria-pressed=true]{color:#ececed;text-underline-offset:5px;text-decoration-thickness:1px}
.site-header .site-language button:hover{color:#fff}
body[data-view] .site-header a:focus-visible,body[data-view] .site-header button:focus-visible{outline:2px solid #9bc3ff;outline-offset:3px}
body[data-view]:not([data-view=home]) [data-reading-anchor]{scroll-margin-top:calc(var(--site-header-height,76px) + 24px)}
.project-header-back,.project-header-next{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;white-space:nowrap}
.project-header-back{flex-shrink:0}
.header-chevron{display:block;width:10px;height:18px;flex-shrink:0}
.project-header-title{font-size:.875rem;color:#a8acb1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:auto;min-width:0}
.project-header .project-header-next{padding:8px 20px;border:1px solid #414448;border-radius:999px}
.project-header-next:hover{background:#ffffff12}
.project-navigation{flex-shrink:0}
@media(max-width:980px){.site-header-inner{width:calc(100% - 56px);gap:16px;padding-inline:18px}.site-navigation{gap:8px}.site-nav-link{padding-inline:18px;font-size:.9375rem}.site-header .site-language{font-size:.9375rem}}
@media(max-width:640px){.site-header-inner{width:calc(100% - 48px);flex-wrap:wrap;gap:10px;padding:12px;min-height:0}.site-brand{font-size:1.25rem}.site-navigation{justify-content:space-between;gap:4px;width:100%;margin-left:0}.site-nav-link{min-height:40px;padding:7px 9px;font-size:.75rem}.site-header .site-language{font-size:.8125rem;gap:2px}.site-header .site-language button{min-width:23px;min-height:40px;padding:6px 2px}.project-header .site-header-inner{width:100%;padding:10px 20px;flex-wrap:nowrap;min-height:64px}.project-header-title{display:none}.project-header .project-navigation{width:auto;gap:12px;margin-left:auto}.project-header-back,.project-header-next{font-size:.8125rem;gap:8px}.project-header .project-header-next{padding:6px 12px}}
@media(prefers-reduced-motion:reduce){.site-nav-link{transition:none}}
@media print{body[data-view=resume] .site-header,body[data-view=resume] .site-header-spacer{display:none}}