.nav{--nav-ease:cubic-bezier(.22, 1, .36, 1);--nav-ease-smooth:cubic-bezier(.65, 0, .35, 1);--nav-icon-ms:.26s;--nav-fg:var(--ravens-ink);z-index:var(--z-header);pointer-events:none;position:fixed;inset:0 0 auto}.nav[data-tone=dark]{--nav-fg:#fafafa}.nav--open{z-index:calc(var(--z-menu) + 1)}.nav__bar{height:clamp(4rem,13svh,8rem);color:var(--nav-fg);transition:color .45s var(--nav-ease);justify-content:space-between;align-items:center;padding:0 4.6vw 0 3.9vw;display:flex}.nav__brand,.nav__toggle{pointer-events:auto;-webkit-tap-highlight-color:transparent}.nav__brand{align-items:center;display:inline-flex}.nav__logo{width:auto;height:clamp(42px,3.6vw,64px);transition:filter .3s;display:block}.nav__logo--invert{filter:brightness(0)invert()}.nav__toggle{width:44px;height:44px;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-end;gap:7px;margin-right:-8px;padding:0 8px;display:flex}.nav__toggle:focus{outline:none}.nav__toggle:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid}.nav__line{width:28px;height:2px;transition:translate var(--nav-icon-ms) var(--nav-ease-smooth) var(--nav-icon-ms), rotate var(--nav-icon-ms) var(--nav-ease-smooth) 0s, width .35s var(--nav-ease);background:currentColor;border-radius:2px;display:block}.nav__line--bottom{width:18px}.nav__toggle:hover .nav__line--bottom,.nav--open .nav__line--bottom{width:28px}.nav--open .nav__line{transition:translate var(--nav-icon-ms) var(--nav-ease-smooth) 0s, rotate var(--nav-icon-ms) var(--nav-ease-smooth) var(--nav-icon-ms), width .35s var(--nav-ease)}.nav--open .nav__line--top{translate:0 4.5px;rotate:45deg}.nav--open .nav__line--bottom{translate:0 -4.5px;rotate:-45deg}.menu{--menu-ease:cubic-bezier(.22, 1, .36, 1);--menu-ease-in:cubic-bezier(.4, 0, 1, 1);--menu-d:.8s;--menu-stagger:70ms;--menu-text:#fafafa;--menu-accent:#9d8fc4;z-index:var(--z-menu);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--menu-text);clip-path:circle(0% at var(--menu-origin));visibility:hidden;transition:clip-path calc(var(--menu-d) * 1.1) var(--menu-ease-in), visibility 0s linear calc(var(--menu-d) * 1.1);background:radial-gradient(720px 520px at 88% 12%,#7c4dff2e,#0000 70%),#0e091af5;outline:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.menu--open{clip-path:circle(150% at var(--menu-origin));visibility:visible;transition:clip-path calc(var(--menu-d) * 1.1) var(--menu-ease), visibility 0s}.menu__inner{scrollbar-width:none;flex-direction:column;flex:1;min-height:0;padding:calc(clamp(4rem,13svh,8rem) + 1.5rem) 4.6vw 2.5rem 3.9vw;display:flex;overflow:hidden auto}.menu__inner::-webkit-scrollbar{display:none}.menu__nav{flex-direction:column;flex:1;justify-content:center;padding-bottom:2rem;display:flex}.menu__list{font-family:var(--font-display);letter-spacing:-.03em;flex-direction:column;align-items:flex-start;gap:.1em;margin:0;padding:0;font-size:clamp(2.75rem,min(8vw,11svh),4.5rem);font-weight:500;line-height:1.05;list-style:none;display:flex}.menu__item{opacity:0;filter:blur(12px);transition:opacity calc(var(--menu-d) * .35) var(--menu-ease-in), transform 0s linear calc(var(--menu-d) * .35), filter 0s linear calc(var(--menu-d) * .35);transform:translateY(28px)}.menu--open .menu__item{--menu-delay:calc(var(--menu-d) * .3 + var(--i) * var(--menu-stagger));opacity:1;filter:blur();transition:opacity var(--menu-d) var(--menu-ease) var(--menu-delay), transform var(--menu-d) var(--menu-ease) var(--menu-delay), filter var(--menu-d) var(--menu-ease) var(--menu-delay);transform:none}.menu__link{color:inherit;transition:transform .45s var(--menu-ease), opacity .35s var(--menu-ease);-webkit-tap-highlight-color:transparent;align-items:baseline;padding:.02em 0;text-decoration:none;display:inline-flex}@media (hover:hover){.menu__link:hover{transform:translate(16px)}.menu__list:has(.menu__link:hover) .menu__link:not(:hover){opacity:.32}}.menu__link:focus-visible,.menu__sec:focus-visible{outline-offset:6px;border-radius:6px;outline:2px solid}.menu__num{width:clamp(2rem,3vw,2.75rem);color:var(--menu-accent);font-variant-numeric:tabular-nums;letter-spacing:.08em;flex:none;font-size:max(11px,.18em);font-weight:500;line-height:1;display:inline-block;transform:translateY(-.9em)}.menu__footer{--menu-footer-delay:calc(var(--menu-d) * .3 + var(--n) * var(--menu-stagger) + 50ms);flex:none}.menu__divider{background:color-mix(in srgb, var(--menu-text) 14%, transparent);opacity:0;transform-origin:0;height:1px;transition:opacity calc(var(--menu-d) * .3) var(--menu-ease-in), transform 0s linear calc(var(--menu-d) * .3);margin-bottom:1.25rem;display:block;transform:scaleX(0)}.menu--open .menu__divider{opacity:1;transition:opacity var(--menu-d) var(--menu-ease) var(--menu-footer-delay), transform var(--menu-d) var(--menu-ease) var(--menu-footer-delay);transform:scaleX(1)}.menu__meta{justify-content:space-between;align-items:center;gap:1.5rem;font-size:.85rem;line-height:1.4;display:flex}.menu__socials{flex-wrap:wrap;justify-content:flex-end;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.menu__meta>a,.menu__socials>li{opacity:0;transition:opacity calc(var(--menu-d) * .3) var(--menu-ease-in), transform 0s linear calc(var(--menu-d) * .3);transform:translateY(12px)}.menu--open .menu__meta>a,.menu--open .menu__socials>li{--menu-delay:calc(var(--menu-footer-delay) + .1s + var(--j) * 60ms);opacity:1;transition:opacity calc(var(--menu-d) * .8) var(--menu-ease) var(--menu-delay), transform calc(var(--menu-d) * .8) var(--menu-ease) var(--menu-delay);transform:none}.menu__sec{color:inherit;padding-bottom:3px;text-decoration:none;display:inline-block;position:relative}.menu__sec--note{color:var(--menu-accent)}.menu__sec:after{content:"";transform-origin:0;height:1px;transition:transform .4s var(--menu-ease);background:currentColor;position:absolute;inset:auto 0 0;transform:scaleX(0)}.menu__sec:hover:after,.menu__sec:focus-visible:after{transform:scaleX(1)}@media (max-width:639px){.menu__inner{padding-top:calc(clamp(4rem,13svh,8rem) + 4svh)}.menu__nav{justify-content:flex-start}.menu__list{gap:.22em;font-size:clamp(2.5rem,13vw,4rem)}.menu__meta{flex-direction:column;align-items:flex-start;gap:1rem}.menu__socials{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.menu{--menu-d:.2s;--menu-stagger:0s}.nav{--nav-icon-ms:0s}.menu,.menu--open{clip-path:none;opacity:0;transition:opacity .2s,visibility 0s linear .2s}.menu--open{opacity:1;transition:opacity .2s,visibility}.menu__item,.menu--open .menu__item,.menu__link:hover{filter:none;transform:none}.menu__sec:after{transition:none}}
