@layer theme,base;@layer components{.nav__brand-mark{flex:none}.nav__brand-tag{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;margin-left:.5rem;padding:.1rem .5rem;font-size:.75rem;font-weight:500;line-height:1.4}.nav.is-menu-open{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}.nav .menu-button{display:none}.menu-button svg{width:20px;height:20px;overflow:visible}.menu-button path{transform-box:fill-box;transform-origin:50%;transition:transform var(--dur-base) var(--ease-out)}.menu-button[aria-expanded=true]{color:var(--text)}.menu-button[aria-expanded=true] .menu-button__top{transform:translateY(4px)rotate(45deg)}.menu-button[aria-expanded=true] .menu-button__bottom{transform:translateY(-4px)rotate(-45deg)}.menu-sheet{display:none}@media (max-width:63.99rem){.nav .menu-button{margin-right:-.4rem;display:inline-grid}html:not(.js) .nav .menu-button{display:none}.menu-sheet{inset:var(--nav-h,3.5rem) 0 0;z-index:49;overscroll-behavior:contain;background:var(--bg);visibility:hidden;opacity:0;clip-path:inset(0 0 100%);transition:clip-path var(--dur-base) var(--ease-in), opacity var(--dur-base) var(--ease-in), visibility 0s linear var(--dur-base);display:block;position:fixed;overflow-y:auto}.menu-sheet[data-open]{visibility:visible;opacity:1;clip-path:inset(0);transition:clip-path .45s var(--ease-out), opacity var(--dur-base) var(--ease-out), visibility 0s}.menu-sheet__inner{gap:var(--space-7);padding-block:var(--space-5) var(--space-8);display:grid}.menu-sheet__links{margin:0;padding:0;list-style:none;display:grid}.menu-sheet__links>li,.menu-sheet__footer{opacity:0;transition:opacity var(--dur-fast) var(--ease-in), translate var(--dur-fast) var(--ease-in);translate:0 -.75rem}.menu-sheet[data-open] :where(.menu-sheet__links>li,.menu-sheet__footer){opacity:1;transition:opacity var(--dur-slow) var(--ease-out), translate var(--dur-slow) var(--ease-out);transition-delay:calc(60ms + var(--i,0) * 35ms);translate:0}.menu-sheet__links>li+li{border-top:1px solid var(--border)}.menu-sheet__link{color:var(--text);letter-spacing:-.025em;justify-content:space-between;align-items:center;padding-block:.9rem;font-size:clamp(1.5rem,1.2rem + 1.5vw,2rem);font-weight:600;line-height:1.2;display:flex}.menu-sheet__link:after{content:"›";color:var(--text-faint);transition:translate var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);font-weight:400}.menu-sheet__link:hover{text-decoration:none}.menu-sheet__link:hover:after{color:var(--accent-ink);translate:3px}.menu-sheet__link[aria-current=page],.menu-sheet__link[aria-current=page]:after{color:var(--accent-ink)}}@media (max-width:24rem){.nav__github{display:none}}.scroll-progress{background:var(--accent);transform-origin:0;pointer-events:none;will-change:transform;height:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.nav.is-menu-open .scroll-progress{opacity:0}@media (prefers-reduced-motion:no-preference){.route-in{animation:route-in .32s var(--ease-out)}.route-in--fade{animation-name:route-fade}}@keyframes route-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes route-fade{0%{opacity:0}to{opacity:1}}}@layer utilities;