/* Compact navigation, staggered letters and a blue pointer. */
html{color-scheme:light}
body>nav,body>.site-nav{--nav-type:clamp(14px,calc(10px + .45vw),24px);--nav-icon:clamp(26px,calc(20px + .6vw),40px);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(20px,3vw,64px)}
body>nav .nav-l{display:contents}
body>nav .nav-logo,body>.site-nav .brand{justify-self:start;display:inline-flex;align-items:center;gap:clamp(6px,.65vw,14px);min-height:44px;font-size:var(--nav-type);letter-spacing:-.045em}
body>nav .nav-logo img,body>.site-nav .brand img{width:var(--nav-icon)!important;height:var(--nav-icon)!important;flex-shrink:0}
body>nav .nav-links,body>.site-nav ul{display:flex;justify-content:center;gap:clamp(20px,2.5vw,60px);width:100%;margin:0;transform:none}
@media(min-width:761px){body>nav .nav-links,body>.site-nav ul{position:absolute;top:50%;left:50%;width:max-content;transform:translate(-50%,-50%)}}
body>nav .nav-links a,body>.site-nav ul a{display:inline-flex;position:relative;align-items:center;min-height:44px;color:var(--text);font:500 var(--nav-type)/1.2 var(--sans);letter-spacing:-.055em;text-transform:none;transition:color .2s}
body>nav .nav-links a::after,body>.site-nav ul a::after{display:none}
body>nav a:is(:hover,:focus-visible,[aria-current]),body>.site-nav ul a:is(:hover,:focus-visible,[aria-current]){color:var(--text)}
.nav-word{display:inline-flex;white-space:nowrap}
.nav-letter{position:relative;display:block;overflow:hidden;margin-inline:-.06em;padding-inline:.06em;line-height:1.45}
.nav-letter>span{display:block;backface-visibility:hidden;transform:translate3d(0,0,0);transition:transform .5s cubic-bezier(.22,1,.36,1);transition-delay:0s;will-change:transform}
.nav-letter .nav-echo{position:absolute;top:100%;left:0}
:is(a,button):is(:hover,:focus-visible) .nav-letter>span{transform:translate3d(0,-100%,0);transition-delay:calc(var(--letter-index)*28ms)}
.nav-symbol{display:none}
html.has-custom-cursor #cursor,html.has-custom-cursor body.cursor-interactive #cursor,html.has-custom-cursor body.cursor-context #cursor{width:14px;height:14px;border:0;border-radius:50%;background:var(--accent);box-shadow:none;mix-blend-mode:normal;transform:translate3d(-50%,-50%,0);transition:opacity .15s,transform .15s,background-color .18s}
html.has-custom-cursor body.cursor-visible #cursor,html.has-custom-cursor body.cursor-visible.cursor-context #cursor{opacity:1}
html.has-custom-cursor #cursor-ring{display:none!important}
html.has-custom-cursor body.cursor-pressed #cursor{transform:translate3d(-50%,-50%,0) scale(.75)}
html.has-custom-cursor body.cursor-invert #cursor{background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
@media(hover:hover) and (pointer:fine){html.has-custom-cursor,html.has-custom-cursor *{cursor:auto!important}html.has-custom-cursor a,html.has-custom-cursor button,html.has-custom-cursor input,html.has-custom-cursor select,html.has-custom-cursor textarea,html.has-custom-cursor label,html.has-custom-cursor [role="link"],html.has-custom-cursor [role="button"]{cursor:pointer!important}}
@media(max-width:760px){body>nav,body>.site-nav{grid-template-columns:auto minmax(0,1fr);gap:20px}body>nav .nav-links,body>.site-nav ul{justify-content:flex-end;gap:clamp(12px,2.5vw,20px)}}
@media(max-width:480px){body>nav,body>.site-nav{--nav-type:clamp(12px,3.2vw,14px);--nav-icon:24px;gap:14px;padding-inline:12px}body>nav .nav-links,body>.site-nav ul{gap:clamp(10px,3vw,14px)}.nav-symbol{margin-left:3px}}
@media(max-width:360px){.nav-symbol{display:none}}
@media(prefers-reduced-motion:reduce){.nav-letter>span{transition:none}:is(a,button):is(:hover,:focus-visible) .nav-letter>span{transform:none}.nav-echo{display:none}}