header nav[aria-label="Primary navigation"] a{color:#111;font:15px "Courier New",Courier,monospace;letter-spacing:.04em;text-decoration:none;text-underline-offset:4px;text-decoration-thickness:1px}
header nav[aria-label="Primary navigation"] a{display:inline-flex;align-items:center;min-height:44px}
header nav[aria-label="Primary navigation"] a:hover,header nav[aria-label="Primary navigation"] a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}
header nav[aria-label="Primary navigation"] a:focus-visible{outline:2px solid #111;outline-offset:6px;text-decoration:underline;text-underline-offset:4px}

/* Individual links stay stable; Home introduces their parent with the subtitle. */
header nav[aria-label="Primary navigation"],header nav[aria-label="Primary navigation"] a{opacity:1!important;animation:none!important}
/* Home navigation stays available while moving through the project deck. */
html .persistent-home-header{position:fixed;top:0;left:0;right:0;z-index:30;height:10svh;padding:0 calc(6% + 24px);display:flex;align-items:center;justify-content:flex-end}
html :is(#home > header,.persistent-home-header){opacity:1;transition:opacity 300ms ease-out}
html .persistent-home-header[data-scrolled]{background:#f6f1e8}
html .persistent-home-header[data-scrolled]::before,html .persistent-home-header[data-scrolled]::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:#c9c6c0;pointer-events:none}
html .persistent-home-header[data-scrolled]::before{left:6%}
html .persistent-home-header[data-scrolled]::after{right:6%}
html:not([data-home-nav-ready]):is([data-home-intro="preparing"],[data-home-intro="name"],[data-home-intro="grid"]) :is(#home > header,.persistent-home-header){opacity:0;pointer-events:none;transition:none}
html :is(#home > header,.persistent-home-header):focus-within{transition:none}
@media(max-width:600px){html .persistent-home-header{padding-inline:calc(6% + 14px)}html :is(.page-header,.work-page-header,.about-header){padding-right:calc(6% + 14px)}}
@media(prefers-reduced-motion:reduce){html :is(#home > header,.persistent-home-header){transition:none}}

@media(max-width:360px){header nav[aria-label="Primary navigation"]{gap:16px}}

.site-skip{position:fixed;z-index:50;left:calc(6% + 24px);top:16px;padding:10px 16px;border:1px solid #111;background:#f6f1e8;color:#111;font:13px/1.5 "Courier New",Courier,monospace;transform:translateY(-180%)}
.site-skip:focus{transform:none;outline:2px solid #111;outline-offset:4px}
main#content[tabindex="-1"]:focus{outline:none}