diff --git a/index.html b/index.html
index b150436..8273170 100644
--- a/index.html
+++ b/index.html
@@ -147,6 +147,20 @@
     transform:rotate(1.5deg);margin-bottom:30px;margin-left:2vw;
   }
 
+  .hook-section{
+    display:flex;align-items:center;justify-content:center;
+    padding:90px 8vw;text-align:center;position:relative;
+    border-top:2px solid rgba(255,255,255,0.08);
+    border-bottom:2px solid rgba(255,255,255,0.08);
+    background:rgba(255,255,255,0.02);
+  }
+  .hook-text{
+    font-family:var(--font-mono);font-weight:700;
+    font-size:clamp(20px,4vw,40px);line-height:1.4;
+    max-width:800px;color:var(--text);transform:rotate(-0.8deg);
+    letter-spacing:-.01em;
+  }
+
   .hero-status{
     display:inline-flex;align-items:center;gap:10px;
     font-family:var(--font-mono);font-size:11px;color:var(--muted);
@@ -213,7 +227,8 @@
   }
   .avatar-frame:hover{transform:rotate(0deg) scale(1.02);}
   .avatar-frame img{width:200px;display:block;filter:contrast(1.2) grayscale(.3);}
-  .avatar-tag{font-family:var(--font-pixel);font-size:8px;color:var(--accent);margin-top:12px;text-transform:uppercase;}
+  .avatar-name{font-family:var(--font-pixel);font-size:10px;color:var(--text);margin-top:14px;text-transform:uppercase;text-align:center;line-height:1.5;}
+  .avatar-tag{font-family:var(--font-pixel);font-size:8px;color:var(--accent);margin-top:6px;text-transform:uppercase;text-align:center;}
 .page-links a:hover{color:var(--accent)!important;transform:scale(1.05);}
   .about-card{
     background:rgba(255,255,255,0.02);border:2px solid rgba(255,255,255,0.12);
@@ -341,6 +356,9 @@
   body.clean .hero-giant .line1{transform:none;color:var(--muted);font-weight:500;font-size:clamp(14px,1.5vw,17px);margin-bottom:6px;}
   body.clean .hero-giant .line2{text-shadow:none;animation:none;color:var(--text);}
   body.clean .hero-sub{transform:none;margin:14px auto 0;text-align:center;max-width:420px;font-size:14px;color:var(--muted);line-height:1.6;}
+  body.clean .hero-hook{transform:none;margin:20px auto 0;text-align:center;max-width:460px;font-size:14px;color:var(--muted);line-height:1.6;border-left:none;padding:0;background:none;}
+  body.clean .hook-section{border-color:rgba(255,255,255,0.06);background:none;padding:64px 24px;}
+  body.clean .hook-text{transform:none;color:var(--text);font-size:clamp(18px,3vw,28px);font-weight:600;max-width:600px;}
   body.clean .hero-status{display:none;}
   body.clean .hero-links{justify-content:center;transform:none;margin-top:20px;gap:8px;}
   body.clean .term-btn{
@@ -363,9 +381,11 @@
   body.clean .stat-num{font-weight:600;font-size:clamp(18px,2.5vw,24px);color:var(--text);}
   body.clean .stat-label{font-size:10px;letter-spacing:0;text-transform:none;color:var(--muted);font-weight:500;}
   body.clean .about-grid{gap:24px;margin:0;flex-direction:column;align-items:center;}
-  body.clean .avatar-frame{border-radius:50%;padding:0;border:2px solid #333045;transform:none!important;overflow:hidden;}
-  body.clean .avatar-frame img{filter:none;border-radius:50%;width:100px;height:100px;object-fit:cover;}
-  body.clean .avatar-tag{text-align:center;font-size:12px;color:var(--muted);margin-top:4px;font-weight:500;}
+  body.clean .avatar-block{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:220px;}
+  body.clean .avatar-frame{border-radius:50%;padding:0;border:2px solid #333045;transform:none!important;overflow:hidden;box-shadow:none;}
+  body.clean .avatar-frame img{filter:none;border-radius:50%;width:120px;height:120px;object-fit:cover;}
+  body.clean .avatar-name{text-align:center;font-size:18px;color:var(--text);margin-top:14px;font-weight:600;text-transform:none;font-family:'Inter',sans-serif;line-height:1.3;}
+  body.clean .avatar-tag{text-align:center;font-size:13px;color:var(--muted);margin-top:4px;font-weight:400;font-family:'Inter',sans-serif;text-transform:none;}
   body.clean .about-card{background:#22202a;border:1px solid #333045;border-radius:12px;transform:none!important;padding:20px 24px;min-width:0;width:100%;}
   body.clean .about-card .tag-label{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:0.03em;text-transform:uppercase;margin-bottom:8px;}
   body.clean .about-card p{color:var(--muted);line-height:1.6;font-size:14px;}
@@ -491,6 +511,9 @@
     .hero-giant .line2{text-shadow:2px 2px 0 var(--accent),-1px -1px 0 var(--tape);}
 
     .hero-sub{transform:none;margin-left:0;font-size:clamp(12px,3.2vw,14px);max-width:100%;margin-bottom:20px;}
+    .hero-hook{transform:none;margin-right:0;font-size:clamp(12px,3.2vw,14px);max-width:100%;margin-bottom:20px;}
+    .hook-section{padding:60px 24px;}
+    .hook-text{transform:none;font-size:clamp(17px,5vw,24px);}
     .hero-status{transform:none;font-size:10px;}
     .hero-links{transform:none;gap:8px;}
     .term-btn{font-size:10px;padding:10px 16px;}
@@ -599,6 +622,10 @@
   <div class="scroll-cue"><div class="line"></div>scroll</div>
 </section>
 
+<section class="hook-section" id="hook">
+  <p class="hook-text reveal">I believe pancakes are better than waffles, cereal is soup, and software should feel good to use.</p>
+</section>
+
 <div class="marquee">
   <div class="track">
     <span>* BUILDING EMULATORS *</span>
@@ -630,10 +657,11 @@
   <h2 class="section-title reveal">Who's Miles?</h2>
   <p class="section-sub reveal">the human behind the commits</p>
   <div class="about-grid reveal">
-    <div>
+    <div class="avatar-block">
       <div class="avatar-frame">
         <img src="https://avatars.githubusercontent.com/u/115095719?v=4" alt="Miles Wolf Allen" loading="lazy" width="200" height="200">
       </div>
+      <div class="avatar-name">Miles Wolf Allen</div>
       <div class="avatar-tag">@mileswolfallen2</div>
     </div>
     <div class="about-card">
@@ -904,13 +932,21 @@ document.querySelectorAll('[data-count]').forEach(function(el){
   }});
 });
 
-gsap.utils.toArray('.reveal').forEach(function(el){
-  gsap.to(el,{opacity:1,y:0,duration:.8,ease:'power3.out',scrollTrigger:{trigger:el,start:'top 85%'}});
-});
+if (window.gsap && window.ScrollTrigger) {
+  gsap.utils.toArray('.reveal').forEach(function(el){
+    gsap.to(el,{opacity:1,y:0,duration:.8,ease:'power3.out',scrollTrigger:{trigger:el,start:'top 85%'}});
+  });
+} else {
+  document.querySelectorAll('.reveal').forEach(function(el){el.classList.add('visible');});
+}
 
-gsap.utils.toArray('#projectGrid .proj-card').forEach(function(card,i){
-  gsap.to(card,{opacity:1,y:0,duration:.7,ease:'power3.out',delay:(i%2)*.06,scrollTrigger:{trigger:card,start:'top 90%'}});
-});
+if (window.gsap && window.ScrollTrigger) {
+  gsap.utils.toArray('#projectGrid .proj-card').forEach(function(card,i){
+    gsap.to(card,{opacity:1,y:0,duration:.7,ease:'power3.out',delay:(i%2)*.06,scrollTrigger:{trigger:card,start:'top 90%'}});
+  });
+} else {
+  document.querySelectorAll('#projectGrid .proj-card').forEach(function(card){card.style.opacity='1';card.style.transform='';});
+}
 
 ScrollTrigger.create({trigger:'#projects',start:'top 60%',once:true,onEnter:function(){showToast('proj','ACHIEVEMENT','Found the Projects','!');}});
 ScrollTrigger.create({trigger:'#highlights',start:'top 60%',once:true,onEnter:function(){showToast('hl','LEVEL UP','Reached the Scoreboard','*');}});
@@ -984,14 +1020,14 @@ if(!document.body.classList.contains('clean')){(function(){
 if(!document.body.classList.contains('clean') && window.innerWidth > 640){
   gsap.utils.toArray('.proj-card, .blog-card, .hl-cell').forEach(function(card){
     card.classList.add('parallax-card');
-    gsap.to(card,{
-      y:'random(-12,12)',x:'random(-5,5)',rotation:'random(-1.5,1.5)',
-      ease:'none',
-      scrollTrigger:{trigger:card,start:'top bottom',end:'bottom top',scrub:1}
-    });
   });
 }
 
+window.addEventListener('load', function(){
+  if (window.ScrollTrigger) ScrollTrigger.refresh();
+  setTimeout(function(){ if (window.ScrollTrigger) ScrollTrigger.refresh(); }, 500);
+});
+
 (function(){
   var logo=document.querySelector('.sn-logo');
   var clickCount=0;