simple changes

index.html

@@ -144,7 +144,6 @@
         color: rgba(255, 255, 255, 0.9);
         scrollbar-width: thin;
         scrollbar-color: rgba(255,255,255,0.15) transparent;
-        transition: opacity 0.35s ease-out;
       }
       #resume-section.visible {
         opacity: 1;
@@ -294,12 +293,18 @@
       }
 
       /* --- hide/show --- */
+      @keyframes sceneContentFadeIn {
+        from { opacity: 0; }
+        to   { opacity: 1; }
+      }
       #scene-content {
-        transition: opacity 0.3s ease-out;
+        opacity: 1;
+        animation: sceneContentFadeIn 0.3s ease-out;
       }
       #scene-content.hidden {
         opacity: 0;
         pointer-events: none;
+        animation: none;
       }
 
       /* ---------- projects section ---------- */
@@ -322,7 +327,6 @@
         color: rgba(255, 255, 255, 0.9);
         scrollbar-width: thin;
         scrollbar-color: rgba(255,255,255,0.15) transparent;
-        transition: opacity 0.35s ease-out;
       }
       #projects-section.visible {
         opacity: 1;
@@ -470,8 +474,7 @@
         <button data-nav="0">Home</button>
         <button data-nav="1">About</button>
         <button data-nav="2">Projects</button>
-        <button data-nav="3">Contact</button>
-        <button data-nav="4">Resume</button>
+        <button data-nav="3">Resume</button>
       </nav>
       <div id="scene-content">
         <h1 id="scene-title"></h1>

src/app.ts

@@ -30,7 +30,7 @@ export class App {
     this.input = new Input()
     this.overlay = new DomOverlay(SCENES, {
       onNavClick: (s) => { this.scene = s },
-      onButtonClick: () => { this.scene = (this.scene + 1) % 5 }
+      onButtonClick: () => { this.scene = (this.scene + 1) % 4 }
     })
     this.overlay.setScene(this.scene)
     this.resize()
@@ -63,8 +63,8 @@ export class App {
   private computeStemMultipliers(time: number): void {
     const sm = this.stemMultipliers
     // scene-based color identity and speed
-    const colorBase = [0.0, 0.6, 1.2, 1.8, 2.4]
-    const speedBase = [0.0, 0.2, 0.1, 0.0, 0.15]
+    const colorBase = [0.0, 0.6, 1.2, 2.4]
+    const speedBase = [0.0, 0.2, 0.1, 0.15]
     const scene = this.scene
 
     // [0] = (camera speed, 0, color offset, twist/flash)

src/data/scenes/index.ts

@@ -11,9 +11,8 @@ export interface SceneContent {
 import { hero } from './hero'
 import { about } from './about'
 import { projects } from './projects'
-import { contact } from './contact'
 import { resume } from './resume'
 
 // ---------- scene registry ----------
 
-export const SCENES: SceneContent[] = [hero, about, projects, contact, resume]
+export const SCENES: SceneContent[] = [hero, about, projects, resume]

src/ui/overlay.ts

@@ -232,7 +232,7 @@ export class DomOverlay {
         // always reset to category grid when landing on projects
         this.showCategoryGrid()
       }
-    } else if (scene === 4) {
+    } else if (scene === 3) {
       this.sceneContentEl.classList.add('hidden')
       this.resumeSectionEl.classList.add('visible')
       this.cycleBtnEl.style.display = 'none'