/* Luxury Glassmorphism Nav */
.glass-nav { 
    background: rgba(251, 251, 253, 0.8); 
    backdrop-filter: saturate(180%) blur(20px); 
    -webkit-backdrop-filter: saturate(180%) blur(20px);
}

/* Animated Hamburger to 'X' */
.menu-icon {
    width: 22px;
    height: 12px;
    position: relative;
    cursor: pointer;
    z-index: 60;
}

.menu-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: currentColor; 
    border-radius: 2px;
    /* Added matching easing curve for a premium feel */
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.menu-icon span:nth-child(1) { top: 0px; }
.menu-icon span:nth-child(2) { top: 10px; }

/* Perfect math center for 12px height container */
.menu-open .menu-icon span:nth-child(1) {
    top: 5px; 
    transform: rotate(45deg);
}

.menu-open .menu-icon span:nth-child(2) {
    top: 5px;
    transform: rotate(-45deg);
}