.snav{position:relative;z-index:20;background:var(--paper);container:snav / inline-size;--sweep:var(--plum-soft)}:root[data-theme=dark] .snav{--sweep:var(--plum)}.hero .snav{background:none}.snav .bar{display:flex;align-items:center;gap:24px;height:calc(var(--line)*3)}.snav .bar .lock{margin-right:auto}.snav .links{display:flex;align-items:center;padding:0;list-style:none}.snav .links li{position:relative;display:flex;align-items:center;height:calc(var(--line)*3)}.snav .links li+li{margin-left:30px}.snav .links li+li:before{content:"";position:absolute;left:-17px;top:50%;width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background:var(--plum)}.snav .links li>a:first-child{font:600 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--ink);transition:color .16s var(--arrive)}.snav .links li>a:first-child:after{content:"";position:absolute;inset:0}.snav .links li:hover>a:first-child,.snav .links li>a:first-child:is(:focus-visible,[aria-current]){color:var(--plum)}.snav .nrule{position:absolute;left:0;right:0;top:calc(var(--line)*3 - 11px);height:11px;border-bottom:1px solid var(--ink);pointer-events:none;background:repeating-linear-gradient(to right,transparent 0 59px,var(--ink) 59px 60px) 0 100%/100% 10px no-repeat,repeating-linear-gradient(to right,transparent 0 11px,var(--ink-3) 11px 12px) 0 100%/100% 5px no-repeat}.snav .nptr{position:absolute;left:0;bottom:0;width:1px;height:27px;translate:var(--cx,0) 0;visibility:hidden}.snav .nptr.on{visibility:visible;transition:translate .32s var(--arrive)}.snav .nptr:before{content:"";position:absolute;left:-5px;top:0;width:11px;height:7px;background:var(--plum);clip-path:polygon(0 0,100% 0,50% 100%)}.snav .nptr:after{content:"";position:absolute;left:-.25px;top:6px;bottom:0;width:1.5px;background:var(--plum)}.snav .nslip{position:absolute;z-index:5;top:calc(100% + 8px);left:50%;translate:-50% -8px;rotate:var(--r,0deg);width:max-content;max-width:252px;padding:12px 14px 11px;text-align:left;background:var(--card);border:1px solid var(--rule-2);border-radius:3px;box-shadow:var(--lift);opacity:0;visibility:hidden;transition:opacity .18s var(--snap),translate .18s var(--snap),visibility 0s .18s}.snav .nslip:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.snav .links li:not(.shut):has(>a:first-child:focus-visible)>.nslip{opacity:1;visibility:visible;translate:-50% 0;transition-delay:0s}@media(hover:hover){.snav .links li:not(.shut):hover>.nslip{opacity:1;visibility:visible;translate:-50% 0;transition-delay:0s}.snav .links:has(li:hover) li:not(:hover):has(>a:first-child:focus-visible)>.nslip{opacity:0;visibility:hidden;translate:-50% -8px}}.snav .nslip .nq{display:block;font:400 19px/1.18 var(--serif);letter-spacing:-.01em;color:var(--plum);text-wrap:balance}.snav .nslip .nph{display:flex;align-items:baseline;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid var(--rule-soft);font:400 13px/1.4 var(--sans);color:var(--ink-body)}.snav .nslip .nph:after{content:"→";content:"→" / "";margin-left:auto;color:var(--ink-3)}.snav .nsprout .nstem{position:absolute;left:50%;bottom:calc(50% + 9px);width:1.5px;height:0;margin-left:-.75px;background:var(--plum);transition:height .22s var(--snap)}.snav .nsprout .fl{position:absolute;left:50%;bottom:calc(50% + 17px);width:20px;height:20px;margin-left:-10px;overflow:visible;color:var(--plum);scale:0;transform-origin:50% 100%;transition:scale .32s cubic-bezier(.3,1.5,.5,1) .15s}.snav .nsprout .fl .petal{transform-box:view-box;transform-origin:50px 50px}.snav .nsprout:is(:hover,:focus-visible) .nstem{height:9px}.snav .nsprout:is(:hover,:focus-visible) .fl{scale:1}.snav .nsprout:is(:hover,:focus-visible) .petal{animation:sprout-turn 2.2s ease-in-out .65s infinite}.snav .nsprout .petal:nth-child(2){animation-delay:.82s}.snav .nsprout .petal:nth-child(3){animation-delay:.99s}.snav .nsprout .petal:nth-child(4){animation-delay:1.16s}.snav .nsprout .petal:nth-child(5){animation-delay:1.33s}@keyframes sprout-turn{0%,26%,to{transform:scale(1)}13%{transform:scale(1.26)}}.snav .bar .btn{display:inline-flex;align-items:center;white-space:nowrap;padding-block:calc(11px - .15em);transition:none;background-image:linear-gradient(var(--sweep),var(--sweep));background-repeat:no-repeat;background-size:0 100%}.snav .bar .btn:is(:focus-visible,:active){background-color:var(--btn);background-size:100% 100%}.snav .nroll{display:block;height:1.3em;line-height:1.3;overflow:hidden;text-align:center}.snav .nroll>span{display:block}@media(hover:hover){.snav .bar .btn{transition:background-size .38s var(--snap)}.snav .bar .btn:hover{background-color:var(--btn);background-size:100% 100%}}@media(hover:hover)and (prefers-reduced-motion:no-preference){@container snav (min-width:901px){.snav .nroll>span{transition:translate .32s var(--snap) 70ms}.snav .nroll>span:after{content:attr(data-roll);display:block}.snav .bar .btn:is(:hover,:focus-visible) .nroll>span{translate:0 -50%}}}.snav .menu-b{display:none;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--rule);border-radius:2px;font-size:13.5px;color:var(--ink)}.snav .menu-b .ic{width:14px;height:10px;position:relative}.snav .menu-b .ic:before,.snav .menu-b .ic:after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .2s var(--snap),top .2s var(--snap)}.snav .menu-b .ic:before{top:1px}.snav .menu-b .ic:after{top:7px}.snav .menu-b[aria-expanded=true] .ic:before{top:4px;transform:rotate(45deg)}.snav .menu-b[aria-expanded=true] .ic:after{top:4px;transform:rotate(-45deg)}.snav .sheet{background:var(--paper);padding:8px 0 20px}.snav .sheet[hidden]{display:none}.snav .sheet:not([hidden]){animation:sheetIn .24s var(--snap)}@keyframes sheetIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.snav .sheet a{display:grid;grid-template-columns:1fr auto;align-content:center;align-items:center;gap:4px 14px;min-height:52px;border-bottom:1px solid var(--rule-soft);font-size:18px;color:var(--ink)}.snav .sheet a:after{content:"→";content:"→" / "";grid-row:1;grid-column:2;color:var(--ink-3);font-size:15px}.snav .sheet .wrap>a{padding:14px 0 15px}.snav .sheet .nq{grid-column:1/-1;font:400 16px/1.2 var(--serif);color:var(--plum)}.snav .sheet .nph{grid-column:1/-1;font:400 13px/1.35 var(--sans);color:var(--ink-body)}.snav .sheet .sub{margin-top:18px}.snav .sheet .sub a{font-size:15px;min-height:44px;color:var(--ink-body)}@media(prefers-reduced-motion:reduce){.snav .sheet:not([hidden]){animation:none}.snav .menu-b .ic:before,.snav .menu-b .ic:after{transition:none}.snav .links li>a:first-child,.snav .nptr.on,.snav .nslip,.snav .nsprout .nstem,.snav .nsprout .fl,.snav .bar .btn{transition:none}.snav .nsprout:is(:hover,:focus-visible) .petal{animation:none}}@container snav (max-width:900px){.snav .links{display:none}.snav .menu-b{display:inline-flex}.snav .bar{gap:10px}}@container snav (min-width:901px){.snav .sheet{display:none}}@container snav (max-width:370px){.snav .menu-b{font-size:0;gap:0}}@container snav (max-width:360px){.snav .bar .btn.sm{padding-inline:12px}}
