🐐

style.css

@@ -71,7 +71,7 @@ button { font-family: var(--font); cursor: pointer; border: none; background: no
 @keyframes lcFade { to { opacity: 1; transform: none; } }
 
 .loader-bar-wrap { width: 200px; height: 3px; background: rgba(255,255,255,0.1); border-radius: 99px; margin: 0 auto 0.75rem; overflow: hidden; }
-.loader-bar { height: 100%; background: var(--grad); width: 0%; animation: barFill 2.2s var(--ease) forwards; animation-delay: 0.5s; }
+.loader-bar { height: 100%; background: var(--grad); width: 0%; animation: barFill 2.5s var(--ease) forwards; animation-delay: 0.5s; }
 @keyframes barFill { to { width: 100%; } }
 .loader-pct { font-family: var(--mono); font-size: 0.8rem; color: var(--orange); }
 
@@ -165,11 +165,27 @@ 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; }
 
+/* Hero typewriter cursor */
+.hero-cursor {
+  display: inline-block;
+  width: 5px;
+  height: 0.8em;
+  background: var(--ink);
+  margin-left: 5px;
+  vertical-align: baseline;
+  border-radius: 1px;
+  animation: cursorBlink 0.7s step-end infinite;
+}
+@keyframes cursorBlink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0; }
+}
+
 /* ── Hero ───────────────────────────────────────────────────── */
 .hero {
   min-height: 100vh;
   display: flex; align-items: center;
-  padding: calc(var(--nav-h) + 1rem) 2rem 15rem;
+  padding: calc(var(--nav-h) + 1rem) 2rem 10rem;
   max-width: var(--max-w);
   margin: 0 auto 250px auto;
   gap: 4rem;
@@ -184,6 +200,7 @@ main { position: relative; z-index: 1; }
   font-weight: 900;
   line-height: 1;
   letter-spacing: -0.03em;
+  margin-top: 3rem;
   margin-bottom: 0.75rem;
 }
 .hero-role {