.glass-nav {
    background: rgba(250, 250, 250, 0.65);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.glass-nav.scrolled {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.logo-img {
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.glass-nav.scrolled .logo-img {
    height: 2.75rem !important; /* Smaller logo on scroll */
}

/* Dynamic Navbar Spacing on Scroll */
.nav-link {
    font-size: 0.875rem; /* text-sm default */
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.glass-nav.scrolled .nav-link {
    font-size: 0.75rem; /* smaller text */
}

.nav-desktop-track {
    gap: 4.5rem; /* Full open gap initially */
    transition: gap 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.glass-nav.scrolled .nav-desktop-track {
    gap: 2rem; /* Compact gap when scrolled */
}

/* Antigravity floating cards */
.float-card {
    transition: translate 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), scale 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s ease-out;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04);
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 1.5rem;
    overflow: hidden;
}

.float-card:hover {
    translate: 0 -8px;
    scale: 1.015;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);
}

/* Image zoom effect inside float-card */
.float-card img {
    transition: transform 0.6s ease;
}
.float-card:hover img {
    transform: scale(1.05);
}

/* 3D Perspective Wrapper */
.perspective-wrapper {
    perspective: 1200px;
}

.scene-3d {
    transform-style: preserve-3d;
}

/* Over Mij Photo floating */
.photo-float {
    box-shadow: 0 30px 60px rgba(0,0,0,0.1);
    transform: translateZ(20px);
}

/* Custom Button */
.btn-primary {
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(166, 124, 82, 0.2);
}
.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 25px rgba(166, 124, 82, 0.3);
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Professional Dropdown Menu */
#mobile-menu {
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    background-color: #ffffff !important;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Hidden state (Default) */
.mobile-menu-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-20px) scale(0.98);
}

/* Open state */
.mobile-menu-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
}

.menu-open {
    overflow: hidden;
}

/* Solid header when menu is open */
.menu-open #navbar {
    background-color: #ffffff !important;
    backdrop-filter: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* Hamburger to X Animation */
.hamburger {
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.hamburger span {
    display: block;
    width: 24px;
    height: 2.5px;
    background-color: #1c1917 !important; /* Stone-900 */
    border-radius: 5px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
}

.hamburger.is-active span:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg);
}

.hamburger.is-active span:nth-child(2) {
    opacity: 0;
    transform: scale(0);
}

.hamburger.is-active span:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg);
}

/* Glass effect for active mobile links */
.mobile-link {
    position: relative;
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
    transition: all 0.3s ease;
}

.mobile-link:active {
    background: rgba(166, 124, 82, 0.1);
    scale: 0.95;
}