#nav{--n-ink:#f4efe6;--n-dim:#f4efe6bd;--n-accent:#d2b06a;--n-tint:#fff0;--n-deep:#0a0a0adb;--n-ease:cubic-bezier(.16,1,.3,1);--n-top:max(12px,env(safe-area-inset-top));z-index:90;top:var(--n-top);left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));isolation:isolate;background:linear-gradient(180deg,#ffffff42,#ffffff12 52%,#ffffff21),var(--n-tint);backdrop-filter:blur(20px)saturate(1.7);max-width:1240px;transition:box-shadow .5s var(--n-ease),background .5s var(--n-ease);border:1px solid #ffffff4d;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;padding:.4rem .55rem .4rem 1rem;display:flex;position:fixed;box-shadow:inset 0 1px #ffffffb8,inset 0 -3px 8px #ffffff1a,0 1px #0000004d,0 16px 30px -14px #000000a6,0 3px 8px #00000038}#nav:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(60% 140% at 18% -40%,#fff6,#0000 62%);position:absolute;inset:0}#nav.scrolled{box-shadow:inset 0 1px #ffffffb8,inset 0 -3px 8px #ffffff1a,0 1px #0000004d,0 20px 38px -12px #000000c7,0 3px 8px #00000047}#nav .brand{filter:drop-shadow(0 1px 2px #0006);flex:none;align-items:center;line-height:0;text-decoration:none;display:inline-flex}#nav .brand .logo-mark{width:2.1rem}#nav .links{align-items:center;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}#nav .links a{color:var(--n-dim);white-space:nowrap;font:600 .72rem/1 var(--n-font,system-ui,sans-serif);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 1px #00000073;transition:color .35s var(--n-ease),background .35s var(--n-ease),box-shadow .35s var(--n-ease);border-radius:999px;padding:.62rem .92rem;text-decoration:none;display:block;position:relative}#nav .links a:after{display:none}#nav .links a:hover,#nav .links a:focus-visible{color:var(--n-ink);background:linear-gradient(#ffffff38,#ffffff0d);box-shadow:inset 0 1px #ffffff80}#nav .links a[aria-current=page]{color:var(--n-ink);box-shadow:inset 0 1px 0 #ffffffbf,inset 0 -2px 6px #0000002e,0 0 0 1px #ffffff1f,0 6px 14px -8px var(--n-accent);background:linear-gradient(#ffffff57,#ffffff1a)}#nav .nav-ball{display:none}#nav[data-tone=sage]{--n-accent:#9ad0aa;--n-tint:#466e5633;--n-font:"Archivo","Helvetica Neue",Arial,sans-serif;--n-deep:#0a120de6}#nav[data-tone=red]{--n-accent:#ff3b47;--n-tint:#960a1633;--n-font:"Archivo","Helvetica Neue",Arial,sans-serif;--n-deep:#120406eb}#nav[data-tone=gold]{--n-accent:#e6c06a;--n-tint:#96804624;--n-font:"Courier Prime","Courier New",monospace;--n-deep:#0c0c0deb}#nav[data-tone=wood]{--n-accent:#f0cd86;--n-tint:#78461833;--n-font:"Courier Prime","Courier New",monospace;--n-deep:#1a0e06ed}#nav[data-tone=rose]{--n-accent:var(--accent,#ff4560);--n-tint:#960a2829;--n-font:var(--ui,system-ui);--n-deep:#1e020af0}@media (width<=900px){#nav{max-width:none;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));box-shadow:none;backdrop-filter:none;pointer-events:none;left:0;right:0;top:var(--n-top);background:0 0;border:0;border-radius:0}#nav:before{display:none}#nav .brand,#nav .nav-ball{pointer-events:auto}#nav .brand{background:linear-gradient(180deg,#ffffff42,#ffffff12 55%,#ffffff21),var(--n-tint);backdrop-filter:blur(18px)saturate(1.6);border:1px solid #ffffff4d;border-radius:50%;justify-content:center;width:48px;height:48px;box-shadow:inset 0 1px #ffffffb3,0 12px 22px -10px #000000a6,0 2px 6px #00000040}#nav .brand .logo-mark{width:1.7rem}#nav .nav-ball{z-index:3;width:52px;height:52px;color:var(--n-ink);cursor:pointer;background:linear-gradient(180deg,#ffffff4d,#ffffff14 55%,#ffffff26),var(--n-tint);backdrop-filter:blur(18px)saturate(1.7);transition:transform .35s var(--n-ease);border:1px solid #ffffff57;border-radius:50%;padding:0;display:block;position:relative;box-shadow:inset 0 1px #ffffffbf,inset 0 -3px 7px #ffffff1a,0 14px 24px -10px #000000b3,0 2px 6px #00000040}#nav .nav-ball:active{transform:scale(.93)}#nav .nav-ball i{height:2px;transition:transform .5s var(--n-ease),top .5s var(--n-ease);background:currentColor;border-radius:2px;position:absolute;left:16px;right:16px;box-shadow:0 1px 2px #00000059}#nav .nav-ball i:first-child{top:20px}#nav .nav-ball i:last-child{top:29px}.nav-open #nav .nav-ball i:first-child{top:24px;transform:rotate(45deg)}.nav-open #nav .nav-ball i:last-child{top:24px;transform:rotate(-45deg)}#nav .links{z-index:2;pointer-events:auto;visibility:hidden;background:radial-gradient(90% 60% at 85% 0,var(--n-tint),transparent 70%),var(--n-deep);backdrop-filter:blur(26px)saturate(1.5);clip-path:circle(0 at calc(100% - 40px) calc(var(--n-top) + 26px));transition:clip-path .8s var(--n-ease),visibility 0s .8s;flex-direction:column;justify-content:center;align-items:stretch;gap:.1rem;padding:6.5rem 1.5rem 3rem;position:fixed;inset:0}.nav-open #nav .links{visibility:visible;clip-path:circle(160% at calc(100% - 40px) calc(var(--n-top) + 26px));transition:clip-path .8s var(--n-ease),visibility 0s}#nav .links li{opacity:0;transition:opacity .5s,transform .8s var(--n-ease);transform:translateY(22px)}.nav-open #nav .links li{opacity:1;transition-delay:calc(.14s + var(--i,0)*50ms);transform:none}#nav .links a{font:700 clamp(2rem,10vw,3.4rem)/1.1 var(--n-display,var(--n-font,system-ui));letter-spacing:-.02em;text-transform:none;color:var(--n-ink);text-shadow:none;border-radius:14px;padding:.5rem .3rem}#nav .links a:hover,#nav .links a:focus-visible,#nav .links a[aria-current=page]{box-shadow:none;color:var(--n-accent);background:0 0}html.nav-open,html.nav-open body{overflow:hidden}}@media (prefers-reduced-motion:reduce){#nav .links,#nav .links li,#nav .nav-ball,#nav .nav-ball i{transition-duration:10ms!important;transition-delay:0s!important}}@supports not (backdrop-filter:blur(1px)){#nav,#nav .brand,#nav .nav-ball{background:var(--n-deep)}}