:root{--nav-acid:#cdff3f;--nav-ink:#11110f;--nav-paper:#f4f0e8;--nav-sand:#d9d0bf}

@media (min-width:1025px){
  .gooey-nav{position:relative;isolation:isolate;padding:4px;gap:2px}
  .gooey-nav>a{position:relative;z-index:3;padding:9px 12px;border-radius:999px;transition:color .28s ease,opacity .28s ease;white-space:nowrap}
  .gooey-nav>a.active,.gooey-nav>a[aria-current="page"]{color:var(--nav-ink);opacity:1}
  .gooey-nav-effect{position:absolute;z-index:1;left:0;top:0;width:0;height:0;border-radius:999px;background:var(--nav-acid);opacity:0;transform:translate3d(0,0,0) scale(.72);transition:left .44s cubic-bezier(.2,.8,.2,1),top .44s cubic-bezier(.2,.8,.2,1),width .44s cubic-bezier(.2,.8,.2,1),height .44s cubic-bezier(.2,.8,.2,1),opacity .2s ease,transform .44s cubic-bezier(.2,.8,.2,1);pointer-events:none}
  .gooey-nav-effect.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
  .gooey-nav-particles{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:visible}
  .gooey-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--particle-color,var(--nav-acid));transform:translate(-50%,-50%);animation:gooey-pop .64s cubic-bezier(.16,.72,.25,1) forwards}
  @keyframes gooey-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}22%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--particle-x)),calc(-50% + var(--particle-y))) scale(.05)}}
}

.mobile-nav-layers{display:none}
@media (max-width:1024px){
  .mobile-nav-layers{display:block;position:fixed;inset:0;z-index:999;pointer-events:none;overflow:hidden}
  .mobile-nav-layers span{position:absolute;inset:0;transform:translateX(104%);will-change:transform}
  .mobile-nav-layers span:first-child{background:var(--nav-acid);transition:transform .64s cubic-bezier(.76,0,.24,1)}
  .mobile-nav-layers span:last-child{background:var(--nav-sand);transition:transform .58s cubic-bezier(.76,0,.24,1) .07s}
  body.menu-open .mobile-nav-layers span{transform:translateX(0)}
  body:not(.menu-open) .mobile-nav-layers span:first-child{transition-delay:.08s}
  body:not(.menu-open) .mobile-nav-layers span:last-child{transition-delay:0s}

  .mobile-nav{right:0;width:min(92vw,460px);padding:0;background:var(--nav-paper);color:var(--nav-ink);transform:translateX(105%);transition:transform .6s cubic-bezier(.76,0,.24,1) .13s;display:flex;flex-direction:column;overflow:hidden;box-shadow:-24px 0 60px rgba(17,17,15,.18)}
  .mobile-nav.open{right:0;transform:translateX(0)}
  body:not(.menu-open) .mobile-nav{transition-delay:0s}
  .mobile-nav-header{height:84px;flex:0 0 auto;padding:0 22px;border-bottom:1px solid rgba(17,17,15,.18);background:transparent;color:var(--nav-ink)}
  .mobile-nav-brand{color:var(--nav-ink)}
  .mobile-nav-close{width:46px;height:46px;border:1px solid rgba(17,17,15,.35);border-radius:50%;color:var(--nav-ink);background:transparent;transition:transform .3s ease,background .3s ease}
  .mobile-nav-close:hover,.mobile-nav-close:focus-visible{background:var(--nav-acid);transform:rotate(90deg)}
  .mobile-nav-body{flex:1;min-height:0;overflow-y:auto;padding:12px 24px 18px}
  .mobile-nav-links{display:flex;flex-direction:column;justify-content:center;padding:0;gap:0;overflow:visible}
  .mobile-nav-links a{display:grid;grid-template-columns:34px 1fr auto;align-items:baseline;padding:9px 0;border-bottom:1px solid rgba(17,17,15,.16);color:var(--nav-ink);font-size:clamp(29px,8.7vw,44px);line-height:1;letter-spacing:-.055em;opacity:0;transform:translateX(42px);transition:opacity .38s ease,transform .52s cubic-bezier(.2,.8,.2,1),color .2s ease}
  .mobile-nav-links a:first-child{border-top:1px solid rgba(17,17,15,.16)}
  .mobile-nav.open .mobile-nav-links a{opacity:1;transform:translateX(0)}
  .mobile-nav.open .mobile-nav-links a:nth-child(1){transition-delay:.25s}
  .mobile-nav.open .mobile-nav-links a:nth-child(2){transition-delay:.31s}
  .mobile-nav.open .mobile-nav-links a:nth-child(3){transition-delay:.37s}
  .mobile-nav.open .mobile-nav-links a:nth-child(4){transition-delay:.43s}
  .mobile-nav.open .mobile-nav-links a:nth-child(5){transition-delay:.49s}
  .mobile-nav-links a:hover,.mobile-nav-links a:focus-visible,.mobile-nav-links a.active{color:#667d00}
  .mobile-nav-index{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.08em;align-self:start;margin-top:5px}
  .mobile-nav-label{font-weight:700}
  .mobile-nav-arrow{font-size:18px;letter-spacing:0}
  .mobile-nav-more{display:grid;grid-template-columns:1fr;gap:0;margin-top:22px;padding-top:15px;border-top:1px solid rgba(17,17,15,.18)}
  .mobile-nav-more>.mono{margin-bottom:7px;color:#67635b}
  .mobile-nav-more>a{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:13px;font-weight:750;border-bottom:1px solid rgba(17,17,15,.11)}
  .mobile-nav-more>a:last-child{border-bottom:0}
  .mobile-nav-footer{flex:0 0 auto;padding:14px 24px 18px;border-top:1px solid rgba(17,17,15,.18);background:transparent}
  .mobile-nav-footer>.button{width:100%;background:var(--nav-ink);color:var(--nav-paper);border-color:var(--nav-ink)}
  .mobile-nav-secondary{color:var(--nav-ink)}
  .mobile-nav-elsewhere{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;margin-top:12px;padding-top:11px;border-top:1px solid rgba(17,17,15,.15);font-size:11px}
  .mobile-nav-elsewhere a{color:var(--nav-ink);text-decoration:none}
}

@media (prefers-reduced-motion:reduce){
  .gooey-nav-effect,.mobile-nav,.mobile-nav-layers span,.mobile-nav-links a{transition-duration:.01ms!important;transition-delay:0s!important}
  .gooey-particle{display:none!important}
}