/* One header component and one geometry across every route. */
html{scrollbar-gutter:stable}
body .site-header.spatial-header{box-sizing:border-box;position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:100%;height:76px;min-height:76px;margin:0;padding:0 var(--site-gutter);gap:0;border:0;background:transparent}
body .folio-index .site-header.spatial-header{position:absolute;inset:0 0 auto}
body .site-header.spatial-header .spatial-name{grid-column:2;justify-self:center;margin:0;padding:0;font-family:var(--font-display),sans-serif;font-size:23.8px;font-weight:500;line-height:1;letter-spacing:-.04em;text-transform:none;opacity:1}
body .site-header.spatial-header .site-menu{grid-column:3;justify-self:end;display:flex;align-items:center;gap:clamp(28px,3.5vw,56px);margin:0;padding:0;font-weight:400}
body .site-header.spatial-header .site-menu a{display:inline-flex;align-items:center;min-height:44px;padding:0;font-family:var(--font-mono),ui-monospace,monospace;font-size:clamp(12.32px,.952vw,14.56px);font-weight:400;line-height:1;letter-spacing:.075em;text-transform:uppercase}
body .site-header.spatial-header .site-menu a[href="/resume"]{margin:0 18px 0 0}
body .site-header.spatial-header a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:700px){body .site-header.spatial-header{display:flex;justify-content:space-between;gap:16px;height:76px;padding-inline:20px}body .folio-index .site-header.spatial-header{position:relative;inset:auto}body .site-header.spatial-header .spatial-name{font-size:19px}body .site-header.spatial-header .site-menu{gap:28px}body .site-header.spatial-header .site-menu a{font-size:14px;letter-spacing:.04em}body .site-header.spatial-header .site-menu a[href="/resume"]{margin-right:6px}}
@media(max-width:380px){body .site-header.spatial-header .spatial-name{font-size:18px}body .site-header.spatial-header .site-menu{gap:16px}body .site-header.spatial-header .site-menu a{font-size:12px}}