.about-page { width: 66%; max-width: 1200px; margin: 0 auto; padding-bottom: clamp(4rem, 12vw, 12rem); color: #111; }
.about-intro { display: grid; grid-template-columns: 1fr 2fr; gap: 2rem; align-items: start; margin-bottom: 5rem; }
.about-portrait { aspect-ratio: 1.05; border: 1px solid #111; background: #fff; }
.about-bio h1 { margin: 0 0 1rem; font-family: var(--font-body); font-size: clamp(22px, 2vw, 30px); text-transform: none; letter-spacing: -0.02em; }
.about-copy { max-width: 48ch; }
.about-copy p { margin: 0 0 1.25rem; font-size: clamp(17px, 1.5vw, 23px); line-height: 1.5; }
.about-copy p:last-child { margin-bottom: 0; }
.cv-section + .cv-section { margin-top: 5rem; }
.cv-section h2 { margin: 0 0 2rem; font-family: var(--font-body); font-size: clamp(26px, 2.3vw, 34px); font-weight: 400; text-transform: none; letter-spacing: -0.02em; }
.cv-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1.5rem; padding: 1.1rem 0; }
.cv-row h3 { margin: 0; color: #626868; font-size: clamp(17px, 1.6vw, 24px); font-weight: 400; line-height: 1.25; }
.cv-row p { margin: 0.7rem 0 0; font-size: clamp(9px, 0.65vw, 11px); line-height: 1.5; letter-spacing: 0.22em; text-transform: uppercase; color: #626777; }
.cv-date { color: #626777; font-size: clamp(11px, 0.95vw, 14px); text-align: right; white-space: nowrap; }
.cv-divider { border-bottom: 1px solid #929b9c; padding-bottom: 1.75rem; margin-bottom: 0.5rem; }
@media (max-width: 700px) {
  .about-page { width: 88%; margin-top: 1rem; }
  .about-intro { grid-template-columns: 1fr; gap: 1.5rem; margin-bottom: 3rem; }
  .about-portrait { max-width: 360px; width: 100%; }
  .cv-row { grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; }
  .cv-date { max-width: 100px; white-space: normal; }
  .cv-section + .cv-section { margin-top: 3rem; }
}