.transition{position:fixed;top:0;left:0;z-index:1000;width:100vw;height:100vh;pointer-events:none}.transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--tone-500);transform:scaleY(1);transform-origin:top;will-change:transform}nav{position:fixed;top:0;left:0;z-index:100;width:100vw;mix-blend-mode:difference;overflow-x:hidden}nav .container{display:flex;justify-content:space-between;align-items:center}nav .logo,nav .menu-toggle-btn{padding:.25rem;cursor:pointer}nav .logo a,nav .menu-toggle-btn p{color:var(--tone-400);-webkit-user-select:none;user-select:none}nav .logo a{display:flex;justify-content:center;align-items:center;gap:.5rem}nav .logo a span{position:relative;display:inline-block;width:.5rem;height:.5rem;background-color:var(--tone-500);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.nav-overlay{position:fixed;top:0;left:0;z-index:10;width:100vw;height:100svh;background-color:var(--tone-200);clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);overflow:hidden;pointer-events:none}#menu-canvas{position:absolute;top:0;left:0;width:50%;height:100%;z-index:0}.nav-overlay .nav-items{position:absolute;top:50%;right:0%;width:50%;display:grid;grid-template-columns:repeat(2,1fr);gap:0;align-items:flex-start;transform:translateY(-50%);z-index:1}.nav-overlay .nav-items .nav-item{position:relative;width:100%;opacity:0;transform:translateY(100%);will-change:transform;padding-right:2rem}.nav-overlay .nav-items .nav-item a{font-size:5vw;line-height:.9;color:var(--tone-400);-webkit-user-select:none;user-select:none}.nav-overlay .nav-items .nav-item.active a{color:var(--tone-500)}.nav-overlay .nav-footer{position:absolute;left:0;bottom:0;width:100%;gap:1rem;text-align:center}.nav-overlay .nav-footer .container{display:flex;justify-content:space-between;align-items:flex-end}.nav-overlay .nav-footer .nav-footer-item{display:flex;gap:2rem}.nav-overlay .nav-footer .nav-footer-item a{color:var(--tone-400)}@media(max-width:1000px){.nav-overlay .nav-items{left:1rem;width:100%;transform:translateY(-50%);grid-template-columns:1fr}.nav-overlay .nav-items .nav-item{padding-right:0}.nav-overlay .nav-items .nav-item a{font-size:10vw}.nav-overlay .nav-footer{gap:0;align-items:center}.nav-overlay .nav-footer .nav-footer-item{gap:1rem}#menu-canvas{width:100%;opacity:.15}}@media(max-width:600px){nav .logo a,nav .menu-toggle-btn{padding:.5rem;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.nav-overlay .nav-items{left:.75rem;right:.75rem;width:auto}.nav-overlay .nav-items .nav-item a{font-size:clamp(1.5rem,8vw,2.5rem)}.nav-overlay .nav-footer .container{flex-direction:column;align-items:center;gap:1rem;padding:1rem}.nav-overlay .nav-footer .nav-footer-item{flex-wrap:wrap;justify-content:center;gap:.75rem}}