Join the hero and Graduately into one continuous layout.

Co-authored-by: Cursor <cursoragent@cursor.com>

index.html

@@ -34,7 +34,7 @@
       }
     })();
   </script>
-  <link rel="stylesheet" href="style.css?v=20261012">
+  <link rel="stylesheet" href="style.css?v=20261017">
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -156,6 +156,7 @@
   </header>
 
   <main id="main" class="page">
+    <div class="intro">
     <section class="hero wrap" id="about" aria-labelledby="about-title">
       <div class="hero-content">
         <h1 id="about-title" class="hero-about-title">Hey, I’m Josef.</h1>
@@ -183,7 +184,7 @@
     </section>
 
     <section class="section feature" id="graduately" aria-labelledby="graduately-title">
-      <div class="wrap reveal">
+      <div class="wrap">
         <p class="feature-backdrop" aria-hidden="true">Graduately</p>
         <div class="feature-grid">
           <div class="feature-copy">
@@ -212,7 +213,7 @@
             <img class="feature-icon" src="graduately-icon.webp" width="256" height="256" loading="lazy" decoding="async" alt="">
           </div>
         </div>
-        <ul class="feature-stats">
+        <ul class="feature-stats reveal">
           <li>
             <h3><strong>13</strong> subjects</h3>
             <p>From German and Czech literature to computer networks, maths, AutoCAD and C#.</p>
@@ -232,6 +233,7 @@
         </ul>
       </div>
     </section>
+    </div>
 
     <section class="section" id="services" aria-labelledby="services-title">
       <div class="wrap reveal">