Move headshot to hero and simplify about section

css/styles.css

@@ -241,6 +241,7 @@ section { padding: 64px 0; }
   justify-content: center;
 }
 .hero-image img { width: 100%; height: 100%; object-fit: cover; }
+.hero-headshot img { object-position: center top; }
 .image-placeholder {
   width: 100%;
   height: 100%;
@@ -456,10 +457,14 @@ section { padding: 64px 0; }
 /* ---------- About ---------- */
 .about-grid {
   display: grid;
-  grid-template-columns: 1fr 1.4fr 1fr;
+  grid-template-columns: 1fr;
   gap: 24px;
   align-items: start;
 }
+
+.about-text {
+  max-width: 900px;
+}
 .about-photo {
   background: #e9edf1;
   border: 1px solid var(--rule);

index.html

@@ -67,8 +67,8 @@
               <a class="btn btn-secondary" href="assets/resume/Keith_Casko_IT_Cloud_Resume.pdf" download>Download Resume</a>
             </div>
           </div>
-          <div class="hero-image">
-            <img src="assets/images/hero-server-rack.png" alt="Home server rack and homelab workspace" />
+          <div class="hero-image hero-headshot">
+            <img src="assets/images/keith-casko-headshot.png" alt="Keith Casko" />
           </div>
         </div>
       </div>
@@ -278,12 +278,6 @@
         </div>
 
         <div class="about-grid">
-          <div class="about-photo">
-            <img src="assets/images/keith-casko-headshot.png"
-                 alt="Keith Casko"
-                 class="about-headshot" />
-          </div>
-
           <div class="about-text">
             <h3>Keith Casko &mdash; Kalamazoo, Michigan</h3>
             <p>
@@ -301,13 +295,6 @@
               problem-solving under pressure.
             </p>
           </div>
-
-          <aside class="pull-quote" aria-label="Approach">
-            <span class="mark">&ldquo;</span>
-            Reliable systems are built one careful change at a time. I'd rather
-            understand a problem than paper over it &mdash; and I document what I
-            learn so the next person has a shorter path.
-          </aside>
         </div>
       </div>
     </section>