.gh-root{--gh-safe-top:env(safe-area-inset-top,0px);--gh-bar:calc(64px + var(--gh-safe-top));--gh-glass:calc(120px + var(--gh-safe-top));--gh-left:max(16px, env(safe-area-inset-left,0px));--gh-right:max(16px, env(safe-area-inset-right,0px));--gh-linger:.12s;z-index:var(--z-header);position:fixed;inset:0 0 auto}.gh-glass,.gh-theme{height:var(--gh-glass);pointer-events:none;position:absolute;inset:0 0 auto}.gh-band{position:absolute;inset:0}.gh-band:first-child{-webkit-backdrop-filter:blur(var(--blur-1));backdrop-filter:blur(var(--blur-1));-webkit-mask-image:linear-gradient(#0000 62.5%,#000 75% 87.5%,#0000 100%);mask-image:linear-gradient(#0000 62.5%,#000 75% 87.5%,#0000 100%)}.gh-band:nth-child(2){-webkit-backdrop-filter:blur(var(--blur-2));backdrop-filter:blur(var(--blur-2));-webkit-mask-image:linear-gradient(#0000 50%,#000 62.5% 75%,#0000 87.5%);mask-image:linear-gradient(#0000 50%,#000 62.5% 75%,#0000 87.5%)}.gh-band:nth-child(3){-webkit-backdrop-filter:blur(var(--blur-3));backdrop-filter:blur(var(--blur-3));-webkit-mask-image:linear-gradient(#0000 37.5%,#000 50% 62.5%,#0000 75%);mask-image:linear-gradient(#0000 37.5%,#000 50% 62.5%,#0000 75%)}.gh-band:nth-child(4){-webkit-backdrop-filter:blur(var(--blur-4));backdrop-filter:blur(var(--blur-4));-webkit-mask-image:linear-gradient(#0000 25%,#000 37.5% 50%,#0000 62.5%);mask-image:linear-gradient(#0000 25%,#000 37.5% 50%,#0000 62.5%)}.gh-band:nth-child(5){-webkit-backdrop-filter:blur(var(--blur-5));backdrop-filter:blur(var(--blur-5));-webkit-mask-image:linear-gradient(#0000 12.5%,#000 25% 37.5%,#0000 50%);mask-image:linear-gradient(#0000 12.5%,#000 25% 37.5%,#0000 50%)}.gh-band:nth-child(6){-webkit-backdrop-filter:blur(var(--blur-6));backdrop-filter:blur(var(--blur-6));-webkit-mask-image:linear-gradient(#000 25%,#0000 37.5%);mask-image:linear-gradient(#000 25%,#0000 37.5%)}.gh-theme{background:linear-gradient(to bottom, var(--glass-tint), transparent);color:var(--ink)}.gh-bar{position:relative}.gh-row{height:var(--gh-bar);padding-top:var(--gh-safe-top);padding-inline:var(--gh-left) var(--gh-right);justify-content:space-between;align-items:center;display:flex}.gh-logo{flex-shrink:0;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.gh-links{align-items:center;gap:4px;display:flex}.gh-item{display:flex}.gh-link{white-space:nowrap;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding-inline:2px;text-decoration:none;display:inline-flex}.gh-bar .gh-logo,.gh-bar .gh-link{color:#0000}.gh-bar .gh-logo:focus-visible,.gh-bar .gh-link:focus-visible{outline-color:#0000}:is(.gh-root:has(.gh-bar [data-k=logo]:focus-visible) .gh-theme [data-k=logo],.gh-root:has(.gh-bar [data-k=projects]:focus-visible) .gh-theme [data-k=projects],.gh-root:has(.gh-bar [data-k=about]:focus-visible) .gh-theme [data-k=about],.gh-root:has(.gh-bar [data-k=contact]:focus-visible) .gh-theme [data-k=contact]){outline:2px solid var(--focus);outline-offset:2px}.gh-panel{top:calc(var(--gh-safe-top) + 62px);right:var(--gh-right);left:var(--gh-left);border-radius:var(--radius-panel);background:var(--glass-panel);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(var(--blur-5)) saturate(1.5);backdrop-filter:blur(var(--blur-5)) saturate(1.5);opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out) var(--gh-linger), transform var(--duration-base) var(--ease-out) var(--gh-linger), visibility 0s linear calc(var(--gh-linger) + var(--duration-fast));position:absolute;transform:translateY(-4px)}.gh-panel:before{content:"";height:8px;position:absolute;inset:-8px 0 auto}.gh-item[data-open] .gh-panel{opacity:1;visibility:visible;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-base) var(--ease-out), visibility 0s;transform:none}.gh-item[data-dismissed] .gh-panel{transition:none}.gh-panel-list{max-height:calc(100dvh - var(--gh-safe-top) - 78px);border-radius:inherit;padding:6px;overflow-y:auto}.gh-panel-link{min-height:44px;color:var(--ink-muted);overflow-wrap:anywhere;border-radius:8px;align-items:center;padding:10px 12px;text-decoration:none;display:flex}.gh-panel-link:focus-visible{background:var(--surface-raised);color:var(--ink)}@media (hover:hover){.gh-bar .gh-logo:hover,.gh-bar .gh-link:hover{text-decoration:underline;-webkit-text-decoration-color:var(--ember);text-decoration-color:var(--ember);text-decoration-thickness:1px}.gh-bar .gh-logo:hover{text-underline-offset:.209em}.gh-bar .gh-link:hover{text-underline-offset:.3em}.gh-panel-link:hover{background:var(--surface-raised);color:var(--ink)}}@media (min-width:768px){.gh-root{--gh-left:max(32px, env(safe-area-inset-left,0px), calc((100% - 1216px) / 2));--gh-right:max(32px, env(safe-area-inset-right,0px), calc((100% - 1216px) / 2))}.gh-links{gap:8px}.gh-link{padding-inline:12px}.gh-item{position:relative}.gh-panel{width:max-content;min-width:240px;max-width:360px;top:calc(100% + 8px);left:auto;right:0}}@media (prefers-reduced-motion:reduce){.gh-panel{transform:none}}@media (prefers-reduced-transparency:reduce){.gh-glass{display:none}.gh-theme{height:var(--gh-bar);background:var(--ground)}.gh-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--ground)}}@media (forced-colors:active){.gh-glass,.gh-theme{display:none}.gh-bar{background:canvas}}