/* About: keep the biography, then present education as a distinct chronology. */
.design-0205 #about{padding-top:64px;padding-bottom:88px}
.design-0205 .education-path{padding:68px 0 0;margin-top:60px;border-top:1px solid var(--rule)}
.education-heading{margin-bottom:38px}
.education-heading .label{font-size:11px;color:var(--muted)}
.education-heading h2{font-size:clamp(36px,4.5vw,62px);font-weight:500;letter-spacing:-.05em;line-height:1.1;margin:14px 0 0;color:var(--ink)}
.education-timeline{list-style:none;margin:0;padding:0;position:relative}
.education-timeline:before{content:"";position:absolute;left:171px;top:30px;bottom:46px;width:1px;background:#bcb097}
.education-milestone{display:grid;grid-template-columns:138px 24px minmax(0,1fr);gap:22px;position:relative;align-items:start;padding-bottom:30px}
.education-milestone:last-child{padding-bottom:0}
.education-milestone:before{content:"";position:absolute;left:165px;top:25px;width:11px;height:11px;border-radius:50%;background:#80856a;box-shadow:0 0 0 5px var(--paper),0 0 0 6px #c8bea9}
.education-year{grid-column:1;padding-top:15px;text-align:right}
.education-year time{display:block;font-size:30px;line-height:1.25;letter-spacing:-.035em;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.education-year span{display:block;margin-top:8px;color:var(--muted);font-size:12px}
.education-card{grid-column:3;min-width:0;padding:32px 38px 42px;min-height:190px;border:1px solid #d1c5b1;border-radius:16px;background-color:#faf6ec;background-image:var(--0205-grain),var(--0205-waves);background-size:180px 180px,100% 100%;background-repeat:repeat,no-repeat;box-shadow:var(--0205-shadow)}
.education-card>.label{font-size:11px;letter-spacing:.1em;color:var(--muted);line-height:1.7;display:block}
.education-card h3{font-size:clamp(25px,3vw,40px);letter-spacing:-.045em;font-weight:500;line-height:1.2;color:var(--ink);margin:18px 0 0;text-shadow:0 1px 0 #fffdf6}
.education-card .education-detail{color:var(--muted);font-size:16px;margin:16px 0 0;line-height:1.6}
@media(max-width:680px){
 .design-0205 #about{padding-top:38px;padding-bottom:58px}
 .design-0205 .education-path{padding-top:38px;margin-top:38px}
 .education-heading{margin-bottom:28px}
 .education-timeline:before{left:8px;top:18px;bottom:30px}
 .education-milestone{grid-template-columns:28px minmax(0,1fr);gap:12px;row-gap:16px;padding-bottom:30px}
 .education-milestone:before{left:3px;top:13px;width:10px;height:10px;box-shadow:0 0 0 4px var(--paper),0 0 0 5px #c8bea9}
 .education-year{grid-column:2;padding-top:0;text-align:left;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
 .education-year time{font-size:28px}.education-year span{margin:0;font-size:12px}
 .education-card{grid-column:2;padding:24px 24px 34px;min-height:0;border-radius:14px}
 .education-card h3{font-size:27px;line-height:1.2;overflow-wrap:break-word;margin-top:15px}
 .education-card>.label{font-size:10px;letter-spacing:.07em}
 .education-card .education-detail{font-size:15px}
}

/* Resume detail and university identity, with unchanged 0205 card surfaces. */
.school-logo{height:64px;display:flex;align-items:center;margin-bottom:26px}
.school-logo img{display:block;max-width:100%;width:200px;max-height:64px;height:auto;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
.education-card .education-school{font-size:15px;line-height:1.6;color:var(--muted);margin:5px 0 0}
.education-honors{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:20px 0 0}
.education-honors li{font-size:12px;line-height:1.5;color:#5d614d;border:1px solid #b8af98;border-radius:999px;padding:6px 14px;background:rgba(255,253,248,.45)}
.education-card .education-note{font-size:14px;line-height:1.7;color:var(--muted);margin:18px 0 0}
.education-year time{font-size:26px;white-space:nowrap}
@media(max-width:680px){
 .school-logo{height:60px;margin-bottom:22px}.school-logo img{max-width:100%;max-height:60px}
 .education-card .education-school{font-size:13px}.education-card .education-note{font-size:13px}
 .education-honors{gap:8px}.education-honors li{font-size:11px;padding:5px 11px}
}

/* A small portrait beside the biography; the placeholder can be replaced by an image. */
.design-0205 .about-grid{
  grid-template-columns:minmax(0,1fr) clamp(220px,22vw,280px);
  grid-template-areas:"lead portrait" "bio portrait";
  column-gap:clamp(32px,5vw,72px);row-gap:28px;
  align-items:start;
}
.design-0205 .about-grid>.lead{
  grid-area:lead;padding:clamp(28px,3vw,40px);
  font-size:clamp(26px,2.7vw,36px);line-height:1.3;
}
.about-biography{grid-area:bio;min-width:0;max-width:68ch}
.about-biography p:last-child{margin-bottom:0}
.about-portrait{grid-area:portrait;width:100%;margin:0;align-self:center}
.portrait-frame{
  position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4/5;
  border:1px solid #bcb09c;border-radius:16px;background-color:#e9e2d5;
  box-shadow:inset 0 3px 8px #49351c26,0 1px 0 #fffdf6;
}
.portrait-frame:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;
  box-shadow:inset 0 3px 8px #49351c26,inset 0 0 0 7px #f3efe766;
}
.portrait-placeholder{
  width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background-image:var(--0205-grain),var(--0205-waves);
  background-size:180px 180px,100% 100%;background-repeat:repeat,no-repeat;
  color:#756d5e;
}
.portrait-initials{
  font-size:clamp(52px,5vw,70px);font-weight:500;letter-spacing:-.07em;line-height:1;
  text-shadow:0 1px 0 #fffaf0,-.5px -1px .5px #4b403755;
}
.portrait-note{position:absolute;bottom:24px;left:12px;right:12px;text-align:center;font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.portrait-frame>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
@media(max-width:850px){
  .design-0205 .about-grid{grid-template-columns:minmax(0,1fr) 220px;column-gap:30px}
  .design-0205 .about-grid>.lead{font-size:28px;padding:28px}
}
@media(max-width:680px){
  .design-0205 .about-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"portrait" "lead" "bio";row-gap:28px}
  .about-portrait{width:200px;max-width:100%;justify-self:center}
  .portrait-frame{border-radius:14px}
  .portrait-initials{font-size:56px}
  .portrait-note{bottom:20px;font-size:9px}
  .design-0205 .about-grid>.lead{font-size:26px;padding:28px}
}