/* Animated underline for nav links */
    .nav-link {
      position: relative;
      padding-bottom: 4px;
    }
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background: #bf8270;
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .nav-link:hover::after,
    .nav-link.active::after {
      transform: scaleX(1);
    }

    /* Mobile menu slide from right */
    .mobile-menu {
      transform: translateX(100%);
      opacity: 0;
      transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),
                  opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      pointer-events: none;
    }
    .mobile-menu.open {
      transform: translateX(0);
      opacity: 1;
      pointer-events: auto;
    }

    /* Mobile overlay */
    .mobile-overlay {
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.35s ease;
    }
    .mobile-overlay.open {
      opacity: 1;
      pointer-events: auto;
    }

    /* Hamburger animation */
    .hamburger span {
      display: block;
      width: 22px;
      height: 2px;
      background: currentColor;
      transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                  opacity 0.25s ease;
      border-radius: 2px;
    }
    .hamburger.active span:nth-child(1) {
      transform: translateY(7px) rotate(45deg);
    }
    .hamburger.active span:nth-child(2) {
      opacity: 0;
      transform: scaleX(0);
    }
    .hamburger.active span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg);
    }

    /* Staggered mobile link animation */
    .mobile-menu.open .mobile-link {
      opacity: 1;
      transform: translateX(0);
    }
    .mobile-link {
      opacity: 0;
      transform: translateX(40px);
      transition: opacity 0.35s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .mobile-menu.open .mobile-link:nth-child(1) { transition-delay: 0.08s; }
    .mobile-menu.open .mobile-link:nth-child(2) { transition-delay: 0.14s; }
    .mobile-menu.open .mobile-link:nth-child(3) { transition-delay: 0.20s; }
    .mobile-menu.open .mobile-link:nth-child(4) { transition-delay: 0.26s; }
    .mobile-menu.open .mobile-link:nth-child(5) { transition-delay: 0.32s; }
    .mobile-menu.open .mobile-link:nth-child(6) { transition-delay: 0.38s; }
    .mobile-menu.open .mobile-link:nth-child(7) { transition-delay: 0.44s; }

    /* Dark mode toggle icon rotation */
    .toggle-icon {
      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .dark .toggle-icon {
      transform: rotate(180deg);
    }