.portfolio-navbar{--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;top:max(1.25rem, env(safe-area-inset-top,0px));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);-webkit-tap-highlight-color:transparent;position:fixed;left:50%;transform:translate(-50%)}.portfolio-navbar[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(1.5rem, env(safe-area-inset-top,0px))}}@media (max-width:767px){.portfolio-navbar:not([data-menu-open=true]),.portfolio-navbar:not([data-menu-open=true]) .portfolio-navbar__shell,.portfolio-navbar:not([data-menu-open=true]) .portfolio-navbar__pill.liquid-glass{width:fit-content}.portfolio-navbar__row{justify-content:center}.portfolio-navbar:not([data-menu-open=true]) .portfolio-navbar__row{padding:.5rem}.portfolio-navbar__end{margin-left:0}.portfolio-navbar__menu-btn{touch-action:manipulation;align-items:center}.portfolio-navbar__menu-line{margin-left:0;margin-inline:auto}.portfolio-navbar:not([data-menu-open=true]) .portfolio-navbar__drawer{visibility:hidden;width:0;min-width:0;max-height:0;overflow:hidden}.portfolio-navbar:not([data-menu-open=true]) .portfolio-navbar__drawer-content{border-top:none;padding:0}.portfolio-navbar[data-menu-open=true]{width:min(calc(100vw - 1.5rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)), 680px)}.portfolio-navbar[data-menu-open=true] .portfolio-navbar__drawer{visibility:visible;width:100%;max-height:none}.portfolio-navbar[data-menu-open=true] .portfolio-navbar__pill.liquid-glass{width:100%}}.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:.5rem .55rem .5rem .7rem;display:flex}.portfolio-navbar__links{flex:1;justify-content:center;align-items:center;gap:.1rem;padding:0 .25rem;display:none}@media (min-width:768px){.portfolio-navbar__links{flex-wrap:nowrap;display:flex}}.portfolio-navbar__end{align-items:center;gap:.25rem;margin-left:auto;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;align-items:center;padding:0 .75rem;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:768px){.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}.portfolio-navbar__menu-btn{cursor:pointer;background:#fff3;border:none;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;padding:0;display:flex}@media (min-width:768px){.portfolio-navbar__menu-btn{display:none}}.portfolio-navbar__menu-line{background:#0a0a0a;border-radius:2px;width:16px;height:2px;margin-left:auto;transition:transform .22s,opacity .22s;display:block}.portfolio-navbar__menu-btn[aria-expanded=true] .portfolio-navbar__menu-line-top{transform:translateY(3.5px)rotate(45deg)}.portfolio-navbar__menu-btn[aria-expanded=true] .portfolio-navbar__menu-line-bottom{transform:translateY(-3.5px)rotate(-45deg)}.portfolio-navbar__drawer{grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1);display:grid}.portfolio-navbar__drawer.is-open{grid-template-rows:1fr}.portfolio-navbar__drawer-inner{min-width:0;min-height:0;overflow:hidden}.portfolio-navbar__drawer-content{border-top:1px solid #ffffff59;flex-direction:column;gap:.25rem;padding:.5rem .7rem .7rem;display:flex}.portfolio-navbar__drawer:not(.is-open) .portfolio-navbar__drawer-inner{pointer-events:none}.portfolio-navbar__drawer .portfolio-navbar__cta{justify-content:center;margin-top:.25rem;display:inline-flex}@media (min-width:768px){.portfolio-navbar__drawer{display:none}}@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}.portfolio-navbar__drawer,.portfolio-navbar__menu-line{transition-duration:.01ms}}[data-theme=dark] .portfolio-navbar{--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]{--lg-tint-top:#242424d1;--lg-tint-mid:#1818189e;--lg-tint-bot:#0e0e0e80;--lg-shadow:0 12px 40px #0000008c, 0 4px 16px #0000004d}
.light-sky{pointer-events:none;width:100%;height:100%;position:relative;overflow:hidden}.light-sky--clouds{z-index:0;background:0 0;position:absolute;inset:0}.light-sky__cloud{pointer-events:none;position:absolute}.light-sky__cloud-base{filter:blur(8px);opacity:.82;background:#e8ebf0;border-radius:100px;width:100%;height:60%;position:absolute;bottom:0;left:0;box-shadow:0 2px 12px #7884941a}.light-sky__cloud-puff{opacity:.9;background:#f0f2f5;border-radius:50%;position:absolute;box-shadow:0 1px 8px #78849414}@keyframes cloudMoveRight{0%{left:-40%}to{left:140%}}@keyframes cloudMoveLeft{0%{left:140%}to{left:-40%}}@media (prefers-reduced-motion:reduce){.light-sky__cloud{animation:none!important}}