:root{--pnav-ease:cubic-bezier(.22, 1, .36, 1);--pnav-glass:color-mix(in srgb, var(--ct-surface) 78%, transparent);--pnav-glass-strong:color-mix(in srgb, var(--ct-surface) 88%, transparent);--pnav-fill-hover:color-mix(in srgb, var(--ct-ink) 4%, transparent);--pnav-fill-hover-strong:color-mix(in srgb, var(--ct-ink) 8%, transparent);--pnav-scrim:color-mix(in srgb, var(--ct-ink) 45%, transparent);--pnav-hilite:#fff9;--pnav-shadow:#17171529;--pnav-shadow-deep:#17171533}.dark{--pnav-hilite:#ffffff12;--pnav-shadow:#0000008c;--pnav-shadow-deep:#000000b3}.pnav-pill{border:1px solid var(--ct-line);background:var(--pnav-glass);-webkit-backdrop-filter:blur(20px)saturate(140%);box-shadow:inset 0 1px 0 var(--pnav-hilite), 0 18px 48px -18px var(--pnav-shadow);border-radius:9999px;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (max-width:767px){.pnav-pill{gap:.5rem}}.pnav-burger{border:1px solid var(--ct-line);background:var(--pnav-fill-hover);width:36px;height:36px;transition:background-color .3s var(--pnav-ease), transform .3s var(--pnav-ease);border-radius:9999px}.pnav-burger:hover{background:var(--pnav-fill-hover-strong)}.pnav-burger:active{transform:scale(.96)}.pnav-burger-bars{width:17px;height:12px;position:relative}.pnav-burger-bars span{background:var(--ct-ink-muted);height:1.5px;transition:transform .32s var(--pnav-ease), opacity .2s var(--pnav-ease), background-color .3s var(--pnav-ease);border-radius:2px;position:absolute;left:0;right:0}.pnav-burger-bars span:first-child{top:0}.pnav-burger-bars span:nth-child(2){top:5.25px}.pnav-burger-bars span:nth-child(3){top:10.5px}.pnav-burger[aria-expanded=true] .pnav-burger-bars span{background:var(--ct-ink)}.pnav-burger[aria-expanded=true] .pnav-burger-bars span:first-child{transform:translateY(5.25px)rotate(45deg)}.pnav-burger[aria-expanded=true] .pnav-burger-bars span:nth-child(2){opacity:0}.pnav-burger[aria-expanded=true] .pnav-burger-bars span:nth-child(3){transform:translateY(-5.25px)rotate(-45deg)}@media (prefers-reduced-motion:reduce){.pnav-burger,.pnav-burger-bars span{transition:none}}.pnav-menu-scrim{background:var(--pnav-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pnav-menu-panel{border:1px solid var(--ct-line);background:var(--pnav-glass-strong);-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);box-shadow:inset 0 1px 0 var(--pnav-hilite), 0 30px 60px -24px var(--pnav-shadow-deep);transform-origin:100% 0;overscroll-behavior:contain;border-radius:22px;max-height:calc(100dvh - 5.5rem);padding:10px;overflow-y:auto}.pnav-menu-link{min-height:48px;color:var(--ct-ink);transition:background-color .2s var(--pnav-ease);border-radius:13px;justify-content:space-between;align-items:center;padding:13px 12px;font-size:16px;font-weight:450;display:flex}a.pnav-menu-link:hover{background:var(--pnav-fill-hover)}.pnav-menu-divider{background:var(--ct-line);height:1px;margin:8px 6px}.pnav-menu-cta{width:100%;height:50px;transition:background-color .3s var(--pnav-ease), transform .3s var(--pnav-ease);border-radius:9999px;justify-content:center;align-items:center;font-size:15px;font-weight:500;display:inline-flex}.pnav-menu-cta:active{transform:scale(.98)}.pnav-menu-cta--ghost{border:1px solid var(--ct-line-strong);color:var(--ct-ink);background:0 0}.pnav-menu-cta--ghost:hover{background:var(--pnav-fill-hover)}.pnav-menu-cta--solid{background:var(--ct-accent);color:var(--ct-on-accent)}.pnav-menu-cta--solid:hover{background:var(--ct-accent-hover)}