✨feature: Add sliding viewport mobile menu support

styles/navigation/nav-main-default.css

@@ -1,5 +1,10 @@
 /**
- * VDI Navs & Menu - Main Navigation + Default Dropdown Menu Styles
+ * VDI Navs & Menu - Main Navigation + Default Dropdown Menu Styles (Desktop Only)
+ *
+ * This file contains only desktop navigation styles.
+ * For mobile navigation, choose one of:
+ * - nav-mobile-accordion.css (traditional dropdown/accordion style)
+ * - nav-mobile-sliding.css (sliding viewport style)
  *
  * Please review documentation upon first use, and, as-needed:
  * TODO: Add documenation link here
@@ -22,46 +27,6 @@
   }
 }
 
-/* mobile */
-@media screen and (max-width: 62.5rem) {
-  .nav-main {
-    .nav-main__toggle {
-      /* display */
-      @apply text-white p-3;
-    }
-
-    .menu-vdi {
-      @apply flex-col bg-white w-[95%] right-0 z-10 py-6;
-      top: var(--hgtHeader);
-      min-height: calc(100vh - var(--hgtHeader));
-
-      .menu-vdi__submenu {
-        @apply py-2 px-7 flex-col;
-      }
-
-      .menu-vdi__item {
-        a,
-        button {
-          /* text */
-          @apply font-bold text-20px text-black hover:text-light no-underline leading-snug;
-          /* spacing & display */
-          @apply block w-full p-4;
-          /* interaction */
-          @apply focus-visible:bg-secondary-200 hover:bg-secondary-200;
-        }
-
-        a {
-          @apply block w-full;
-        }
-
-        button {
-          @apply flex w-full justify-between;
-        }
-      }
-    }
-  }
-}
-
 @media screen and (min-width: 62.5rem) {
   .menu-vdi {
     .menu-vdi__toggle {