.page-about .about-hero { grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:clamp(32px,6vw,80px); align-items:start; padding-top:42px; }
.about-history { min-width:0; }
.about-section-title { font:500 20px/1.3 var(--sans); letter-spacing:-.4px; margin-bottom:26px; }
.experience-list,.experience-roles,.education-organizations,.education-roles { list-style:none; padding:0; margin:0; }
.experience-company,.education-organization { padding-block:24px; border-bottom:1px solid var(--rule); }
.experience-company:first-child,.education-organization:first-child { padding-top:0; }
.organization-heading { display:flex; align-items:center; gap:16px; margin-bottom:16px; }
.organization-heading h3 { font:650 18px/1.4 var(--sans); letter-spacing:-.25px; margin:0; }
.organization-logo { display:block; flex-shrink:0; width:48px; height:48px; object-fit:contain; border:1px solid var(--rule); border-radius:5px; background:#fff; }
.organization-logo[src$="uc-irvine.png"],.organization-logo[src$="chapman.svg"] { padding:5px; }
.organization-logo-placeholder { display:grid; place-items:center; color:#727a6c; background:#eaece3; }
.organization-logo-placeholder svg { width:24px; height:24px; }
.experience-roles,.education-roles { margin-left:24px; }
.experience-entry,.education-entry { position:relative; padding-left:40px; }
.experience-entry+.experience-entry,.education-entry+.education-entry { margin-top:20px; }
.experience-entry h4,.education-entry h4 { font:500 16px/1.45 var(--sans); letter-spacing:-.15px; margin:0; }
.experience-period { color:var(--muted); font-size:12px; line-height:1.6; margin-top:4px; font-variant-numeric:tabular-nums; }
.has-progression>li::before { content:''; position:absolute; left:-3px; top:8px; width:7px; height:7px; border-radius:50%; background:#9da395; }
.has-progression>li:not(:last-child)::after { content:''; position:absolute; left:0; top:22px; bottom:-14px; width:1px; background:var(--rule); }
.education-description { font-size:13px; line-height:1.75; color:var(--muted); margin-top:10px; }
.about-history .education-section { border-top:0; padding:42px 0 0; }
.page-about .portrait { position:sticky; top:118px; margin-top:0; width:100%; }
.page-about .portrait img { height:auto; aspect-ratio:4/5; }
.page-about .portrait figcaption { font-size:9px; }
@media(max-width:700px) {
  .page-about .about-hero { grid-template-columns:1fr; padding-top:32px; gap:38px; }
  .page-about .portrait { position:static; max-width:420px; }
}
@media(max-width:480px) {
  .experience-company,.education-organization { padding-block:22px; }
  .experience-company:first-child,.education-organization:first-child { padding-top:0; }
  .organization-heading { gap:13px; }
  .organization-heading h3 { font-size:17px; }
  .organization-logo { width:42px; height:42px; }
  .experience-roles,.education-roles { margin-left:21px; }
  .experience-entry,.education-entry { padding-left:34px; }
  .experience-entry h4,.education-entry h4 { font-size:15px; }
  .about-section-title { margin-bottom:24px; }
}