diff --git a/public/styles.css b/public/styles.css
index ebe2ea5..4ca4c03 100755
--- a/public/styles.css
+++ b/public/styles.css
@@ -48,7 +48,7 @@ html, body {
   text-shadow: 0 0 8px var(--accent);
 }
 
-/* HORIZON LAYER: Emergent Sub-Navigation */
+/* NESTED HORIZON: Emergent Sub-Navigation with Animation */
 .sub-nav {
   display: none;
   position: fixed;
@@ -64,12 +64,20 @@ html, body {
   z-index: 950;
   align-items: center;
   opacity: 0;
-  transition: opacity var(--transition);
+  transform: translateY(-5px);
+  transition: opacity var(--transition), transform var(--transition);
 }
 
 .sub-nav.visible {
   display: flex;
   opacity: 1;
+  transform: translateY(0);
+  animation: fadeSlideDown .3s ease forwards;
+}
+
+@keyframes fadeSlideDown {
+  from { opacity: 0; transform: translateY(-5px); }
+  to { opacity: 1; transform: translateY(0); }
 }
 
 .sub-nav a {