🐐

style.css

@@ -146,6 +146,24 @@ main { position: relative; z-index: 1; }
 .fade-up { opacity: 0; transform: translateY(28px); transition: opacity 0.6s var(--ease), transform 0.6s var(--ease); }
 .fade-up.visible { opacity: 1; transform: none; }
 
+/* Pre-reveal state. script.js adds .fade-up at runtime, which is too late to stop
+   these from painting first, so hide them here instead. Selectors mirror the
+   queries in script.js — change both together. */
+.js .hero-name-static { visibility: hidden; }
+.js .hero-role:not(.visible),
+.js .hero-pronouns:not(.visible),
+.js .hero-links:not(.visible),
+.js .hero-visual:not(.visible),
+.js .section-header:not(.visible),
+.js .about-grid:not(.visible),
+.js .skill-card:not(.visible),
+.js .timeline-item:not(.visible),
+.js .project-card:not(.visible),
+.js .edu-card:not(.visible) {
+  opacity: 0;
+  transform: translateY(28px);
+}
+
 /* Hero typewriter cursor */
 .hero-cursor {
   display: inline-block;