.portfolio-navbar,.portfolio-dock{--nav-text:#525252;--nav-text-hover:#0a0a0a;--lg-blur:32px;--lg-saturate:190%;--lg-brightness:1.04;--lg-tint-top:#ffffff6b;--lg-tint-mid:#ffffff38;--lg-tint-bot:#ffffff24;--lg-rim:#ffffff9e;--lg-shadow:0 8px 32px #0f172a14, 0 2px 8px #6366f11a}.portfolio-navbar{top:max(2rem, calc(env(safe-area-inset-top,0px) + .75rem));z-index:50;width:fit-content;max-width:min(calc(100vw - 1.5rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)), 680px);transform-origin:top;-webkit-tap-highlight-color:transparent;position:fixed;left:50%;transform:translate(-50%)scale(.972)}.portfolio-navbar[data-scrolled=true],.portfolio-dock[data-scrolled=true]{--lg-blur:40px;--lg-saturate:210%;--lg-brightness:1.06;--lg-tint-top:#ffffff85;--lg-tint-mid:#ffffff47;--lg-tint-bot:#ffffff2e;--lg-shadow:0 12px 40px #0f172a1a, 0 4px 16px #6366f11f}@media (min-width:640px){.portfolio-navbar{top:max(2.25rem, calc(env(safe-area-inset-top,0px) + 1rem))}}.portfolio-navbar__shell{position:relative}.portfolio-navbar__glow{pointer-events:none;z-index:0;position:absolute;inset:-20px -36px -28px}.portfolio-navbar__glow-beam{-webkit-filter:blur(16px);background:radial-gradient(55% 45% at 50% 0,#a78bfa47 0%,#818cf81f 35%,#0000 72%);width:380px;height:130%;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.portfolio-navbar__glow-floor{-webkit-filter:blur(10px);background:radial-gradient(90% 100% at 50% 0,#7c3aed24 0%,#0000 72%);height:24px;position:absolute;bottom:0;left:12%;right:12%}.portfolio-navbar__pill.liquid-glass{z-index:1;width:fit-content;max-width:100%;box-shadow:var(--lg-shadow);border-radius:30px;transition:box-shadow .45s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.liquid-glass__backdrop{z-index:0;border-radius:inherit;pointer-events:none;background:#ffffff59;position:absolute;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.liquid-glass__backdrop{-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness));backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness));background:0 0;transition:-webkit-backdrop-filter .45s cubic-bezier(.22,1,.36,1),backdrop-filter .45s cubic-bezier(.22,1,.36,1)}}.liquid-glass__tint{z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(168deg, var(--lg-tint-top) 0%, var(--lg-tint-mid) 42%, var(--lg-tint-bot) 100%);transition:background .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.liquid-glass__specular{z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffffeb,inset 0 -1px #ffffff2e,inset 1px 0 #ffffff59,inset -1px 0 #fff3,inset 0 12px 24px -12px #ffffff73}.liquid-glass__rim{z-index:3;border-radius:inherit;pointer-events:none;border:1px solid var(--lg-rim);position:absolute;inset:0;box-shadow:0 0 0 .5px #7864ff0f}.liquid-glass__shimmer{z-index:4;pointer-events:none;opacity:.45;background:linear-gradient(105deg,#0000 38%,#ffffff1f 48%,#ffffff38 50%,#ffffff1f 52%,#0000 62%);animation:9s ease-in-out infinite liquid-glass-shimmer;position:absolute;inset:-50% -80%;transform:translate(-30%)rotate(8deg)}.liquid-glass__noise{z-index:5;border-radius:inherit;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;position:absolute;inset:0}.liquid-glass__content{z-index:6;position:relative}.portfolio-navbar__row{align-items:center;gap:.5rem;padding:.55rem .85rem;display:flex}.portfolio-navbar__links{flex:1;justify-content:center;align-items:center;gap:.15rem;padding:0;display:none}@media (min-width:1024px),(min-width:768px) and (hover:hover) and (pointer:fine){.portfolio-navbar__links{flex-wrap:nowrap;display:flex}}.portfolio-navbar__logo{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.portfolio-navbar__logo-mark{border:1px solid #ffffff80;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 1px 4px #0f172a0f}.portfolio-navbar__logo-glass{-webkit-backdrop-filter:blur(12px)saturate(160%);backdrop-filter:blur(12px)saturate(160%);background:#ffffff59;position:absolute;inset:0}.portfolio-navbar__logo-rotor{z-index:1;background:conic-gradient(#a096ff00 0deg 55deg,#7864ff42 75deg,#c8beff66 84deg,#fff9 88deg,#a096ff00 100deg);animation:8s linear infinite nav-logo-spin;position:absolute;inset:-50%}.portfolio-navbar__logo-core{z-index:2;background:#0a0a0a;border-radius:50%;width:5px;height:5px;position:relative}.portfolio-navbar__logo-ring{z-index:2;border:1px solid #00000029;border-radius:50%;width:14px;height:14px;position:absolute}.portfolio-navbar__link{height:34px;color:inherit;border-radius:999px;justify-content:center;align-items:center;padding:0 1rem;text-decoration:none;transition:background-color .2s;display:inline-flex}.portfolio-navbar__link:hover,.portfolio-navbar__link:focus-visible{background:#ffffff47;outline:none}.portfolio-navbar__link-mask{height:20px;display:block;overflow:hidden}.portfolio-navbar__link-stack{flex-direction:column;transition:transform .32s cubic-bezier(.22,1,.36,1);display:flex}.portfolio-navbar__link:hover .portfolio-navbar__link-stack,.portfolio-navbar__cta:hover .portfolio-navbar__link-stack{transform:translateY(-20px)}.portfolio-navbar__link-line{height:20px;color:var(--nav-text);white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;display:block}.portfolio-navbar__link-line--hover{color:var(--nav-text-hover)}.portfolio-navbar__cta{background:linear-gradient(135deg,#3b6cff 0%,#7c3aed 100%);border:1px solid #ffffff8c;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .4rem .4rem .9rem;text-decoration:none;display:none;overflow:hidden;box-shadow:0 8px 24px #7864ff4d,inset 0 1px #ffffff73}@media (min-width:1024px),(min-width:768px) and (hover:hover) and (pointer:fine){.portfolio-navbar__cta{display:inline-flex}}.portfolio-navbar__cta .portfolio-navbar__link-line,.portfolio-navbar__cta .portfolio-navbar__link-line--hover{color:#fff}.portfolio-navbar__cta-chip{background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}@keyframes nav-logo-spin{to{transform:rotate(360deg)}}@keyframes liquid-glass-shimmer{0%,to{opacity:.25;transform:translate(-35%)rotate(8deg)}50%{opacity:.55;transform:translate(15%)rotate(8deg)}}@media (prefers-reduced-motion:reduce){.liquid-glass__shimmer{opacity:.2;animation:none}.portfolio-navbar__logo-rotor{animation:none}}[data-theme=dark] .portfolio-navbar,[data-theme=dark] .portfolio-dock{--nav-text:#a3a3a3;--nav-text-hover:#f5f5f5;--lg-tint-top:#1e1e1eb8;--lg-tint-mid:#1414148c;--lg-tint-bot:#0c0c0c73;--lg-rim:#ffffff1a;--lg-shadow:0 8px 32px #00000073, 0 2px 8px #00000040}[data-theme=dark] .portfolio-navbar[data-scrolled=true],[data-theme=dark] .portfolio-dock[data-scrolled=true]{--lg-tint-top:#242424d1;--lg-tint-mid:#1818189e;--lg-tint-bot:#0e0e0e80;--lg-shadow:0 12px 40px #0000008c, 0 4px 16px #0000004d}.portfolio-dock{display:none}@media (max-width:767px),(max-width:1023px) and (hover:none) and (pointer:coarse){.portfolio-navbar{display:none}.portfolio-dock{left:50%;bottom:max(1rem, calc(env(safe-area-inset-bottom,0px) + .5rem));z-index:50;-webkit-tap-highlight-color:transparent;display:block;position:fixed;transform:translate(-50%)}.portfolio-dock .portfolio-navbar__pill.liquid-glass{border-radius:999px}.portfolio-dock__row{align-items:center;gap:.15rem;padding:.35rem;display:flex}.portfolio-dock__item{min-width:2.75rem;height:2.75rem;color:var(--nav-text);border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:0 .7rem;text-decoration:none;transition:color .2s,background-color .2s;display:flex}.portfolio-dock__item[aria-current=page]{color:var(--nav-text-hover);background:color-mix(in srgb, var(--nav-text-hover) 12%, transparent);padding:0 1rem 0 .85rem}.portfolio-dock__label{font-family:var(--font-geist), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.01em;white-space:nowrap;font-size:.875rem;font-weight:600}}