.gooey-nav-container{--gooey-backing-y:-13px;--gooey-backing-x:-64px;--gooey-1:#fff;--gooey-2:#d4ff3f;--gooey-3:#eeece6;--gooey-4:#c2ee2b;position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{z-index:3;color:var(--color-fg-2,#aaa79f);gap:.15rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.gooey-nav-container nav ul li{color:var(--color-fg-2,#aaa79f);border-radius:100vw;transition:background-color .3s,color .3s,box-shadow .3s;position:relative;box-shadow:0 0 .5px 1.5px #0000}.gooey-nav-container nav ul li:hover{color:var(--color-fg,#eeece6)}.gooey-nav-container nav ul li a{height:2rem;color:inherit;border-radius:100vw;outline:none;align-items:center;padding:0 .95rem;font-size:13px;line-height:1;text-decoration:none;display:inline-flex}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 0 2px var(--color-lime,#d4ff3f)}.gooey-nav-container nav ul li:after{content:"";opacity:0;z-index:-1;background:#fff;border-radius:100vw;transition:all .3s;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container nav ul li.active{color:var(--color-lime-ink,#0a0a09)}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{opacity:1;pointer-events:none;z-index:1;place-items:center;width:0;height:0;font-size:13px;line-height:1;transition:opacity .2s;display:grid;position:absolute;top:0;left:0}.gooey-nav-container .effect.is-hidden{opacity:0}.gooey-nav-container .effect.text{color:var(--color-fg,#eeece6);transition:color .3s}.gooey-nav-container .effect.text.active{color:var(--color-lime-ink,#0a0a09)}.gooey-nav-container .effect.filter{filter:blur(7px)contrast(100)blur();mix-blend-mode:lighten}.gooey-nav-container .effect.filter:before{content:"";inset:var(--gooey-backing-y,-75px) var(--gooey-backing-x,-75px);z-index:-2;background:#000;position:absolute}.gooey-nav-container .effect.filter:after{content:"";opacity:0;z-index:-1;background:#fff;border-radius:100vw;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container .effect.active:after{animation:.3s both gooey-pill}@keyframes gooey-pill{to{opacity:1;transform:scale(1)}}.gooey-nav-container .particle,.gooey-nav-container .point{opacity:0;transform-origin:50%;border-radius:100%;width:14px;height:14px;display:block}.gooey-nav-container .particle{--time:5s;animation:gooey-particle calc(var(--time)) ease 1 -350ms;position:absolute;top:calc(50% - 6px);left:calc(50% - 6px)}.gooey-nav-container .point{background:var(--color);opacity:1;animation:gooey-point calc(var(--time)) ease 1 -350ms}@keyframes gooey-particle{0%{transform:rotate(0deg) translate(calc(var(--start-x)), calc(var(--start-y)));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x)), calc(var(--end-y)));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5), calc(var(--end-y) * .5));opacity:1}}@keyframes gooey-point{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(0)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{opacity:0;transform:scale(0)}}@media (prefers-reduced-motion:reduce){.gooey-nav-container .effect.active:after{animation-duration:1ms}}
.glass-surface{--glass-ink:11 11 10;transition:opacity .26s ease-out, background-color var(--duration-panel,.4s) var(--ease-out,ease-out);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background-color:rgb(var(--glass-ink) / var(--glass-frost,0));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));box-shadow:inset 0 1px #ffffff57,inset 0 -1px #ffffff1a,inset 0 0 0 1px #ffffff12,inset 0 10px 18px -12px #ffffff38,inset 0 -14px 20px -16px #ffffff1a,0 12px 32px -8px #0000008c,0 2px 6px #0000004d}.glass-surface--fallback{background-color:rgb(var(--glass-ink) / max(var(--glass-frost,0), .6));-webkit-backdrop-filter:blur(28px)saturate(1.4);backdrop-filter:blur(28px)saturate(1.4);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #ffffff0d}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background-color:rgb(var(--glass-ink) / .94)}}.glass-surface:focus-visible{outline:2px solid var(--color-lime,#d4ff3f);outline-offset:2px}
.tech-text{touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.tech-text-canvas{width:100%;height:100%;display:block}