.sn{position:sticky;top:0;z-index:40;padding-top:0;background:color-mix(in srgb,var(--paper) 85%,transparent);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-bottom:1px solid var(--line);transition:background .5s var(--ease),border-color .5s var(--ease),padding-top .5s cubic-bezier(.4,0,.2,1);--progress:0deg;--ring-opacity:0}.sn.scrolled{padding-top:clamp(14px,1.6vw,20px);background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.sn-in{position:relative;max-width:1200px;margin:0 auto;padding:13px clamp(20px,5vw,60px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:0;transition:max-width .5s cubic-bezier(.4,0,.2,1),padding .5s cubic-bezier(.4,0,.2,1),background .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1)}.sn.scrolled .sn-in{max-width:940px;padding:9px 14px 9px 22px;background:color-mix(in srgb,var(--canvas) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:999px;box-shadow:0 8px 30px rgba(26,23,18,.1),0 0 0 1px var(--line-2)}.sn-in:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 0deg at 50% 50%,#ca8a04 var(--progress),transparent var(--progress));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:3px;pointer-events:none;opacity:var(--ring-opacity);transition:opacity .5s var(--ease)}.sn-brand{gap:3px;text-decoration:none}.sn-brand,.sn-lockup{display:inline-flex;align-items:baseline}.sn-lockup{gap:4px}.sn-brand>svg{transform:translateY(2px)}.sn-moji{font-family:var(--font-display);font-weight:900;font-variation-settings:"opsz" 144;letter-spacing:.004em;text-transform:uppercase}.sn-moji,.sn-router{font-size:27px;color:var(--ink);line-height:1}.sn-router{font-family:var(--font-body);font-weight:500;letter-spacing:-.01em}.sn-right{gap:22px}.sn-links,.sn-right{display:flex;align-items:center}.sn-links{gap:26px;font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:-.005em}.sn-links a{color:var(--ink-light);text-decoration:none;line-height:1;transition:color .3s var(--ease)}.sn-links a:hover{color:var(--ink)}.sn-cta{font-family:var(--font-body);font-size:13.5px;font-weight:500;letter-spacing:-.005em;text-transform:none;padding:8px 18px;background:var(--ink);color:var(--canvas)!important;border-radius:999px;transition:background .3s var(--ease)}.sn-cta:hover{background:var(--ink-light)}.sn-burger{display:none;position:relative;width:38px;height:38px;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;border:1px solid var(--line-2);border-radius:999px;background:color-mix(in srgb,var(--canvas) 80%,transparent);cursor:pointer;transition:background .25s var(--ease),border-color .25s var(--ease)}.sn-burger:hover{background:var(--canvas)}.sn-burger span{display:block;width:16px;height:1.6px;border-radius:2px;background:var(--ink);transition:transform .3s var(--ease),opacity .2s var(--ease)}.sn.menu-open .sn-burger span:first-child{transform:translateY(5.6px) rotate(45deg)}.sn.menu-open .sn-burger span:nth-child(2){opacity:0}.sn.menu-open .sn-burger span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}.sn-menu{display:none;position:absolute;top:calc(100% + 9px);right:14px;min-width:176px;flex-direction:column;gap:2px;padding:8px;background:color-mix(in srgb,var(--canvas) 96%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line-2);border-radius:18px;box-shadow:0 14px 38px rgba(26,23,18,.16);opacity:0;transform:translateY(-8px) scale(.97);transform-origin:top right;pointer-events:none;transition:opacity .26s var(--ease),transform .26s var(--ease)}.sn-menu a{font-family:var(--font-body);font-size:15px;font-weight:500;letter-spacing:-.005em;color:var(--ink-light);text-decoration:none;padding:11px 14px;border-radius:12px;transition:background .2s var(--ease),color .2s var(--ease)}.sn-menu a:active,.sn-menu a:hover{background:var(--paper-2);color:var(--ink)}.sn.menu-open .sn-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.sn-scrim{display:none}@media (max-width:720px){.sn-links{display:none}.sn-right{gap:11px}.sn-burger{display:inline-flex}.sn-menu{display:flex}.sn-scrim{display:block;position:fixed;inset:0;border:none;background:transparent;cursor:default}.sn-moji,.sn-router{font-size:22px}}