.snav-nav{z-index:60;height:var(--nav-h);align-items:center;gap:calc(28px * var(--s));padding:env(safe-area-inset-top,0px) var(--m) 0;color:var(--ink);transition:color .5s var(--expo), background-color .45s var(--expo), box-shadow .45s var(--expo);background-color:#0000;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 1px #0000}html[data-scrolled] .snav-nav{background-color:var(--paper);box-shadow:0 1px 0 var(--line-2)}html[data-nav=dark] .snav-nav{color:var(--snow)}html[data-nav=dark][data-scrolled] .snav-nav{background-color:var(--night);box-shadow:0 1px 0 var(--snow-line)}html[data-nav=red] .snav-nav{color:#fff}html[data-nav=red][data-scrolled] .snav-nav{background-color:var(--red);box-shadow:none}html[data-nav=red] .snav-brand-k{color:#fff}html[data-nav=red] .snav-link{opacity:1}html[data-nav=red] .snav-nav :focus-visible,html[data-nav=dark] .snav-nav :focus-visible{outline-color:currentColor}html[data-stage] .snav-nav{background-color:var(--night);box-shadow:none}html[data-menu] .snav-nav{color:var(--ink);background-color:var(--paper);box-shadow:0 1px 0 var(--line-2)}html[data-menu] .snav-brand-k{color:var(--red)}html[data-menu] .snav-nav :focus-visible{outline-color:var(--red)}html:not([data-js]):has(main>[data-nav-theme=dark]:first-child) .snav-nav{color:var(--snow)}html:not([data-js]):has(main>[data-nav-theme=dark]:first-child) .snav-pill{background:var(--snow);color:var(--ink)}.snav-brand{min-height:calc(44px * var(--s));align-items:center;gap:calc(12px * var(--s));font-size:calc(15px * var(--s));letter-spacing:-.015em;white-space:nowrap;border-radius:calc(6px * var(--s));font-weight:550;display:inline-flex}.snav-brand-k{width:calc(22px * var(--s));height:calc(22px * var(--s));color:var(--red);flex:none}.snav-links{align-items:center;gap:calc(26px * var(--s));font-size:calc(14px * var(--s));margin-left:auto;display:flex}.snav-link{opacity:.78;border-radius:calc(4px * var(--s));transition:opacity .3s;position:relative}.snav-link[aria-current=page]{opacity:1}@media (hover:hover){.snav-link:hover{opacity:1}}.snav-link:after{content:"";left:0;right:0;bottom:calc(-4px * var(--s));transform-origin:100%;height:1px;transition:transform .6s var(--expo);background:currentColor;position:absolute;transform:scaleX(0)}.snav-link[aria-current=page]:after{transform-origin:0;transform:scaleX(1)}@media (hover:hover){.snav-link:hover:after{transform-origin:0;transform:scaleX(1)}}.snav-start{align-items:center;gap:calc(8px * var(--s));font-size:calc(14px * var(--s));white-space:nowrap;border-radius:calc(4px * var(--s));font-weight:500;display:inline-flex}.snav-start svg{transition:transform .5s var(--expo)}@media (hover:hover){.snav-start:hover svg{transform:translate(2px,-2px)}}.snav-start-rule{width:1px;height:calc(18px * var(--s));opacity:.2;background:currentColor}.snav-pill{align-items:center;gap:calc(10px * var(--s));height:calc(40px * var(--s));padding:0 calc(18px * var(--s)) 0 calc(16px * var(--s));border-radius:calc(999px * var(--s));background:var(--ink);color:var(--paper);font-size:calc(14px * var(--s));letter-spacing:-.01em;white-space:nowrap;transition:background-color .4s var(--expo), color .4s var(--expo), transform .3s var(--expo);font-weight:500;display:inline-flex;position:relative}@media (hover:hover){.snav-pill:hover{background:var(--red);color:#fff}}.snav-pill:active{transform:scale(.97)}.snav-pill:after{content:"";inset:calc(-4px * var(--s)) 0;position:absolute}@media (hover:hover){.snav-pill:hover .live-dot{background:#fff}}html[data-nav=dark] .snav-pill,html[data-nav=red] .snav-pill{background:var(--snow);color:var(--ink)}@media (hover:hover){html[data-nav=dark] .snav-pill:hover{background:var(--red);color:#fff}html[data-nav=red] .snav-pill:hover{background:var(--ink);color:#fff}}html[data-nav=red] .snav-pill .live-dot{background:var(--red)}.snav-pill .live-dot{background:var(--red-glow)}html[data-nav=dark] .snav-pill .live-dot,html[data-nav=red] .snav-pill .live-dot{background:var(--red)}html[data-menu] .snav-pill{background:var(--ink);color:var(--paper)}html[data-menu] .snav-pill .live-dot{background:var(--red-glow)}.snav-menu-btn{width:calc(44px * var(--s));height:calc(44px * var(--s));margin-right:calc(-10px * var(--s));border-radius:calc(999px * var(--s));justify-content:center;align-items:center;display:none}.snav-menu-icon{width:calc(18px * var(--s));height:calc(10px * var(--s));position:relative}.snav-menu-icon:before,.snav-menu-icon:after{content:"";height:1.5px;transition:transform .5s var(--expo);background:currentColor;border-radius:2px;position:absolute;left:0;right:0}.snav-menu-icon:before{top:0}.snav-menu-icon:after{bottom:0}.snav-menu-btn[aria-expanded=true] .snav-menu-icon:before{transform:translateY(calc(4.25px * var(--s))) rotate(45deg)}.snav-menu-btn[aria-expanded=true] .snav-menu-icon:after{transform:translateY(calc(-4.25px * var(--s))) rotate(-45deg)}.snav-short{display:none}@media (max-width:1023px){.snav-links,.snav-start,.snav-start-rule{display:none}.snav-pill{margin-left:auto}.snav-menu-btn{display:inline-flex}}@media (max-width:760px){.snav-nav{gap:calc(14px * var(--s))}.snav-brand{font-size:calc(14px * var(--s));gap:calc(10px * var(--s))}.snav-pill{height:calc(36px * var(--s));padding:0 calc(14px * var(--s)) 0 calc(12px * var(--s));font-size:calc(13px * var(--s));gap:calc(8px * var(--s))}.snav-long{display:none}.snav-short{display:inline}}@media (max-width:359px){.snav-brand-name{display:none}}.snav-sheet{z-index:55;padding:calc(var(--nav-h) + calc(24px * var(--s))) var(--m) max(calc(28px * var(--s)), env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);clip-path:inset(0 0 100%);visibility:hidden;transition:clip-path .7s var(--expo-in-out), visibility 0s linear .7s;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.snav-sheet[data-open=true]{clip-path:inset(0);visibility:visible;transition:clip-path .7s var(--expo-in-out), visibility 0s}.snav-sheet-close{top:calc(var(--nav-h) + calc(4px * var(--s)));right:var(--m);padding:calc(6px * var(--s)) calc(12px * var(--s));border-radius:calc(999px * var(--s));border:1px solid var(--line-strong);font-size:calc(13px * var(--s));opacity:0;pointer-events:none;font-weight:500;position:absolute}.snav-sheet-close:focus-visible{opacity:1;pointer-events:auto}.snav-sheet-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.snav-sheet-list li{border-bottom:1px solid var(--line);overflow:clip}.snav-sheet-link{justify-content:space-between;align-items:baseline;gap:calc(16px * var(--s));padding:clamp(calc(8px * var(--s)), 1.7svh, calc(14px * var(--s))) 0;font-size:clamp(calc(24px * var(--s)), min(9vw, 4.7svh), calc(44px * var(--s)));letter-spacing:-.05em;transition:transform .7s var(--expo);font-weight:600;line-height:1;display:flex;transform:translateY(105%)}.snav-sheet-link[aria-current=page]{color:var(--red-ink)}.snav-sheet-link span:last-child{font-family:var(--font-mono);font-size:calc(11px * var(--s));letter-spacing:.02em;color:var(--ink-3);font-weight:400}.snav-sheet[data-open=true] .snav-sheet-link{transform:none}.snav-sheet-foot{padding-top:clamp(calc(20px * var(--s)), 3.4svh, calc(32px * var(--s)));gap:clamp(calc(8px * var(--s)), 1.4svh, calc(12px * var(--s)));bottom:calc(-1 * max(calc(28px * var(--s)), env(safe-area-inset-bottom)));padding-bottom:max(calc(28px * var(--s)), env(safe-area-inset-bottom));margin-top:auto;margin-bottom:calc(-1 * max(calc(28px * var(--s)), env(safe-area-inset-bottom)));background:linear-gradient(to bottom, #f2efe900, var(--paper) calc(18px * var(--s)));display:grid;position:sticky}.snav-sheet-cta{justify-content:center;align-items:center;gap:calc(10px * var(--s));height:clamp(calc(46px * var(--s)), 7svh, calc(52px * var(--s)));border-radius:calc(999px * var(--s));font-size:calc(16px * var(--s));font-weight:500;display:flex}.snav-sheet-cta-ink{background:var(--ink);color:var(--paper)}.snav-sheet-cta-line{border:1px solid var(--line-strong)}.snav-sheet-note{margin:calc(4px * var(--s)) 0 0;text-align:center;color:var(--ink-3)}@media (min-width:600px){.snav-sheet-foot{width:100%;max-width:calc(560px * var(--s));margin-top:clamp(calc(32px * var(--s)), 6svh, calc(56px * var(--s)))}}@media (orientation:landscape) and (max-height:520px){.snav-sheet{align-items:flex-start;gap:calc(32px * var(--s));padding-top:calc(var(--nav-h) + calc(12px * var(--s)));flex-direction:row}.snav-sheet>nav{flex:1.5;min-width:0}.snav-sheet-list{column-gap:calc(24px * var(--s));grid-template-columns:1fr 1fr;display:grid}.snav-sheet-link{font-size:clamp(calc(22px * var(--s)), 6.2svh, calc(30px * var(--s)));padding:clamp(calc(7px * var(--s)), 2.2svh, calc(12px * var(--s))) 0}.snav-sheet-foot{background:0 0;flex:1;margin:0;padding:0;position:static}}@media (prefers-reduced-motion:reduce){.snav-sheet,.snav-sheet[data-open=true]{clip-path:none;transition:visibility}.snav-sheet-link{transform:none}}
