.nav{height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.nav .brand{position:static;transform:none}.main-menu{position:static;width:auto;display:flex;align-items:center;justify-content:center;gap:28px;margin:0;transform:none}.main-menu a:nth-child(1),.main-menu a:nth-child(2),.main-menu a:nth-child(4),.main-menu a:nth-child(5){justify-self:auto}
.main-menu a{--tilt-x:0deg;--tilt-y:0deg;--shadow-x:0px;display:inline-block;padding:7px 10px;margin:-7px -10px;font-weight:700;text-decoration:none;color:var(--ink);white-space:nowrap;border-radius:6px;transform:perspective(450px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(0);transform-style:preserve-3d;transition:transform .13s ease,box-shadow .13s ease,background .13s ease}
.main-menu a.is-tilting{background:transparent;box-shadow:none;text-shadow:var(--shadow-x) 4px 5px rgba(0,0,0,.7),0 1px 1px rgba(255,255,255,.16);transform:perspective(450px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(10px)}
.main-menu .menu-focus.is-tilting{background:transparent;box-shadow:none;text-shadow:var(--shadow-x) 5px 6px rgba(0,0,0,.75),0 1px 1px rgba(255,255,255,.2)}
.main-menu .menu-focus{font-size:20px;background:transparent;padding:7px 10px;border-radius:0;box-shadow:none}.nav .brand{font-size:29px}.main-menu .menu-near{font-size:15px}.main-menu .menu-edge{font-size:12px;color:#68736b}
@media(max-width:900px){.main-menu{gap:16px}.main-menu .menu-edge{display:none}}
@media(max-width:760px){.nav{height:88px}.main-menu{display:none}}