diff --git a/static/css/custom.css b/static/css/custom.css
index 3f542c4..2a6aeec 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -498,4 +498,71 @@ body.dark-mode a {
 .career-year {
   font-weight: 700;
   color: #003c78;
+}
+
+.employee-header {
+  display: flex;
+  align-items: flex-start;
+  gap: 24px;
+  max-width: 800px;
+  margin: 1.25rem 0 2.5rem;
+  padding: 0 0 20px;
+  border-bottom: 1px solid rgba(0, 60, 120, 0.35);
+}
+
+.employee-photo {
+  display: block;
+  float: none !important;
+  width: 200px;
+  height: 150px;
+  object-fit: cover;
+  border-radius: 4px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
+}
+
+.employee-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.employee-degree {
+  margin: 4px 0 18px;
+  font-size: 1.05rem;
+  font-weight: 700;
+  line-height: 1.45;
+}
+
+.employee-details {
+  margin: 0;
+}
+
+.employee-details > div {
+  display: flex;
+  gap: 7px;
+  margin: 10px 0;
+  line-height: 1.4;
+}
+
+.employee-details dt {
+  font-weight: 700;
+}
+
+.employee-details dt::after {
+  content: ":";
+}
+
+.employee-details dd {
+  margin: 0;
+}
+
+@media (max-width: 600px) {
+  .employee-header {
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  .employee-photo {
+    width: 180px;
+    height: 135px;
+  }
 }
\ No newline at end of file