Simplify hero and expand experience section

css/styles.css

@@ -197,8 +197,8 @@ section { padding: 64px 0; }
   box-shadow: 0 2px 6px rgba(16, 38, 61, 0.06);
   padding: 40px;
   display: grid;
-  grid-template-columns: 1.1fr 1fr;
-  gap: 40px;
+  grid-template-columns: 1fr;
+  gap: 24px;
   align-items: center;
 }
 .hero h1 { font-size: 34px; margin-bottom: 18px; line-height: 1.2; }
@@ -211,6 +211,25 @@ section { padding: 64px 0; }
   margin-top: 24px;
 }
 
+.hero-facts {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 10px;
+  margin-top: 24px;
+  padding-top: 18px;
+  border-top: 1px solid var(--rule-soft);
+}
+
+.hero-facts span {
+  background: #eef2f6;
+  border: 1px solid var(--rule);
+  border-radius: 3px;
+  padding: 6px 9px;
+  font-size: 12.5px;
+  color: var(--muted-2);
+  font-weight: 600;
+}
+
 .btn {
   display: inline-flex;
   align-items: center;
@@ -483,15 +502,14 @@ section { padding: 64px 0; }
 /* ---------- About ---------- */
 .about-grid {
   display: grid;
-  grid-template-columns: .9fr 1.45fr 1fr;
+  grid-template-columns: minmax(240px, .8fr) 1.7fr;
   gap: 24px;
-  align-items: stretch;
+  align-items: start;
 }
 .about-photo {
   background: #e9edf1;
   border: 1px solid var(--rule);
   border-radius: 3px;
-  aspect-ratio: 1 / 1;
   overflow: hidden;
 }
 .about-text {
@@ -544,6 +562,12 @@ section { padding: 64px 0; }
   grid-template-columns: 1fr 1fr;
   gap: 24px;
 }
+
+.experience-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 24px;
+}
 .panel {
   background: var(--panel);
   border: 1px solid var(--rule);
@@ -620,6 +644,7 @@ section { padding: 64px 0; }
   .skills-grid { grid-template-columns: repeat(2, 1fr); }
   .about-grid { grid-template-columns: 1fr; }
   .two-col { grid-template-columns: 1fr; }
+  .experience-grid { grid-template-columns: 1fr; }
   .contact-cta { flex-direction: column; align-items: flex-start; }
 }
 
@@ -654,9 +679,7 @@ section { padding: 64px 0; }
 
 .about-headshot {
   width: 100%;
-  height: 100%;
-  object-fit: cover;
-  object-position: center 20%;
+  height: auto;
   display: block;
 }