Add course highlights and shrink hero title via Codex

Author: ganeshutah

css/style.css

@@ -37,8 +37,8 @@ a:hover {
 
 .hero h1 {
     margin: 0;
-    max-width: 12ch;
-    font-size: clamp(1.75rem, 3.55vw, 3.35rem);
+    max-width: none;
+    font-size: clamp(1.4rem, 2.7vw, 2.6rem);
     line-height: 0.98;
 }
 
@@ -48,6 +48,15 @@ a:hover {
     font-size: 1.22rem;
 }
 
+.highlights-list {
+    margin-top: 0.35rem;
+    padding-left: 1.3rem;
+}
+
+.highlights-list li {
+    margin-bottom: 0.35rem;
+}
+
 .topnav {
     display: flex;
     gap: 1rem;

index.html

@@ -51,6 +51,12 @@ <h2>Course Overview</h2>
           performance analysis that can make future primitives more systematic to
           design.
         </p>
+        <p>Course highlights:</p>
+        <ul class="highlights-list">
+          <li>AWS Neuron hands-on.</li>
+          <li>MLIR-AIR hands-on with respect to MLIR transformations.</li>
+          <li>Detailed look at modern tile-based languages.</li>
+        </ul>
         <p>
           The class is co-taught with <strong>Professor Sreepathi Pai of the University of Rochester</strong>.
           It is explicitly project-centered: student-designed primitives will be