/* ============================================================
   ABOUT
   ============================================================ */
.about-body{font-size:19px;line-height:1.95}
.about-head{display:flex;align-items:center;gap:30px;padding-top:4px}
.avatar{
  width:150px;height:150px;flex:0 0 150px;border-radius:50%;
  box-shadow:0 4px 12px rgba(74,69,64,.12);
  filter:saturate(.6);
}
.about-intro{min-width:0}
.about-name{
  margin:0 0 4px;font-family:var(--display);font-size:32px;line-height:1.2;font-weight:400;
  color:var(--accent);letter-spacing:0;
}
.about-name span{font-family:var(--display);font-size:19px;font-weight:400;margin-left:8px;letter-spacing:.08em;color:var(--muted)}
.about-intro p{margin:0 0 3px;font-size:15px;line-height:1.65;color:var(--ink)}
.about-body hr,.work-body hr{border:0;border-top:1px solid var(--line);margin:26px 0}
.about-body p{margin:0 0 14px}
.about-body ul{margin:0 0 18px;padding-left:26px}
.about-body li{margin:2px 0}
.about-body h3{
  margin:26px 0 6px;font:700 16px/1.4 var(--mono);
  letter-spacing:.06em;text-transform:uppercase;color:var(--ink);
}


.about-window{--w:720px;--h:620px}