/* NAV */
#nav{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;transition:all .4s}
#nav.stuck{padding:14px 5vw;background:rgba(0,0,0,.35);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer}
.nav-logo-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nav-logo-icon img{height:44px;width:auto}
.nav-logo-text{display:none}
.nav-trigger{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:12px;color:var(--wh);font-family:inherit;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.nav-bars{display:flex;flex-direction:column;gap:6px}
.bar{width:24px;height:1.5px;background:var(--v);display:block;transition:all .35s;transform-origin:center}
.nav-trigger.open .bar:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav-trigger.open .bar:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-trigger.open .bar:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* FULLMENU */
#menu{position:fixed;inset:0;z-index:800;background:var(--v);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s}
#menu.open{opacity:1;pointer-events:all}
.menu-inner{text-align:center}
.menu-inner a{display:block;font-weight:700;font-size:clamp(2rem,5.5vw,5rem);text-transform:uppercase;letter-spacing:-.01em;line-height:1.08;color:var(--wh);text-decoration:none;padding:8px 0;opacity:0;transform:translateY(18px);transition:opacity .25s,transform .25s}
#menu.open .menu-inner a{opacity:1;transform:none}
#menu.open .menu-inner a:nth-child(1){transition-delay:.06s}
#menu.open .menu-inner a:nth-child(2){transition-delay:.12s}
#menu.open .menu-inner a:nth-child(3){transition-delay:.18s}
#menu.open .menu-inner a:nth-child(4){transition-delay:.24s}
#menu.open .menu-inner a:nth-child(5){transition-delay:.30s}
.menu-inner a:hover{opacity:.5}